:root{--bg-base:#0a0c10;--bg-surface:#111318;--bg-elevated:#161920;--bg-hover:#1c2030;--bg-active:#1e2540;--border-subtle:#1e2330;--border-default:#252d40;--border-strong:#334155;--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:#3b82f626;--gain:#10b981;--gain-bg:#10b9811a;--gain-border:#10b9814d;--loss:#ef4444;--loss-bg:#ef44441a;--loss-border:#ef44444d;--warn:#f59e0b;--warn-bg:#f59e0b1a;--warn-border:#f59e0b4d;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#475569;--text-inverse:#0a0c10;--purple:#8b5cf6;--cyan:#06b6d4;--orange:#f97316;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #3b82f626;--sidebar-width:240px;--sidebar-collapsed:60px;--topbar-height:52px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--z-sidebar:100;--z-topbar:200;--z-modal:300;--z-tooltip:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-base);font-size:13px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-layout{height:100vh;display:flex;overflow:hidden}.main-content{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex;overflow:hidden}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.page-body{padding:var(--spacing-lg);margin-top:var(--topbar-height);flex:1;overflow-y:auto}.surface{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.surface-elevated{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-xs);transition:border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.stat-card .stat-value{font-size:22px;font-weight:700;font-family:var(--font-mono);line-height:1.2}.stat-card.gain{border-left:3px solid var(--gain)}.stat-card.loss{border-left:3px solid var(--loss)}.stat-card.warn{border-left:3px solid var(--warn)}.stat-card.info{border-left:3px solid var(--accent)}.stat-card .stat-badge{border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.stat-badge.gain{color:var(--gain);background:var(--gain-bg)}.stat-badge.loss{color:var(--loss);background:var(--loss-bg)}.rms-table-wrapper{width:100%;overflow-x:auto}.rms-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}.rms-table thead th{z-index:2;background:var(--bg-elevated);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;text-align:right;border-bottom:1px solid var(--border-default);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:8px 10px;font-size:11px;font-weight:600;position:sticky;top:0}.rms-table thead th:first-child{text-align:left}.rms-table tbody tr{transition:background var(--transition-fast);border-bottom:1px solid var(--border-subtle)}.rms-table tbody tr:hover{background:var(--bg-hover)}.rms-table tbody tr.expanded{background:var(--bg-active);border-bottom:none}.rms-table tbody td{color:var(--text-primary);text-align:right;white-space:nowrap;font-family:var(--font-mono);padding:7px 10px;font-size:12px}.rms-table tbody td:first-child{text-align:left;font-family:var(--font-sans)}.sub-table-row td{background:#0a0c1099;padding:0!important}.sub-table-container{border-left:2px solid var(--accent);margin-left:10px;padding:0 0 0 24px;animation:.2s expandIn}@keyframes expandIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sub-table-container .rms-table thead th{background:#0d1017;font-size:10px}.expand-btn{border-radius:var(--radius-sm);background:var(--border-default);width:18px;height:18px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;font-size:10px;display:inline-flex}.expand-btn:hover{background:var(--accent);color:#fff}.expand-btn.open{background:var(--accent);color:#fff;transform:rotate(90deg)}.num-gain{color:var(--gain)}.num-loss{color:var(--loss)}.num-warn{color:var(--warn)}.num-zero{color:var(--text-muted)}.filter-bar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px;font-weight:600}.ctrl-select,.ctrl-input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;min-width:100px;padding:5px 10px}.ctrl-select:focus,.ctrl-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.ctrl-select option{background:var(--bg-elevated)}.btn{border-radius:var(--radius-md);font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:5px;padding:5px 14px;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--loss-bg);color:var(--loss);border-color:var(--loss-border)}.btn-danger:hover{background:var(--loss);color:#fff}.btn-success{background:var(--gain-bg);color:var(--gain);border-color:var(--gain-border)}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge-gain{background:var(--gain-bg);color:var(--gain);border:1px solid var(--gain-border)}.badge-loss{background:var(--loss-bg);color:var(--loss);border:1px solid var(--loss-border)}.badge-warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.badge-info{background:var(--accent-glow);color:var(--accent);border:1px solid #3b82f64d}.badge-neutral{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-default)}.page-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.page-title{color:var(--text-primary);align-items:center;gap:var(--spacing-sm);font-size:15px;font-weight:700;display:flex}.page-title .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 6px var(--accent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.grid-cols-2{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-cols-3{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-cols-4{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.grid-cols-5{gap:var(--spacing-lg);grid-template-columns:repeat(5,1fr);display:grid}.grid-cols-6{gap:var(--spacing-lg);grid-template-columns:repeat(6,1fr);display:grid}@media (width<=1200px){.grid-cols-6,.grid-cols-5{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar-wrapper{background:var(--border-subtle);border-radius:var(--radius-full);width:100%;height:5px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s}.progress-bar-fill.safe{background:var(--gain)}.progress-bar-fill.warn{background:var(--warn)}.progress-bar-fill.danger{background:var(--loss)}.rms-fieldset{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-elevated)}.rms-fieldset legend{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;padding:0 6px;font-size:11px;font-weight:700}.tab-list{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-lg);gap:2px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:7px 14px;font-size:12px;font-weight:600}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.bod-status-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.bod-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.bod-dot.done{background:var(--gain);box-shadow:0 0 6px var(--gain)}.bod-dot.pending{background:var(--warn);animation:1s infinite pulse}.bod-dot.error{background:var(--loss)}.bod-dot.idle{background:var(--border-strong)}.text-right{text-align:right}.text-mono{font-family:var(--font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.full-w{width:100%}.hidden{display:none!important}