@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f172a;--sidebar-bg:#1e293bb3;--header-bg:#0f172acc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--border-color:#ffffff1a;--sidebar-width:280px;--cyber-bg:#050b14;--neon-cyan:#00f3ff;--neon-cyan-dim:#00f3ff33;--neon-yellow:#ffb700;--panel-bg:#0a0f1999;--cyber-border:1px solid var(--neon-cyan-dim);--neon-red:#ff003c;--neon-red-dim:#ff003c33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;overflow:hidden}.login-container{background-color:var(--cyber-bg);width:100vw;height:100vh;color:var(--text-primary);background-image:linear-gradient(#00f3ff08 1px,#0000 1px),linear-gradient(90deg,#00f3ff08 1px,#0000 1px);background-size:20px 20px;gap:20px;padding:20px;font-family:Share Tech Mono,monospace;display:flex}.login-col{flex-direction:column;flex:1;gap:20px;min-height:0;display:flex}.left-col{flex:.8}.middle-col{border-left:1px solid var(--neon-cyan-dim);border-right:1px solid var(--neon-cyan-dim);flex:1.2;position:relative}.right-col{flex:1}.panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--cyber-border);border-top:2px solid var(--neon-cyan);padding:20px;position:relative}.panel-header{border-bottom:1px dashed var(--neon-cyan-dim);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.panel-header h3{color:var(--neon-cyan);letter-spacing:2px;font-size:.9rem;font-weight:400}.status-dot{background-color:var(--neon-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--neon-cyan);border-radius:50%}.stats-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.stat-item{flex-direction:column;gap:5px;display:flex}.stat-label{color:var(--text-secondary);letter-spacing:1px;font-size:.75rem}.stat-value{font-size:.9rem}.cyan-text{color:var(--neon-cyan)}.yellow-text{color:var(--neon-yellow)}.green-text{color:#00ff64;text-shadow:0 0 5px #00ff6480}.terminal-text{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.blink{animation:1s linear infinite blinker}@keyframes blinker{50%{opacity:0}}.sphere-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.wireframe-sphere{background:radial-gradient(circle at 30% 30%,#00f3ff33,#0000 70%);border:1px solid #00f3ff66;border-radius:50%;width:300px;height:300px;animation:20s linear infinite rotateSphere;position:relative;box-shadow:0 0 50px #00f3ff1a,inset 0 0 50px #00f3ff1a}.wireframe-sphere:before,.wireframe-sphere:after{content:"";border:1px solid #00f3ff33;border-radius:50%;position:absolute;inset:0}.wireframe-sphere:before{transform:rotateX(60deg)}.wireframe-sphere:after{transform:rotateY(60deg)}.sphere-text{text-align:center;z-index:2;position:absolute}.sphere-text h2{letter-spacing:4px;color:#fff;text-shadow:0 0 10px var(--neon-cyan);margin-bottom:5px;font-size:2rem}.sphere-text .subtitle{color:var(--neon-cyan);letter-spacing:2px;font-size:.85rem}.temp-badge{border:1px solid var(--neon-yellow);background:#ffb7001a;padding:4px 8px;font-size:.75rem;position:absolute;bottom:20%;right:10%}@keyframes rotateSphere{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zoom-active{animation:1s cubic-bezier(.8,0,.2,1) forwards gridEntry}@keyframes gridEntry{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(15)rotate(90deg)}}.entering-grid{animation:1.2s forwards fadeOutContainer}@keyframes fadeOutContainer{0%{opacity:1}80%{opacity:0}to{opacity:0}}.login-panel{flex-direction:column;height:100%;max-height:100%;display:flex;overflow-y:auto}.login-panel::-webkit-scrollbar{width:6px}.login-panel::-webkit-scrollbar-track{background:#00f3ff0d}.login-panel::-webkit-scrollbar-thumb{background:var(--neon-cyan-dim);border-radius:3px}.login-panel::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.auth-header{text-align:center;margin-bottom:25px}.fingerprint-icon{color:var(--neon-cyan);filter:drop-shadow(0 0 5px var(--neon-cyan));margin-bottom:10px}.auth-header h2{letter-spacing:2px;margin-bottom:5px;font-size:1.2rem}.auth-header p{color:var(--text-secondary);font-size:.8rem}.quick-access-buttons{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.sso-btn{border:1px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;background:#00f3ff1a;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-family:inherit;transition:all .2s;display:flex}.sso-btn:hover{background:#00f3ff33}.prominent-scan-btn{border:1px solid var(--neon-cyan);color:var(--neon-cyan);letter-spacing:1px;cursor:pointer;background:#00f3ff0d;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-family:inherit;font-size:.8rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.prominent-scan-btn:before{content:"";background:radial-gradient(circle,#00f3ff1a 0%,#0000 60%);width:200%;height:200%;animation:4s linear infinite sweep;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prominent-scan-btn:hover{background:#00f3ff26;box-shadow:0 0 15px #00f3ff4d}.prominent-scan-btn.scanning{color:#fff;background:#00f3ff33;border-color:#fff;animation:1s infinite pulseScan}.prominent-scan-btn.success{color:#00ff64;background:#00ff6433;border-color:#00ff64}@keyframes pulseScan{0%{box-shadow:0 0 #00f3ff66}70%{box-shadow:0 0 0 10px #00f3ff00}to{box-shadow:0 0 #00f3ff00}}.divider{text-align:center;margin:20px 0;position:relative}.divider:before{content:"";border-top:1px dashed var(--neon-cyan-dim);z-index:1;position:absolute;top:50%;left:0;right:0}.divider span{background:var(--cyber-bg);color:var(--text-secondary);z-index:2;padding:0 10px;font-size:.7rem;position:relative}.form-group{margin-bottom:15px}.form-group label{color:var(--text-secondary);letter-spacing:1px;margin-bottom:5px;font-size:.7rem;display:block}.cyber-input{border:1px solid var(--border-color);color:#fff;background:#0000004d;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.cyber-input:focus{border-color:var(--neon-cyan)}.cyber-input:disabled{opacity:.5;cursor:not-allowed}select.cyber-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300f3ff' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:30px}select.cyber-input option{background:var(--cyber-bg);color:var(--text-primary)}.password-wrapper{position:relative}.eye-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.eye-btn:hover{color:var(--neon-cyan)}.mfa-row{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.mfa-row label{color:var(--text-secondary);letter-spacing:1px;font-size:.7rem}.toggle-switch{width:36px;height:18px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{cursor:pointer;border:1px solid var(--border-color);background-color:#ffffff1a;border-radius:18px;transition:all .4s;position:absolute;inset:0}.toggle-switch label:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:12px;height:12px;transition:all .4s;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+label{border-color:var(--neon-cyan);background-color:#00f3ff33}.toggle-switch input:checked+label:before{background-color:var(--neon-cyan);transform:translate(18px)}.action-buttons{flex-direction:column;gap:10px;margin-top:20px;padding-bottom:10px;display:flex}.enter-btn{border:1px solid var(--neon-cyan);color:var(--neon-cyan);letter-spacing:1px;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:inherit;font-size:.9rem;transition:all .2s;display:flex}.enter-btn:hover{background:var(--neon-cyan);color:#000}.scan-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#050b14d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.large-fingerprint{color:var(--neon-cyan);opacity:.2}.scanner-line{background:var(--neon-cyan);width:100px;height:2px;box-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan);animation:2s ease-in-out infinite alternate scanAnim;position:absolute}@keyframes scanAnim{0%{opacity:0;transform:translateY(-40px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(40px)}}.dense-dashboard-container{background-color:var(--cyber-bg);width:100vw;height:100vh;color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 100% 0,#00f3ff08,#0000 40%),radial-gradient(circle at 0 100%,#ff003c05,#0000 40%);font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.vignette-overlay{pointer-events:none;z-index:100;position:absolute;inset:0;box-shadow:inset 0 0 80px #0006}.dense-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#050b1499;border-right:1px solid #00f3ff1a;flex-direction:column;width:260px;display:flex}.sidebar-scroll-area{flex-direction:column;flex:1;gap:16px;padding:20px 0;display:flex;overflow-y:auto}.sidebar-scroll-area::-webkit-scrollbar{display:none}.sidebar-module{padding:0 20px}.module-header{color:var(--neon-cyan);letter-spacing:2px;text-transform:uppercase;border-bottom:1px dashed #00f3ff33;margin-bottom:8px;padding-bottom:4px;font-size:.7rem;font-weight:600}.core-stats{color:var(--text-secondary);flex-direction:column;gap:6px;font-family:Share Tech Mono,monospace;font-size:.8rem;display:flex}.core-row{justify-content:space-between;display:flex}.boot-terminal{color:var(--text-secondary);border-left:2px solid var(--neon-cyan-dim);background:#0000004d;border-radius:4px;padding:8px;font-family:Share Tech Mono,monospace;font-size:.8rem;line-height:1.5}.breathing-glow{animation:2s infinite alternate breathGreen}@keyframes breathGreen{0%{text-shadow:0 0 5px #00ff6480}to{text-shadow:0 0 15px #00ff64,0 0 25px #00ff64}}.dense-nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;margin:0 10px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff05}.nav-item.active{color:var(--neon-cyan);border:1px solid #00f3ff26;border-left:3px solid var(--neon-cyan);background:#00f3ff08;box-shadow:0 4px 12px #00f3ff0d}.nav-item.has-badge{justify-content:space-between}.dense-profile{background:#0003;border-top:1px solid #00f3ff1a;align-items:center;gap:16px;padding:20px;display:flex}.avatar-micro{object-fit:cover;border:2px solid var(--neon-cyan);border-radius:50%;width:44px;height:44px;box-shadow:0 0 15px #00f3ff33}.profile-text{flex-direction:column;line-height:1.4;display:flex}.profile-text .name{color:#fff;font-size:.95rem;font-weight:600}.profile-text .role{color:var(--neon-cyan);letter-spacing:1px;font-size:.75rem}.dense-main{background:#050b144d;flex-direction:column;flex:1;display:flex;overflow:hidden}.dense-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#0a0f1999;border-bottom:1px solid #00f3ff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-brand{color:var(--neon-cyan);letter-spacing:3px;align-items:center;gap:12px;font-family:Share Tech Mono,monospace;font-size:1.2rem;font-weight:700;display:flex}.header-center{color:var(--text-secondary);align-items:center;gap:20px;font-family:Share Tech Mono,monospace;font-size:.85rem;display:flex}.separator{color:var(--neon-cyan-dim)}.header-right{align-items:center;gap:8px;display:flex}.dense-search{color:var(--neon-cyan);background:#00f3ff08;border:1px solid #00f3ff33;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;transition:all .3s;display:flex}.dense-search:focus-within{border-color:var(--neon-cyan);background:#00f3ff14;box-shadow:0 0 12px #00f3ff26}.dense-search input{color:#fff;background:0 0;border:none;outline:none;width:220px;font-family:Inter,sans-serif;font-size:.85rem}.dense-search input::placeholder{color:#00f3ff66}.dense-content-grid{z-index:10;flex:1;padding:16px 24px 24px;position:relative;overflow-y:auto}.scroll-wrapper{flex-direction:column;gap:16px;min-height:100%;display:flex}.dense-content-grid::-webkit-scrollbar{width:8px}.dense-content-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}.dense-content-grid::-webkit-scrollbar-thumb{background:#00f3ff33;border:1px solid #00f3ff1a;border-radius:4px}.dense-content-grid::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.dense-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f141e80;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 0 0 .5px #00f3ff4d,0 8px 32px #0006}.dense-panel:hover{box-shadow:0 0 0 .5px #00f3ff99,0 12px 40px #00f3ff0d}.panel-label{color:var(--neon-cyan);letter-spacing:1px;text-transform:uppercase;background:#00f3ff08;border-bottom:1px solid #00f3ff1a;padding:10px 16px;font-size:.8rem;font-weight:600}.flex-between{justify-content:space-between;display:flex}.cursor-pointer{cursor:pointer}.alert-panel{box-shadow:0 0 0 1px var(--neon-red);background:linear-gradient(90deg,#ff003c26 0%,#0f141e80 100%);justify-content:space-between;align-items:center;padding:24px 30px;animation:2s infinite alternate pulseRedBorder;display:flex}@keyframes pulseRedBorder{0%{box-shadow:0 0 0 1px var(--neon-red), inset 0 0 10px #ff003c1a}to{box-shadow:0 0 0 1px var(--neon-red), inset 0 0 30px #ff003c40}}.alert-left{align-items:center;gap:16px;display:flex}.alert-icon{color:var(--neon-red);filter:drop-shadow(0 0 5px var(--neon-red))}.alert-title{color:#fff;align-items:center;gap:12px;margin-bottom:6px;font-size:1.15rem;font-weight:700;display:flex}.alert-desc{color:#ffffffb3;font-size:.85rem;line-height:1.4}.alert-right{gap:12px;display:flex}.dense-btn{color:var(--neon-cyan);letter-spacing:1px;cursor:pointer;background:#00f3ff0d;border:1px solid #00f3ff4d;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Share Tech Mono,monospace;font-size:.85rem;transition:all .3s;display:flex}.dense-btn:hover{background:#00f3ff33;box-shadow:0 0 15px #00f3ff33}.btn-danger{color:var(--neon-red);background:#ff003c0d}.pulse-emergency{padding:12px 20px;font-size:.95rem;font-weight:700;animation:2s infinite btnPulse;box-shadow:0 0 15px #ff003c80}@keyframes btnPulse{0%{box-shadow:0 0 10px #ff003c80}50%{box-shadow:0 0 25px #ff003ccc}to{box-shadow:0 0 10px #ff003c80}}.pulse-emergency:hover{background:var(--neon-red);color:#fff;box-shadow:0 0 30px var(--neon-red)}.btn-warning{border-color:var(--neon-yellow);color:var(--neon-yellow)}.middle-row{flex:1;gap:16px;min-height:400px;display:flex}.map-panel{flex-direction:column;flex:2.5;display:flex}.map-seamless-container{background:radial-gradient(circle,#00f3ff0d,#000 80%);flex:1;position:relative;overflow:hidden}.grid-overlay{opacity:.5;background-image:linear-gradient(#00f3ff14 1px,#0000 1px),linear-gradient(90deg,#00f3ff14 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.node-dim{background:#00ff6466;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 6px #00ff644d}.ping-ring{border:1px solid var(--neon-red);pointer-events:none;border-radius:50%;animation:3s cubic-bezier(.215,.61,.355,1) infinite radarPing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{animation-delay:0s}.ring-2{animation-delay:1s}.ring-3{animation-delay:2s}@keyframes radarPing{0%{opacity:1;border-width:2px;width:14px;height:14px}to{opacity:0;border-width:1px;width:200px;height:200px}}.cyber-popover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--neon-red);z-index:10;background:#0a0f19e6;border-radius:4px;width:max-content;min-width:160px;padding:12px;position:absolute;top:25px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ff003c33}.cyber-popover:before{content:"";border-top:1px solid var(--neon-red);border-left:1px solid var(--neon-red);background:#0a0f19e6;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.popover-header{border-bottom:1px dashed var(--neon-red-dim);margin-bottom:6px;padding-bottom:6px;font-size:.9rem;font-weight:700}.popover-body{color:var(--text-primary);flex-direction:column;gap:4px;font-family:Share Tech Mono,monospace;font-size:.8rem;display:flex}.log-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.log-scroll-area{flex:1;padding:0 8px 8px 12px;overflow-y:auto}.log-scroll-area::-webkit-scrollbar{width:4px}.log-scroll-area::-webkit-scrollbar-thumb{background:#00f3ff33;border-radius:2px}.dense-log-list{flex-direction:column;gap:8px;display:flex}.dense-log-item{background:#0003;border-left:3px solid #0000;border-radius:6px;gap:12px;padding:12px;transition:all .2s;display:flex}.dense-log-item:hover{border-left-color:var(--neon-cyan);background:#00f3ff0d}.log-icon-green{color:#00ff64}.log-icon-cyan{color:var(--neon-cyan)}.log-icon-gray{color:var(--text-secondary)}.log-title{color:#fff;margin-bottom:4px;font-size:.85rem;font-weight:500}.log-meta{color:var(--text-secondary);font-family:Share Tech Mono,monospace;font-size:.75rem}.bottom-strip{gap:16px;min-height:80px;display:flex}.quick-commands{flex-direction:column;flex:2;display:flex}.cmd-grid{flex:1;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:12px;padding:12px 20px;display:grid}.cmd-tile{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(#0f141ecc,#050b14e6);border:1px solid #00f3ff33;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff1a}.cmd-tile:hover{background:linear-gradient(#00f3ff1a,#0f141ee6);border-color:#00f3ff66;box-shadow:0 6px 12px #00f3ff1a,inset 0 1px #fff3}.cmd-tile:active{transform:scale(.95);box-shadow:0 0 #0000,inset 0 4px 8px #0009}.tile-warning{border-color:#ffb7004d}.tile-warning:hover{background:linear-gradient(#ffb7001a,#0f141ee6);border-color:#ffb70080;box-shadow:0 6px 12px #ffb7001a,inset 0 1px #fff3}.stat-card{background:linear-gradient(135deg,#00f3ff0d 0%,#0000 100%);flex-direction:column;flex:1;justify-content:center;padding:16px 20px;display:flex;position:relative}.alert-stat{border:1px solid var(--neon-red);background:linear-gradient(135deg,#ff003c1a 0%,#0000 100%)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:6px;font-size:.75rem;display:flex}.stat-value-container{align-items:baseline;gap:4px;display:flex}.stat-number{color:#fff;text-shadow:0 0 10px #fff3;font-family:Share Tech Mono,monospace;font-size:1.8rem;font-weight:700;line-height:1}.stat-symbol{color:var(--text-secondary);font-family:Share Tech Mono,monospace;font-size:1rem}.stat-trend{align-items:center;gap:4px;font-family:Share Tech Mono,monospace;font-size:.85rem;display:flex;position:absolute;bottom:16px;right:16px}