@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bg-deep:#0a1628;--bg-panel:#0d1f35;--bg-card:#112240;--text-primary:#e0e8f0;--text-secondary:#89a;--accent-cyan:#00d4ff;--accent-green:#0f8;--accent-orange:#ff6b35;--accent-gold:gold;--accent-red:#f34;--border:#1a3350;--border-glow:#00d4ff4d;--shadow-panel:0 4px 24px #0006;--radius:6px}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,PingFang SC,system-ui,-apple-system,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100dvh;display:flex}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:14px;transition:all .2s}input,select{outline:none;font-family:inherit;font-size:14px}::-webkit-scrollbar{width:4px}:root{--bg-deepest:#060e1a;--bg-deep:#0a1628;--bg-card:#0d1f35;--bg-card-hover:#112a48;--bg-elevated:#142d4a;--bg-overlay:#040a14b8;--accent-blue:#00d4ff;--accent-green:#0f8;--accent-amber:#fa0;--accent-orange:#ff6b35;--accent-red:#f34;--accent-gold:gold;--text-primary:#e8f4ff;--text-secondary:#c0d0e0;--text-tertiary:#89a;--text-muted:#5a7a9a;--text-faint:#3a5a7a;--text-ghost:#2a4a6a;--border-subtle:#00d4ff1f;--border-default:#1a3350;--border-accent:#00d4ff40;--border-strong:#00d4ff66;--glass-bg:#0d1f35d9;--glass-border:#00d4ff26;--glass-blur:12px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #00d4ff26;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--font-sans:"Noto Sans SC", "PingFang SC", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:32px;--leading-tight:1.4;--leading-normal:1.6;--leading-relaxed:1.8;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--z-base:1;--z-float:10;--z-sticky:100;--z-modal:200;--z-toast:300}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100dvh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff4d}::selection{color:var(--text-primary);background:#00d4ff40}:focus-visible{outline-offset:2px;outline:2px solid #00d4ff99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #00d4ff33}50%{box-shadow:0 0 24px #00d4ff66}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)scale(.8)}10%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(1.2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out) both}.animate-fade-in-scale{animation:fadeInScale var(--duration-normal) var(--ease-out) both}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) both}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-pulse-glow{animation:pulseGlow 2s var(--ease-in-out) infinite}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out)}.glass-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-size:var(--text-base);font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{color:var(--text-primary);border-color:var(--border-strong);background:linear-gradient(135deg,#08a,#0ac);box-shadow:0 2px 12px #00b4dc26}.btn-primary:hover:not(:disabled){border-color:var(--accent-blue);background:linear-gradient(135deg,#00a0cc,#00c4e8);transform:translateY(-1px);box-shadow:0 4px 20px #00b4dc4d}.btn-secondary{color:var(--text-muted);border-color:var(--border-default);background:0 0}.btn-secondary:hover:not(:disabled){color:var(--text-secondary);border-color:var(--border-accent);background:#00d4ff0d}.btn-success{color:var(--text-primary);background:linear-gradient(135deg,#0a6,#0c8);border-color:#00ff8859;box-shadow:0 2px 12px #00c87826}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#0c7,#0e9);transform:translateY(-1px);box-shadow:0 4px 20px #00c8784d}.btn-warning{color:#0a1628;background:linear-gradient(135deg,#b07a00,#fa0);border-color:#fa06}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#cc8e00,#fc3);transform:translateY(-1px);box-shadow:0 4px 20px #ffaa004d}.btn-danger{color:var(--accent-red);background:0 0;border-color:#ff33444d}.btn-danger:hover:not(:disabled){background:#ff33441a;border-color:#ff334480}.btn-ghost{color:var(--text-tertiary);padding:var(--sp-2) var(--sp-3);background:0 0;border:none}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm)}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--text-lg);letter-spacing:1px}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-accent)}.card-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--accent-blue);background:#00d4ff0f;font-weight:700}.card-body{padding:var(--sp-4)}.badge{align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);letter-spacing:.5px;font-weight:700;display:inline-flex}.badge-blue{color:var(--accent-blue);background:#00d4ff1f;border:1px solid #00d4ff4d}.badge-green{color:var(--accent-green);background:#00ff881a;border:1px solid #00ff884d}.badge-amber{color:var(--accent-amber);background:#ffaa001f;border:1px solid #ffaa004d}.badge-red{color:var(--accent-red);background:#ff33441f;border:1px solid #ff33444d}.badge-orange{color:var(--accent-orange);background:#ff6b351f;border:1px solid #ff6b354d}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.green{background:var(--accent-green);box-shadow:0 0 8px #00ff8880}.status-dot.blue{background:var(--accent-blue);box-shadow:0 0 8px #00d4ff80}.status-dot.amber{background:var(--accent-amber);box-shadow:0 0 8px #ffaa0080}.status-dot.red{background:var(--accent-red);box-shadow:0 0 8px #ff334480}.modal-overlay{z-index:var(--z-modal);background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-2xl);width:420px;max-width:90vw;max-height:85vh;padding:var(--sp-6);box-shadow:var(--shadow-lg);animation:fadeInScale var(--duration-normal) var(--ease-out);overflow:auto}.text-gradient{background:linear-gradient(135deg, var(--accent-blue), var(--accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg, var(--accent-red), var(--accent-amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}@media (width<=1024px){.hide-tablet{display:none!important}}@media (width<=768px){.hide-mobile{display:none!important}.mobile-full{width:100%!important}.mobile-stack{flex-direction:column!important}}@media print{body{color:#000;background:#fff}.no-print{display:none!important}}.cut-corner{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.cut-corner-sm{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.cut-corner-lg{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.cut-corner-reverse{clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px))}.cut-corner-all{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.section-bar{border-bottom:1px solid var(--border-subtle);color:var(--accent-blue);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:#00d4ff0f;padding:10px 16px;font-size:13px;font-weight:700;position:relative}.section-bar:after{content:"";background:linear-gradient(180deg, var(--accent-blue), transparent);opacity:.3;width:1px;height:100%;position:absolute;top:0;right:0}.btn-cut{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.btn-cut-lg{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.tactical-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);transition:all var(--duration-normal) var(--ease-out);border:1px solid #00d4ff14;position:relative}.tactical-card:before{content:"";background:var(--accent-blue);opacity:.8;z-index:1;pointer-events:none;width:34px;height:2px;position:absolute;top:0;left:0}.tactical-card:after{content:"";background:var(--accent-blue);opacity:.6;z-index:1;pointer-events:none;width:34px;height:2px;position:absolute;bottom:0;right:0}.tactical-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.corner-accent{position:relative}.corner-accent:before,.corner-accent:after{content:"";background:var(--accent-blue);opacity:.4;transition:opacity var(--duration-normal) var(--ease-out);position:absolute}.corner-accent:before{width:24px;height:1px;top:0;left:0}.corner-accent:after{width:1px;height:24px;top:0;left:0}.corner-accent:hover:before,.corner-accent:hover:after{opacity:.7}.diagonal-stripe{position:relative;overflow:hidden}.diagonal-stripe:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 30%,#00d4ff0f 50%,#0000 70%);width:40px;height:100%;position:absolute;top:0;right:-20px;transform:skew(-12deg)}.panel-cut{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);position:relative}.panel-cut:before{content:"";background:var(--accent-blue);opacity:.8;z-index:1;pointer-events:none;width:34px;height:2px;position:absolute;top:0;left:0}.panel-cut:after{content:"";background:var(--accent-blue);opacity:.8;z-index:1;pointer-events:none;width:34px;height:2px;position:absolute;bottom:0;right:0}.accent-left{border-left:2px solid var(--accent-blue)}.accent-top{border-top:2px solid var(--accent-blue)}.list-divide>*{border-bottom:1px solid var(--border-subtle)}.list-divide>:last-child{border-bottom:none}.title-line{align-items:center;gap:10px;display:flex}.title-line:after{content:"";background:linear-gradient(90deg, var(--accent-blue), transparent);opacity:.45;flex:1;height:1px}.hud-brackets{position:relative}.hud-brackets:before{content:"";border-top:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue);opacity:.65;pointer-events:none;z-index:2;width:26px;height:26px;position:absolute;top:0;left:0}.hud-brackets:after{content:"";border-bottom:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue);opacity:.65;pointer-events:none;z-index:2;width:26px;height:26px;position:absolute;bottom:0;right:0}.hud-bracket-tl,.hud-bracket-tr,.hud-bracket-bl,.hud-bracket-br{pointer-events:none;z-index:2;opacity:.65;width:26px;height:26px;position:absolute}.hud-bracket-tl{border-top:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue);top:0;left:0}.hud-bracket-tr{border-top:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue);top:0;right:0}.hud-bracket-bl{border-bottom:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue);bottom:0;left:0}.hud-bracket-br{border-bottom:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue);bottom:0;right:0}.hud-corners-layer{pointer-events:none;z-index:var(--z-float);position:fixed;inset:12px}