:root{--cyan: #00d4ff;--cyan-dim: rgba(0, 212, 255, .15);--cyan-glow: 0 0 20px rgba(0, 212, 255, .4);--cyan-glow-sm: 0 0 10px rgba(0, 212, 255, .25);--purple: #7c3aed;--purple-glow: 0 0 20px rgba(124, 58, 237, .4);--green: #00ff88;--bg-deep: #050a14;--bg-base: #0a0f1e;--bg-card: #0d1527;--bg-elevated: #111827;--border-cyan: rgba(0, 212, 255, .2);--border-subtle: rgba(0, 212, 255, .08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,PingFang SC,system-ui,Segoe UI,sans-serif;background:var(--bg-deep);color:#e2e8f0}#root{width:100%;height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#00d4ff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff73}.tech-card{background:var(--bg-card);border:1px solid var(--border-cyan);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glow-text{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 8px var(--green)}50%{opacity:.5;box-shadow:0 0 16px var(--green)}}@keyframes scan-line{0%{transform:translateY(-100%);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100vh);opacity:0}}@keyframes grid-move{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes float-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes border-pulse{0%,to{box-shadow:0 0 10px #00d4ff33,inset 0 0 10px #00d4ff05}50%{box-shadow:0 0 20px #00d4ff66,inset 0 0 20px #00d4ff0d}}.login-bg{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-deep);overflow:hidden}.login-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.05) 1px,transparent 1px);background-size:40px 40px;animation:grid-move 25s linear infinite;pointer-events:none}.login-glow-tl{position:absolute;top:-120px;left:-120px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 70%);pointer-events:none}.login-glow-br{position:absolute;bottom:-120px;right:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.14) 0%,transparent 70%);pointer-events:none}.login-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.6),transparent);animation:scan-line 6s ease-in-out infinite;pointer-events:none}.login-card{position:relative;width:400px;padding:40px;background:#0d1527d9;border:1px solid rgba(0,212,255,.25);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 40px #00d4ff1a,0 20px 60px #00000080;animation:float-in .5s ease-out,border-pulse 4s ease-in-out infinite}.login-logo-wrap{text-align:center;margin-bottom:32px}.login-logo-icon{font-size:36px;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:10px}.login-logo-title{font-size:22px;font-weight:700;background:linear-gradient(135deg,#00d4ff 30%,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.login-logo-sub{font-size:12px;color:#64748b;margin-top:6px;letter-spacing:1px}.login-btn{background:linear-gradient(135deg,#0ac,#00d4ff)!important;border:none!important;box-shadow:0 0 20px #00d4ff59!important;font-weight:600;letter-spacing:1px;transition:all .3s ease!important}.login-btn:hover{background:linear-gradient(135deg,#00d4ff,#09b)!important;box-shadow:0 0 30px #00d4ff99!important;transform:translateY(-1px)}.login-footer{text-align:center;margin-top:24px;font-size:11px;color:#334155;letter-spacing:1px}.icon-rail{position:fixed;left:0;top:0;width:56px;height:100vh;background:#070c18;border-right:1px solid rgba(0,212,255,.12);display:flex;flex-direction:column;align-items:center;padding:0;z-index:200;-webkit-user-select:none;user-select:none}.icon-rail-logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,212,255,.1);flex-shrink:0}.icon-rail-logo-icon{font-size:20px;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.icon-rail-body{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;overflow-y:auto;overflow-x:hidden}.icon-rail-body::-webkit-scrollbar{display:none}.icon-rail-item{position:relative;width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:6px;cursor:pointer;color:#475569;transition:color .15s,background .15s;flex-shrink:0}.icon-rail-item:hover{color:#00d4ff;background:#00d4ff14}.icon-rail-item.active{color:#00d4ff;background:#00d4ff1f}.icon-rail-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:#00d4ff;border-radius:0 2px 2px 0;box-shadow:0 0 8px #00d4ff99}.icon-rail-item-icon{font-size:18px;line-height:1}.icon-rail-item-label{font-size:8px;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}.icon-rail-bottom{width:100%;display:flex;flex-direction:column;align-items:center;padding:8px 0 12px;border-top:1px solid rgba(0,212,255,.08);gap:4px}.icon-rail-logout{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:#334155;transition:color .15s,background .15s}.icon-rail-logout:hover{color:#ef4444;background:#ef44441a}.flyout-panel{position:fixed;left:56px;top:0;width:200px;height:100vh;background:#070c18f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,212,255,.18);z-index:199;display:flex;flex-direction:column;transform:translate(-100%);opacity:0;transition:transform .15s ease-out,opacity .15s ease-out;pointer-events:none;box-shadow:8px 0 32px #00000080}.flyout-panel.open{transform:translate(0);opacity:1;pointer-events:auto}.flyout-header{height:56px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid rgba(0,212,255,.1);flex-shrink:0}.flyout-header-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#00d4ff}.flyout-body{flex:1;overflow-y:auto;padding:8px 0}.flyout-body::-webkit-scrollbar{width:3px}.flyout-body::-webkit-scrollbar-track{background:transparent}.flyout-body::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:2px}.flyout-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;color:#64748b;font-size:13px;transition:color .12s,background .12s}.flyout-item:hover{color:#e2e8f0;background:#00d4ff0f}.flyout-item.active{color:#00d4ff;background:#00d4ff1a}.flyout-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:#00d4ff;border-radius:0 2px 2px 0;box-shadow:0 0 6px #00d4ff80}.flyout-item-icon{font-size:14px;flex-shrink:0;opacity:.8}.flyout-item.active .flyout-item-icon{opacity:1}.main-layout-with-rail{margin-left:56px;height:100vh;display:flex;flex-direction:column;overflow:hidden}.tech-header{background:#070c18eb!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,212,255,.12)!important}.tech-status-bar{display:flex;align-items:center;gap:6px;font-size:12px;color:#0f8;margin-right:16px}@media (max-width: 768px){.login-card{width:90vw;padding:28px 24px}}