:root{--bg-primary: #0b0f17;--bg-secondary: #131b2e;--bg-card: #182238;--bg-card-hover: #1e2d4a;--border-color: #243454;--border-color-light: #314670;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-green: #10b981;--accent-green-glow: rgba(16, 185, 129, .15);--accent-red: #ef4444;--accent-red-glow: rgba(239, 68, 68, .15);--accent-amber: #f59e0b;--accent-amber-glow: rgba(245, 158, 11, .15);--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{display:grid;grid-template-columns:1fr 340px;gap:16px;padding:16px;max-width:1800px;margin:0 auto;width:100%}@media (max-width: 1200px){.main-content{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px;box-shadow:0 4px 20px #00000040;transition:border-color .2s ease}.card:hover{border-color:var(--border-color-light)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.card-title{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase}.badge-phase-a{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-phase-b{background:#8b5cf626;color:#c084fc;border:1px solid rgba(139,92,246,.3)}.badge-phase-c{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4);animation:pulse-border 2s infinite}.badge-phase-d{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-phase-e{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.badge-spring{background:#10b98140;color:#10b981;border:1px solid #10b981}.badge-utad{background:#ef444440;color:#ef4444;border:1px solid #ef4444}@keyframes pulse-border{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 10px 2px #f59e0b33}}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.btn:hover{background:var(--bg-card-hover);border-color:var(--border-color-light)}.btn-primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-active{background:#3b82f633;border-color:var(--accent-blue);color:#60a5fa}.tab-group{display:flex;background:var(--bg-secondary);padding:3px;border-radius:8px;border:1px solid var(--border-color)}.tab-btn{padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0000004d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:12px;width:100%;max-width:900px;max-height:88vh;overflow-y:auto;box-shadow:0 10px 40px #0009}.chart-wrapper{position:relative;width:100%;height:520px;background:#090d16;border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.vsa-tag{font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px}.vsa-stopping{background:#10b98133;color:#34d399}.vsa-no-demand{background:#ef444433;color:#f87171}.vsa-no-supply{background:#06b6d433;color:#38bdf8}.vsa-climax{background:#8b5cf640;color:#c084fc}