:root{--bg-base: #0b0e14;--bg-surface: #111620;--bg-elevated: #161c28;--bg-hover: #1b2230;--border-subtle: #1e2533;--border-strong: #2b3548;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--brand: #3b82f6;--brand-hover: #2563eb;--brand-soft: rgba(59, 130, 246, .12);--emerald: #10b981;--emerald-soft: rgba(16, 185, 129, .12);--rose: #f43f5e;--rose-soft: rgba(244, 63, 94, .12);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .12);--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}button:disabled{opacity:.5;cursor:not-allowed}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base)}.top-header{position:sticky;top:0;z-index:100;height:68px;background:#0b0e14e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.top-header-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-left{display:flex;align-items:center;gap:36px}.brand-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--brand)}.nav-tabs{display:flex;align-items:center;gap:8px}.nav-tab{padding:8px 16px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;color:var(--text-secondary);transition:color .15s ease,background .15s ease}.nav-tab:hover{color:var(--text-primary);background:#ffffff0a}.nav-tab.active{color:var(--text-primary);background:var(--bg-elevated)}.header-right{display:flex;align-items:center;gap:14px}.mode-switch{display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:999px;padding:3px;gap:2px}.mode-switch-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.mode-switch-btn.active-paper{background:var(--amber-soft);color:#fbbf24}.mode-switch-btn.active-live{background:var(--emerald-soft);color:#34d399}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.running{background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.status-dot.draining{background:var(--amber)}.status-dot.stopped{background:var(--text-muted)}.page-container{width:100%;max-width:1280px;margin:0 auto;padding:36px 28px 72px;display:flex;flex-direction:column;gap:40px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.page-title{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px}.page-subtitle{font-size:14px;color:var(--text-secondary)}.section-block{display:flex;flex-direction:column;gap:18px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.section-desc{font-size:14px;color:var(--text-secondary)}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.metric-item{padding:26px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;border-right:1px solid var(--border-subtle)}.metric-item:last-child{border-right:none}.metric-label{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-value{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.metric-sub{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.balance-ratio-track{width:100%;height:8px;border-radius:999px;background:#3b82f638;overflow:hidden;margin-top:6px}.balance-ratio-fill{height:100%;border-radius:999px;background:var(--emerald);transition:width .35s ease}.table-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.clean-table{width:100%;border-collapse:collapse;text-align:left}.clean-table th{padding:16px 24px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.clean-table td{padding:20px 24px;font-size:15px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.clean-table tbody tr:last-child td{border-bottom:none}.clean-table tbody tr:hover{background:var(--bg-hover)}.empty-state{padding:56px 24px;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all .15s ease;white-space:nowrap}.btn-sm{padding:7px 13px;font-size:13px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-emerald{background:var(--emerald);color:#06281e;font-weight:700}.btn-emerald:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{background:var(--rose-soft);color:#fb7185;border:1px solid rgba(244,63,94,.3)}.btn-danger:hover:not(:disabled){background:#f43f5e38}.btn-ghost{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-emerald{background:var(--emerald-soft);color:#34d399}.badge-rose{background:var(--rose-soft);color:#fb7185}.badge-amber{background:var(--amber-soft);color:#fbbf24}.badge-blue{background:var(--brand-soft);color:#60a5fa}.badge-neutral{background:#94a3b81f;color:var(--text-secondary)}.field-group{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.field-hint{font-size:12px;color:var(--text-muted)}.input,.select{height:42px;padding:0 14px;border-radius:var(--radius-sm);background:var(--bg-base);border:1px solid var(--border-strong);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s ease}.input:focus,.select:focus{border-color:var(--brand)}.sim-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 26px;display:flex;flex-direction:column;gap:18px}.sim-bar-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.sim-controls-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.sub-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-subtle);padding-bottom:14px}.sub-tab{padding:9px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.sub-tab:hover{color:var(--text-primary)}.sub-tab.active{background:var(--brand-soft);color:#60a5fa}.form-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:28px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.divider{height:1px;background:var(--border-subtle);width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#05070bc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-sheet{width:100%;max-width:480px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 24px 48px #00000080}.modal-option-btn{width:100%;text-align:left;padding:16px 18px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px;transition:all .15s ease}.modal-option-btn:hover{border-color:var(--brand);background:var(--bg-hover)}@media(max-width:960px){.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-item{border-bottom:1px solid var(--border-subtle)}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.top-header-inner{padding:0 16px}.page-container{padding:24px 16px 56px}}