:root{--gold: #FFD700;--gold-dim: rgba(255, 215, 0, .15);--red: #E30615;--blue: #002366;--dark: #050A14;--darker: #020508;--panel: #0A1628;--panel2: #0D1F3C;--border: #1A3A5C;--text: #C8D8E8;--muted: #5A7A9A;--success: #00FF88;--warn: #FF9F00;--danger: #FF2244;--cyan: #00D4FF}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--darker);color:var(--text);font-family:Rajdhani,sans-serif;font-size:16px;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,36,102,.4) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(227,6,21,.15) 0%,transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(0,212,255,.02) 40px,rgba(0,212,255,.02) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(0,212,255,.02) 40px,rgba(0,212,255,.02) 41px);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--darker)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}h1,h2,h3,.heading{font-family:Bebas Neue,cursive;letter-spacing:3px}.mono{font-family:Share Tech Mono,monospace}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:240px;flex:1;min-height:100vh}.page-body{padding:32px}.sidebar{width:240px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{padding:24px 20px;border-bottom:1px solid var(--border)}.sidebar-logo .logo-title{font-family:Bebas Neue,cursive;font-size:22px;color:var(--gold);letter-spacing:3px;line-height:1}.sidebar-logo .logo-sub{font-family:Share Tech Mono,monospace;font-size:9px;color:var(--cyan);letter-spacing:4px;opacity:.7}.nav{flex:1;padding:12px 0;overflow-y:auto}.nav-section{font-family:Share Tech Mono,monospace;font-size:9px;letter-spacing:3px;color:var(--border);padding:16px 20px 6px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 20px;cursor:pointer;transition:all .2s;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:1px;border-left:3px solid transparent;text-decoration:none}.nav-item:hover{color:var(--text);background:#ffd7000d}.nav-item.active{color:var(--gold);background:#ffd70014;border-left-color:var(--gold)}.nav-item .nav-icon{font-size:18px;width:22px;text-align:center}.sidebar-user{padding:16px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--gold),var(--red));display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,cursive;font-size:18px;color:var(--darker);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);flex-shrink:0}.user-name{font-weight:600;font-size:14px}.user-role{font-size:11px;color:var(--muted);font-family:Share Tech Mono,monospace}.logout-btn{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;padding:4px;transition:color .2s}.logout-btn:hover{color:var(--danger)}.page-header{background:var(--panel);border-bottom:1px solid var(--border);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.page-title{font-family:Bebas Neue,cursive;font-size:28px;letter-spacing:3px;color:var(--gold)}.page-subtitle{font-size:12px;color:var(--muted);font-family:Share Tech Mono,monospace;letter-spacing:2px}.card{background:var(--panel);border:1px solid var(--border);padding:24px;position:relative;margin-bottom:24px}.card-title{font-family:Bebas Neue,cursive;font-size:18px;letter-spacing:2px;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:10px}.card-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent)}.stat-card{background:var(--panel2);border:1px solid var(--border);border-top:2px solid;padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:currentColor;opacity:.05;clip-path:polygon(100% 0,0 0,100% 100%)}.stat-card.gold{border-top-color:var(--gold);color:var(--gold)}.stat-card.cyan{border-top-color:var(--cyan);color:var(--cyan)}.stat-card.green{border-top-color:var(--success);color:var(--success)}.stat-card.red{border-top-color:var(--danger);color:var(--danger)}.stat-card.warn{border-top-color:var(--warn);color:var(--warn)}.stat-label{font-size:11px;letter-spacing:2px;font-family:Share Tech Mono,monospace;opacity:.7;margin-bottom:8px}.stat-value{font-family:Bebas Neue,cursive;font-size:42px;line-height:1}.stat-unit{font-size:14px;opacity:.6;margin-left:4px}.stat-delta{font-size:12px;margin-top:6px;opacity:.7}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:15px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;transition:all .2s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.btn-gold{background:var(--gold);color:var(--darker)}.btn-gold:hover{background:#ffe44d;transform:translateY(-1px);box-shadow:0 4px 20px #ffd70066}.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold);clip-path:none}.btn-outline:hover{background:#ffd7001a}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#ff4460}.btn-sm{padding:8px 16px;font-size:13px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:20px}.field label{display:block;font-size:11px;letter-spacing:2px;color:var(--cyan);margin-bottom:6px;font-family:Share Tech Mono,monospace}.field input,.field select,.field textarea{width:100%;background:#0006;border:1px solid var(--border);border-bottom:2px solid var(--cyan);color:var(--text);padding:12px 14px;font-family:Rajdhani,sans-serif;font-size:15px;outline:none;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);border-bottom-color:var(--gold);background:#ffd70008}.field select option{background:var(--panel);color:var(--text)}.error-msg{background:#ff22441a;border:1px solid var(--danger);border-left:3px solid var(--danger);padding:10px 14px;font-size:13px;color:#ff6680;margin-bottom:16px}.success-msg{background:#00ff881a;border:1px solid var(--success);border-left:3px solid var(--success);padding:10px 14px;font-size:13px;color:var(--success);margin-bottom:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020508d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--gold);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:Bebas Neue,cursive;font-size:22px;letter-spacing:3px;color:var(--gold)}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:22px;transition:color .2s}.modal-close:hover{color:var(--danger)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 14px;text-align:left;font-size:10px;letter-spacing:2px;color:var(--cyan);font-family:Share Tech Mono,monospace;border-bottom:1px solid var(--border);background:#0003}.data-table td{padding:12px 14px;font-size:14px;border-bottom:1px solid rgba(26,58,92,.4);vertical-align:middle}.data-table tr:hover td{background:#ffd70008}.badge{display:inline-block;padding:3px 10px;font-size:11px;font-family:Share Tech Mono,monospace;letter-spacing:1px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.badge-gold{background:#ffd70026;color:var(--gold);border:1px solid rgba(255,215,0,.3)}.badge-blue{background:#00d4ff26;color:var(--cyan);border:1px solid rgba(0,212,255,.3)}.badge-green{background:#00ff8826;color:var(--success);border:1px solid rgba(0,255,136,.3)}.badge-red{background:#ff224426;color:var(--danger);border:1px solid rgba(255,34,68,.3)}.badge-warn{background:#ff9f0026;color:var(--warn);border:1px solid rgba(255,159,0,.3)}.progress-bar{height:6px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;transition:width .6s}.progress-gold{background:linear-gradient(to right,var(--gold),#FFE566)}.progress-cyan{background:linear-gradient(to right,var(--cyan),#66E8FF)}.progress-green{background:linear-gradient(to right,var(--success),#66FFB5)}.progress-red{background:linear-gradient(to right,var(--danger),#FF6685)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--panel2);border:1px solid var(--border);border-left:3px solid var(--gold);padding:12px 16px;min-width:280px;font-size:14px;animation:slideIn .3s ease}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warn)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.heatmap-cell{aspect-ratio:1;border-radius:2px;transition:transform .1s;cursor:pointer}.heatmap-cell:hover{transform:scale(1.2)}.hm-0{background:#ffd7000d}.hm-1{background:#ffd70033}.hm-2{background:#ffd70066}.hm-3{background:#ffd700a6}.hm-4{background:var(--gold)}.water-cups{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.water-cup{width:36px;height:44px;border:2px solid var(--border);cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s}.water-cup.filled{border-color:var(--cyan)}.water-cup .fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--cyan),rgba(0,212,255,.4));transition:height .4s}.timer-display{font-family:Share Tech Mono,monospace;font-size:48px;color:var(--gold);text-align:center;text-shadow:0 0 20px rgba(255,215,0,.4);letter-spacing:4px}.upload-area{border:2px dashed var(--border);padding:40px;text-align:center;cursor:pointer;transition:all .2s}.upload-area:hover{border-color:var(--gold);background:#ffd70008}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.set-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}.set-num{font-family:Share Tech Mono,monospace;font-size:12px;color:var(--gold);width:50px;flex-shrink:0}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-box{width:100%;max-width:480px;background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--gold);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));padding:40px;position:relative}.auth-box:before{content:"CLASSIFIED";position:absolute;top:12px;right:30px;font-family:Share Tech Mono,monospace;font-size:10px;color:var(--red);letter-spacing:3px;opacity:.6}.shield-logo{text-align:center;margin-bottom:32px}.shield-logo .avengers-a{font-family:Bebas Neue,cursive;font-size:64px;color:var(--gold);line-height:1;text-shadow:0 0 30px rgba(255,215,0,.5),0 0 60px rgba(255,215,0,.2);letter-spacing:4px}.shield-logo .subtitle{font-family:Share Tech Mono,monospace;font-size:11px;color:var(--cyan);letter-spacing:6px;opacity:.8}.auth-tabs{display:flex;margin-bottom:28px;border:1px solid var(--border)}.auth-tab{flex:1;padding:10px;background:transparent;border:none;color:var(--muted);font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s;text-transform:uppercase}.auth-tab.active{background:var(--gold);color:var(--darker)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{width:60px}.sidebar .logo-title,.sidebar .logo-sub,.nav-item span,.user-name,.user-role,.nav-section{display:none}.main-content{margin-left:60px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-body,.page-header{padding:16px}}