@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-core: #010409;--bg-grid: linear-gradient(rgba(14, 165, 233, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(14, 165, 233, .05) 1px, transparent 1px);--panel-bg: rgba(6, 12, 21, .85);--panel-border: rgba(14, 165, 233, .2);--panel-glow: rgba(14, 165, 233, .1);--primary: #0ea5e9;--primary-glow: #38bdf8;--danger: #ef4444;--danger-glow: #f87171;--warn: #fbbf24;--text-pure: #ffffff;--text-main: #e2e8f0;--text-muted: #64748b}body{font-family:Chakra Petch,sans-serif;background-color:var(--bg-core);background-image:var(--bg-grid);background-size:30px 30px;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;transition:all .2s}input,select{font-family:inherit}.hud-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);box-shadow:0 0 30px inset var(--panel-glow);position:relative}.hud-panel:before,.hud-panel:after{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--primary)}.hud-panel:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.hud-panel:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:480px;padding:40px;text-align:center;border-top:4px solid var(--primary)}.login-logo-icon{width:80px;height:80px;margin:0 auto 20px;border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--primary-glow);box-shadow:0 0 40px var(--panel-glow)}.login-title{font-size:32px;letter-spacing:5px;color:#fff;margin-bottom:10px}.login-subtitle{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--primary);letter-spacing:2px;margin-bottom:40px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:20px}.login-input{background:#00000080;border:1px solid var(--panel-border);padding:16px;color:var(--primary-glow);font-family:JetBrains Mono,monospace;font-size:14px;text-align:center;letter-spacing:2px;outline:none;transition:.3s}.login-input:focus{border-color:var(--primary-glow);box-shadow:0 0 20px var(--panel-glow)}.login-input::placeholder{color:#0ea5e94d}.login-btn{background:#0ea5e91a;border:1px solid var(--primary);color:var(--primary-glow);font-weight:700;font-size:16px;letter-spacing:3px;padding:16px;text-transform:uppercase}.login-btn:hover{background:var(--primary);color:#fff;box-shadow:0 0 30px var(--primary)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:70px;background:#000c;border-bottom:1px solid var(--panel-border);box-shadow:0 10px 30px var(--panel-glow);z-index:50;position:sticky;top:0}.header-brand{display:flex;align-items:center;gap:20px}.header-logo{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:800;color:var(--primary-glow);text-shadow:0 0 10px var(--primary);letter-spacing:4px}.sys-badge{background:#ef44441a;border:1px solid var(--danger);color:var(--danger-glow);font-size:11px;font-weight:700;padding:4px 12px;letter-spacing:2px;text-transform:uppercase;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-logout{background:transparent;border:1px solid var(--danger);color:var(--danger-glow);padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.btn-logout:hover{background:var(--danger);color:#fff;box-shadow:0 0 20px #ef444480}.tab-bar{display:flex;background:#00000080;border-bottom:1px solid var(--panel-border)}.tab-btn{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:14px;font-weight:600;letter-spacing:2px;padding:20px 0;text-transform:uppercase}.tab-btn:hover{background:#0ea5e90d;color:var(--primary)}.tab-btn.active{color:var(--primary-glow);border-bottom-color:var(--primary);background:linear-gradient(to top,rgba(14,165,233,.1),transparent)}.main-content{padding:40px;max-width:1600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:30px}.section-title{font-family:JetBrains Mono,monospace;font-size:18px;color:#fff;border-left:4px solid var(--primary);padding-left:16px;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.kpi-widget{padding:30px;display:flex;flex-direction:column;gap:10px}.kpi-label{font-size:14px;color:var(--primary);text-transform:uppercase;letter-spacing:2px}.kpi-value{font-family:JetBrains Mono,monospace;font-size:48px;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.kpi-value.gold{color:var(--warn);text-shadow:0 0 20px rgba(251,191,36,.3)}.control-panel{padding:40px;text-align:center}.btn-sys{background:#0ea5e91a;border:1px solid var(--primary);color:var(--primary-glow);font-size:16px;font-weight:600;letter-spacing:2px;padding:16px 40px;display:inline-flex;align-items:center;gap:12px}.btn-sys:hover{background:var(--primary);color:#fff;box-shadow:0 0 30px inset var(--panel-glow),0 0 30px var(--primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:100;display:flex;align-items:center;justify-content:center}.modal-content{width:100%;max-width:500px;padding:40px;border-top:4px solid var(--warn);box-shadow:0 0 50px #fbbf241a}.form-group{margin-bottom:24px;text-align:left}.form-label{display:block;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--primary);margin-bottom:8px;letter-spacing:1px}.form-input{width:100%;background:#00000080;border:1px solid var(--panel-border);padding:14px;color:#fff;outline:none;font-family:JetBrains Mono,monospace}.form-input:focus{border-color:var(--warn);box-shadow:0 0 15px #fbbf2433}.modal-actions{display:flex;gap:16px;margin-top:32px}.btn-submit{flex:2;background:#fbbf241a;border:1px solid var(--warn);color:var(--warn);padding:14px;font-weight:700}.btn-submit:hover{background:var(--warn);color:#000;box-shadow:0 0 20px var(--warn)}.btn-cancel{flex:1;background:transparent;border:1px solid var(--text-muted);color:var(--text-muted);padding:14px}.btn-cancel:hover{background:#ffffff1a;color:#fff}.hud-table{width:100%;border-collapse:collapse}.hud-table th{text-align:left;padding:20px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--primary);letter-spacing:2px;border-bottom:1px solid var(--panel-border);background:#00000080}.hud-table td{padding:24px 20px;font-size:15px;border-bottom:1px solid rgba(14,165,233,.1)}.hud-table tr:hover td{background:#0ea5e90d}.td-mono{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text-muted)}.td-highlight{color:#fff;font-weight:600;font-family:JetBrains Mono,monospace;font-size:16px}.role-badge{display:inline-block;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1px}.role-super_dist{color:var(--warn);border:1px solid var(--warn);background:#fbbf241a}.role-dist{color:var(--primary-glow);border:1px solid var(--primary);background:#0ea5e91a}.role-agent{color:var(--green-hi);border:1px solid var(--green);background:#10b9811a}@media (max-width: 768px){.header{height:auto;flex-direction:column;padding:16px;gap:16px;align-items:stretch}.header-brand{justify-content:space-between}.btn-logout{width:100%;text-align:center}.tab-bar{flex-direction:column}.tab-btn{padding:16px;font-size:13px}.main-content{padding:16px;gap:20px}.kpi-grid{grid-template-columns:1fr;gap:16px}.kpi-widget{padding:20px}.kpi-value{font-size:32px}.control-panel{padding:24px}.btn-sys{width:100%;justify-content:center;padding:16px}.modal-content{padding:24px;margin:16px;width:calc(100% - 32px)}.hud-table{display:block;overflow-x:auto;white-space:nowrap}.hud-table th,.hud-table td{padding:16px}}