@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;color:#e0e0e0;min-height:100vh;line-height:1.5;font-size:14px;position:relative;padding-top:70px}
body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:url('/img/wrabbbitbg.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}
body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:-1}
.container{max-width:1000px;margin:0 auto;position:relative;z-index:1}
h1{color:#fff;font-size:1.8em;font-weight:400;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}
h2{color:#fff;font-size:1.3em;font-weight:400;margin-bottom:15px}
h3{color:#ccc;font-size:1.1em;margin-bottom:12px}
.card{background:rgba(36,36,36,0.5);backdrop-filter:blur(2px);border-radius:10px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.1)}
.info-box{background:rgba(30,42,58,0.9);border-left:3px solid #4a6fa5;padding:12px 15px;margin-bottom:15px;border-radius:4px;font-size:13px;color:#b8d0e5}
.warning-box{background:rgba(42,37,30,0.9);border-left:3px solid #b58b4a;padding:12px 15px;margin-bottom:15px;border-radius:4px;color:#e5d0b8}
.upload-form{background:rgba(30,30,30,0.9);padding:20px;border-radius:6px;border:1px solid rgba(255,255,255,0.1)}
.form-group{margin-bottom:15px}
label{display:block;margin-bottom:6px;color:#aaa;font-size:13px}
input,select{width:100%;padding:8px 12px;background:rgba(26,26,26,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:4px;color:#fff}
textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;font-family:monospace;font-size:13px;background:rgba(26,26,26,0.9);color:#d4d4d4}
button{background:rgba(45,45,45,0.9);color:#fff;border:1px solid rgba(255,255,255,0.1);padding:8px 20px;border-radius:4px;cursor:pointer}
.message-success{background:rgba(26,42,26,0.9);border:1px solid rgba(42,74,42,0.5);color:#b8e5b8;padding:12px 15px;margin:15px 0;border-radius:4px}
.message-error{background:rgba(42,26,26,0.9);border:1px solid rgba(74,42,42,0.5);color:#e5b8b8;padding:12px 15px;margin:15px 0;border-radius:4px}
.navbar{position:fixed;top:0;left:0;right:0;background:rgba(20,20,20,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);z-index:1000;padding:0 15px}
.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:50px}
.nav-logo a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}
.nav-logo-img{height:28px}
.nav-logo-text{font-size:14px;font-weight:600;background:linear-gradient(135deg,#fff 0%,#4a6fa5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-links{display:flex;gap:3px;position:absolute;left:50%;transform:translateX(-50%)}
.nav-link{display:flex;align-items:center;gap:5px;padding:5px 12px;color:#ccc;text-decoration:none;border-radius:5px;font-size:12px;font-weight:500}
.nav-link:hover{color:#fff;background:rgba(255,255,255,0.1)}
.nav-link.active{color:#4a6fa5;background:rgba(74,111,165,0.2)}
.nav-icon{font-size:14px}
.nav-text{font-size:12px}
.secret-zone{position:fixed;top:0;left:0;width:50px;height:50px;z-index:9998}
.admin-entry-btn{position:fixed;top:10px;left:10px;background:rgba(0,0,0,0.7);border-radius:4px;padding:5px 10px;z-index:9999;border:1px solid rgba(255,255,255,0.2);opacity:0;visibility:hidden;pointer-events:none;text-decoration:none;display:inline-block}
.secret-zone:hover+.admin-entry-btn,.admin-entry-btn:hover{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.admin-entry-btn:hover{background:rgba(74,111,165,0.9)}
.admin-btn-content{display:flex;align-items:center;gap:5px;color:#fff}
.admin-icon{font-size:12px}
.admin-text{font-size:10px;text-transform:uppercase}
.login-body,.admin-login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}
.login-container{background:rgba(36,36,36,0.95);padding:40px;border-radius:10px;max-width:400px;border:1px solid rgba(255,255,255,0.1)}
@media (max-width:768px){.nav-container{height:45px}.nav-logo-img{height:24px}.nav-logo-text{font-size:12px}.nav-link{padding:4px 8px}.nav-text{display:none}.nav-icon{font-size:14px}}