:root{--bg-gradient-1:#0f172a;--bg-gradient-2:#1e1b4b;--bg-gradient-3:#0f172a;--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-glow:#8b5cf666;--accent:#06b6d4;--danger:#f43f5e;--danger-hover:#e11d48;--text-main:#f8fafc;--text-muted:#cbd5e1;--glass-bg:#1e293b73;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--input-bg:#0f172a99;--sidebar-w:260px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-1), var(--bg-gradient-2), var(--bg-gradient-3));color:var(--text-main);background-size:400% 400%;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;animation:15s infinite gradientBG}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.center-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.container{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);text-align:center;border:1px solid var(--glass-border);border-radius:20px;width:100%;max-width:420px;padding:40px;transition:transform .3s,box-shadow .3s}.container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000073}.admin-login-container{max-width:450px}#dashboard-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);z-index:10;flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid var(--glass-border);color:var(--text-main);text-align:center;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(to right, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding:24px;font-size:22px;font-weight:700}.sidebar-nav{flex:1;padding:20px 0}.nav-item{cursor:pointer;color:var(--text-muted);text-align:left;background:0 0;border:none;border-left:4px solid #0000;width:100%;padding:16px 24px;font-size:16px;font-weight:500;transition:all .3s;display:block}.nav-item:hover{color:var(--text-main);background:#ffffff0d;padding-left:28px}.nav-item.active{color:var(--primary);border-left-color:var(--primary);background:#8b5cf626;box-shadow:inset 0 0 10px #8b5cf60d}.sidebar-footer{border-top:1px solid var(--glass-border);padding:20px}.main-content{flex:1;padding:40px;position:relative;overflow-y:auto}.dashboard-panel{max-width:800px;margin:0 auto}h1{letter-spacing:-.5px;margin-bottom:10px;font-size:28px;font-weight:700}h2{margin-bottom:24px;font-size:24px;font-weight:600}p.subtitle{color:var(--text-muted);margin-bottom:28px;font-size:15px;line-height:1.5}.form-group{text-align:left;margin-bottom:22px}label{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}input{border:1px solid var(--glass-border);background-color:var(--input-bg);width:100%;color:var(--text-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:14px 18px;font-size:16px;transition:all .3s}input::placeholder{color:#ffffff4d}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background-color:#0f172acc;outline:none}button{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 15px var(--primary-glow);letter-spacing:.5px;border:none;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .3s}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}button:active{transform:translateY(1px)}button.btn-danger{background:linear-gradient(135deg, var(--danger), var(--danger-hover));box-shadow:0 4px 15px #f43f5e66}button.btn-danger:hover{box-shadow:0 6px 20px #f43f5e99}button.btn-outline{color:var(--text-main);box-shadow:none;background:0 0;border:1px solid #fff3}button.btn-outline:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.link-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px;transition:all .3s;display:flex}.link-item:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:0 10px 25px #0003}.link-info h3{color:var(--text-main);margin-bottom:8px;font-size:18px;font-weight:600}.link-info p{color:var(--text-muted);margin-bottom:4px;font-size:14px}.link-actions{gap:12px;display:flex}.link-actions button{width:auto;padding:10px 16px;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:1;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.hidden{opacity:0;pointer-events:none;display:none!important}.modal-content{-webkit-backdrop-filter:blur(20px);background:#1e293bb3;border:1px solid #ffffff26;border-radius:20px;width:100%;max-width:500px;padding:35px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(1);box-shadow:0 25px 50px -12px #00000080}.modal-overlay.hidden .modal-content{transform:scale(.9)}.modal-actions{gap:16px;margin-top:30px;display:flex}.hidden{display:none!important}.error-message{color:#fb7185;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.error-message:before{content:"⚠️";font-size:16px}.totp-display{border:1px solid var(--glass-border);background:#0f172a80;border-radius:16px;margin-top:35px;padding:35px 25px;position:relative;overflow:hidden;box-shadow:inset 0 2px 15px #0003}.totp-code{letter-spacing:6px;background:linear-gradient(to right, var(--text-main), var(--accent));-webkit-text-fill-color:transparent;white-space:nowrap;text-shadow:0 0 20px #ffffff1a;-webkit-background-clip:text;margin-bottom:20px;font-family:Courier New,Courier,monospace;font-size:52px;font-weight:700}.timer-bar-container{background-color:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.timer-bar{background:linear-gradient(90deg, var(--primary), var(--accent));width:100%;height:100%;box-shadow:0 0 10px var(--primary-glow);border-radius:3px;transition:width 1s linear}body:before,body:after{content:"";filter:blur(100px);z-index:-1;border-radius:50%;width:400px;height:400px;animation:20s ease-in-out infinite float;position:fixed}body:before{background:#8b5cf64d;top:-100px;left:-100px}body:after{background:#06b6d433;animation-delay:-10s;bottom:-100px;right:-100px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}