.login-container{background-color:#0a0a0f;background-image:radial-gradient(circle at 15%,#14ff640d,#0000 25%),radial-gradient(circle at 85% 30%,#0096ff14,#0000 25%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.cyber-grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(#00ff6408 1px,#0000 1px),linear-gradient(90deg,#00ff6408 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0f0f14d9;border:1px solid #00ff6433;border-radius:16px;width:100%;max-width:400px;padding:40px;animation:.5s ease-out slideUp;box-shadow:0 0 40px #00ff640d,inset 0 0 20px #00ff6405}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.shield-icon-container{background:#00ff641a;border:1px solid #00ff644d;border-radius:50%;margin-bottom:20px;padding:16px;display:inline-flex;box-shadow:0 0 20px #00ff6433}.shield-icon{color:#0f6;filter:drop-shadow(0 0 8px #00ff6480)}.login-header h1{color:#fff;letter-spacing:1px;margin:0;font-size:24px;font-weight:700}.login-header p{color:#8c8c9a;text-transform:uppercase;letter-spacing:2px;margin:8px 0 0;font-size:14px}.login-error{color:#f55;background:#ff32321a;border:1px solid #ff32324d;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:12px;font-size:14px;animation:.4s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-form .input-group{margin-bottom:20px}.login-form label{color:#8c8c9a;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;display:block}.cyber-input{color:#fff;box-sizing:border-box;background:#00000080;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:all .3s}.password-wrapper{position:relative}.input-icon{color:#8c8c9a;transition:color .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.cyber-input.with-icon{padding-left:40px}.cyber-input:focus{border-color:#0f6;outline:none;box-shadow:0 0 15px #00ff6433}.cyber-input:focus+.input-icon,.password-wrapper:focus-within .input-icon{color:#0f6}.cyber-button{color:#000;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#0f6,#00cc52);border:none;border-radius:8px;width:100%;margin-top:10px;padding:14px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #00ff644d}.cyber-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00ff6466}.cyber-button:disabled{color:#666;box-shadow:none;cursor:not-allowed;background:#333}:root{--bg:#07101f;--card:#101d33;--card2:#14243e;--border:#233b61;--text:#eef5ff;--muted:#7894bd;--blue:#3b82f6;--green:#15d98d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,Arial,sans-serif}main{max-width:1180px;margin:0 auto;padding:28px 18px 60px}.top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1,h2{align-items:center;gap:10px;margin:0 0 10px;display:flex}p{color:var(--muted)}.grid{grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 10px 30px #0000002e}.notice{color:var(--green);background:#0d3328;border:1px solid #0f7d55;border-radius:12px;margin-bottom:18px;padding:14px 16px}.form{gap:10px;display:grid}label{color:var(--muted);font-size:13px}input,select{border:1px solid var(--border);width:100%;color:var(--text);background:#081429;border-radius:10px;padding:12px 13px}button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:inline-flex}.site-list{gap:12px;display:grid}.site-row{background:var(--card2);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.site-row strong,.site-row span,.site-row small{display:block}.site-row span{color:var(--muted);margin-top:5px}.site-row small{color:#5f7ca9;margin-top:5px}.actions{flex-wrap:wrap;gap:10px;display:flex}.muted{color:var(--muted)}@media (width<=760px){main{padding:18px 12px 40px}.grid{grid-template-columns:1fr}.site-row{flex-direction:column;align-items:stretch}.actions{width:100%}.actions button{flex:1}}