.shell[data-v-4b9bde7b]{display:flex;height:100vh;width:100%;overflow:hidden;background:var(--color-bg)}.sidebar[data-v-4b9bde7b]{flex:0 0 var(--sidebar-width);display:flex;flex-direction:column;background:var(--color-sidebar-bg);color:var(--color-sidebar-text);padding:var(--space-6) var(--space-4)}.brand[data-v-4b9bde7b]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-7);color:var(--color-text-inverse);font-weight:700;font-size:var(--font-size-lg);border-bottom:1px solid var(--color-sidebar-border);margin-bottom:var(--space-4)}.brand i[data-v-4b9bde7b]{color:var(--color-brand-500)}.nav[data-v-4b9bde7b]{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-item[data-v-4b9bde7b]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--color-sidebar-text);font-size:var(--font-size-base);font-weight:500;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.nav-item i[data-v-4b9bde7b]{width:16px;text-align:center;color:var(--color-sidebar-text-muted);font-size:var(--font-size-base)}.nav-item[data-v-4b9bde7b]:hover{background:var(--color-sidebar-hover);color:var(--color-text-inverse)}.nav-item--active[data-v-4b9bde7b]{background:var(--color-sidebar-active);color:var(--color-text-inverse)}.nav-item--active i[data-v-4b9bde7b]{color:var(--color-text-inverse)}.nav-badge[data-v-4b9bde7b]{margin-left:auto;font-size:9px;padding:1px 5px;border-radius:var(--radius-pill);background:#ffffff1f;color:var(--color-sidebar-text-muted)}.nav-item--active .nav-badge[data-v-4b9bde7b]{background:#ffffff40;color:var(--color-text-inverse)}.logout-btn[data-v-4b9bde7b]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--color-sidebar-border);background:none;border-left:none;border-right:none;border-bottom:none;color:var(--color-sidebar-text-muted);font-size:var(--font-size-sm);cursor:pointer;font-family:inherit}.logout-btn[data-v-4b9bde7b]:hover{color:var(--color-danger)}.body[data-v-4b9bde7b]{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}.topbar[data-v-4b9bde7b]{flex:0 0 var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.page-title[data-v-4b9bde7b]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin:0}.topbar-right[data-v-4b9bde7b]{display:flex;align-items:center;gap:var(--space-4)}.key-name[data-v-4b9bde7b]{font-weight:600;color:var(--color-text-dim);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot--live[data-v-4b9bde7b]{color:var(--color-success)}.dot--paper[data-v-4b9bde7b]{color:var(--color-brand)}.balance-value[data-v-4b9bde7b]{font-weight:700;color:var(--color-text)}.content[data-v-4b9bde7b]{flex:1;overflow-y:auto;padding:var(--space-7) var(--space-8)}.login-page[data-v-d18360cd]{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.login-card[data-v-d18360cd]{width:100%;max-width:360px;padding:var(--space-9) var(--space-8)}.login-head[data-v-d18360cd]{text-align:center;margin-bottom:var(--space-8)}.login-icon[data-v-d18360cd]{width:48px;height:48px;border-radius:50%;background:var(--color-brand-soft);color:var(--color-brand-strong);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);margin:0 auto var(--space-4)}.login-head h1[data-v-d18360cd]{font-size:var(--font-size-xl);margin:0;color:var(--color-text)}.login-head p[data-v-d18360cd]{font-size:var(--font-size-base);color:var(--color-text-muted);margin:var(--space-2) 0 0}.login-form[data-v-d18360cd]{display:flex;flex-direction:column;gap:var(--space-6)}.switch-mode[data-v-d18360cd]{text-align:center;margin-top:var(--space-8);font-size:var(--font-size-base);color:var(--color-text-muted)}.switch-mode a[data-v-d18360cd]{color:var(--color-brand);font-weight:600;text-decoration:none}.switch-mode a[data-v-d18360cd]:hover{text-decoration:underline}.dash[data-v-072b2b1f]{display:flex;flex-direction:column;gap:var(--space-6)}.stat-grid[data-v-072b2b1f]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}@media (max-width: 900px){.stat-grid[data-v-072b2b1f]{grid-template-columns:repeat(2,1fr)}}.stat-link[data-v-072b2b1f]{color:var(--color-brand);text-decoration:none;font-weight:600}.stat-link[data-v-072b2b1f]:hover{text-decoration:underline}.row[data-v-072b2b1f]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width: 900px){.row[data-v-072b2b1f]{grid-template-columns:1fr}}.actions[data-v-072b2b1f]{display:flex;flex-direction:column;gap:var(--space-3)}.actions .btn[data-v-072b2b1f]{justify-content:flex-start}.asset-list[data-v-072b2b1f]{display:flex;flex-direction:column;gap:var(--space-2);max-height:160px}.asset-row[data-v-072b2b1f]{display:flex;justify-content:space-between;font-size:var(--font-size-base);padding:var(--space-2) 2px;border-bottom:1px solid var(--color-border)}.asset-ccy[data-v-072b2b1f]{font-weight:700;color:var(--color-text-dim)}.asset-eq[data-v-072b2b1f]{color:var(--color-text-muted)}.foot-note[data-v-072b2b1f]{font-size:var(--font-size-xs);color:var(--color-text-faint);margin:var(--space-1) 2px 0}.foot-note .ok[data-v-072b2b1f]{color:var(--color-success);font-weight:600}.foot-note .bad[data-v-072b2b1f]{color:var(--color-danger);font-weight:600}.custom-scrollbar[data-v-f88d56cd]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-f88d56cd]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.custom-scrollbar[data-v-f88d56cd]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar[data-v-f88d56cd]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn-f88d56cd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in[data-v-f88d56cd]{animation:fadeIn-f88d56cd .3s ease-out forwards}.order-list-container[data-v-1632fa65]{width:100%}.orders-table-container[data-v-1632fa65]{display:flex;gap:16px;flex-wrap:wrap}.table-column[data-v-1632fa65]{flex:1;min-width:200px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}.table-column.buy[data-v-1632fa65]{border-top:3px solid #10b981}.table-column.sell[data-v-1632fa65]{border-top:3px solid #ef4444}.table-column h4[data-v-1632fa65]{padding:10px 12px;margin:0;font-size:.85rem;font-weight:600;color:#fff}.table-column.buy h4[data-v-1632fa65]{background-color:#10b981}.table-column.sell h4[data-v-1632fa65]{background-color:#ef4444}.table-column table[data-v-1632fa65]{width:100%;border-collapse:collapse;font-size:.85rem}.table-column th[data-v-1632fa65]{background:#f9fafb;color:#6b7280;font-weight:600;padding:8px 10px;text-align:left;border-bottom:1px solid #e5e7eb}.table-column td[data-v-1632fa65]{padding:8px 10px;border-bottom:1px solid #f3f4f6}.table-column tr:last-child td[data-v-1632fa65]{border-bottom:none}.history-table-wrapper[data-v-1632fa65]{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.history-table[data-v-1632fa65]{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.history-table th[data-v-1632fa65]{background:#f9fafb;color:#6b7280;font-weight:600;padding:10px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.history-table td[data-v-1632fa65]{padding:10px 12px;border-bottom:1px solid #f3f4f6}.history-table tr.row-item[data-v-1632fa65]:hover{background-color:#f9fafb!important;filter:brightness(.98)}.badge[data-v-1632fa65]{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.75rem;font-weight:600}.badge-buy[data-v-1632fa65]{background:#d1fae5;color:#065f46}.badge-sell[data-v-1632fa65]{background:#fee2e2;color:#991b1b}.status-badge[data-v-1632fa65]{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-filled[data-v-1632fa65]{background:#eff6ff;color:#1d4ed8}.empty-state[data-v-1632fa65],.empty-state-large[data-v-1632fa65]{padding:20px;text-align:center;color:#9ca3af;font-size:.9rem}.empty-state-large[data-v-1632fa65]{padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.matched-pairs-section[data-v-4691828c]{margin-top:24px;padding-top:16px;border-top:1px dashed #ccc}.pairs-grid[data-v-4691828c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:12px}.pair-card[data-v-4691828c]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:14px;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s}.pair-card[data-v-4691828c]:hover{box-shadow:0 4px 8px #0000001a}.pair-card.closed[data-v-4691828c]{background-color:#f9f9ff;border-color:#c5cae9}.pair-header[data-v-4691828c]{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.9em;color:#555}.pair-id[data-v-4691828c]{font-weight:700}.pair-status[data-v-4691828c]{padding:2px 8px;border-radius:12px;font-size:.85em}.closed-status[data-v-4691828c]{background:#e8f5e9;color:#2e7d32}.open-status[data-v-4691828c]{background:#fff8e1;color:#ff8f00}.order-row[data-v-4691828c]{display:flex;margin:8px 0;font-size:.95em}.order-row.buy .label[data-v-4691828c]{color:#2e7d32;font-weight:700;width:40px}.order-row.sell .label[data-v-4691828c]{color:#c62828;font-weight:700;width:40px}.order-row.empty[data-v-4691828c]{color:#999;font-style:italic}.details[data-v-4691828c]{flex:1}.fee[data-v-4691828c]{font-size:.85em;color:#777;margin-top:2px}.pnl-row[data-v-4691828c]{margin-top:10px;padding-top:10px;border-top:1px dashed #eee;display:flex;justify-content:space-between;font-weight:700}.pnl-row .profit[data-v-4691828c]{color:green}.pnl-row .loss[data-v-4691828c]{color:red}.strategies-page[data-v-948cb7b2]{display:flex;flex-direction:column;gap:var(--space-5);height:100%}.toolbar[data-v-948cb7b2]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.toolbar-right[data-v-948cb7b2]{display:flex;align-items:center;gap:var(--space-3)}.groups[data-v-948cb7b2]{display:flex;flex-direction:column;gap:var(--space-7)}.group-head[data-v-948cb7b2]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.group-bar[data-v-948cb7b2]{width:6px;height:20px;border-radius:3px;background:var(--color-brand)}.group-head h3[data-v-948cb7b2]{font-size:var(--font-size-md);margin:0;color:var(--color-text)}.cards[data-v-948cb7b2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.card[data-v-948cb7b2]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.card-head[data-v-948cb7b2]{display:flex;justify-content:space-between;align-items:center}.sid[data-v-948cb7b2]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-right:var(--space-2)}.mini-grid[data-v-948cb7b2]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.mini-grid .lbl[data-v-948cb7b2]{display:block;font-size:var(--font-size-xs);color:var(--color-text-faint)}.mini-grid .val[data-v-948cb7b2]{display:block;font-size:var(--font-size-base);color:var(--color-text);font-weight:600}.val--up[data-v-948cb7b2]{color:var(--color-success)}.val--down[data-v-948cb7b2]{color:var(--color-danger)}.invest-row[data-v-948cb7b2]{display:flex;justify-content:space-between;align-items:baseline}.invest-row .lbl[data-v-948cb7b2]{font-size:var(--font-size-sm);color:var(--color-text-faint)}.invest-row .val--big[data-v-948cb7b2]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.invest-row .val--big small[data-v-948cb7b2]{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-faint)}.invest-row--sub .val[data-v-948cb7b2]{font-size:var(--font-size-base);color:var(--color-text-muted)}.card-actions[data-v-948cb7b2]{display:flex;gap:var(--space-2)}.detail[data-v-948cb7b2]{border-top:1px dashed var(--color-border);padding-top:var(--space-3)}.detail summary[data-v-948cb7b2]{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer}.detail summary[data-v-948cb7b2]:hover{color:var(--color-brand)}.detail-body[data-v-948cb7b2]{margin-top:var(--space-4);max-height:240px}.risk-page[data-v-829177a6]{display:flex;flex-direction:column;gap:var(--space-6)}.panic-bar[data-v-829177a6]{display:flex;align-items:center;justify-content:space-between;background:var(--color-danger-softer);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-7);gap:var(--space-5);flex-wrap:wrap}.panic-text[data-v-829177a6]{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);color:var(--color-danger-strong)}.row[data-v-829177a6]{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-5)}@media (max-width: 900px){.row[data-v-829177a6]{grid-template-columns:1fr}}.rule-list[data-v-829177a6]{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5);max-height:220px}.rule-row[data-v-829177a6]{flex-wrap:wrap}.rule-scope[data-v-829177a6]{display:flex;gap:4px}.rule-values[data-v-829177a6]{display:flex;gap:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted);flex:1}.rule-values b[data-v-829177a6]{color:var(--color-text)}.rule-form[data-v-829177a6]{display:flex;flex-direction:column;gap:var(--space-4);border-top:1px dashed var(--color-border);padding-top:var(--space-5)}.form-title[data-v-829177a6]{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-dim)}.field-row[data-v-829177a6]{display:flex;align-items:center;gap:var(--space-4)}.field-row label[data-v-829177a6]{flex:0 0 150px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.field-row .input[data-v-829177a6],.field-row .select[data-v-829177a6]{flex:1}.event-list[data-v-829177a6]{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px}.event-row[data-v-829177a6]{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.event-top[data-v-829177a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.event-msg[data-v-829177a6]{margin:0;font-size:var(--font-size-base);color:var(--color-text-dim);line-height:1.5}.keys-page[data-v-8e270526]{display:flex;flex-direction:column;gap:var(--space-6)}.onboarding[data-v-8e270526]{background:var(--color-warning-softer);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-8);text-align:center}.onboarding i[data-v-8e270526]{font-size:22px;color:var(--color-warning-strong);margin-bottom:var(--space-3)}.onboarding h2[data-v-8e270526]{font-size:var(--font-size-lg);margin:0 0 var(--space-2);color:var(--color-warning-strong)}.onboarding p[data-v-8e270526]{font-size:var(--font-size-base);color:var(--color-warning);margin:0 auto;max-width:560px}.row[data-v-8e270526]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width: 900px){.row[data-v-8e270526]{grid-template-columns:1fr}}.key-list[data-v-8e270526]{display:flex;flex-direction:column;gap:var(--space-3);max-height:340px}.key-title[data-v-8e270526]{display:flex;align-items:center;gap:var(--space-2)}.key-name[data-v-8e270526]{font-weight:700;font-size:var(--font-size-base);color:var(--color-text)}.key-date[data-v-8e270526]{font-size:var(--font-size-xs);color:var(--color-text-faint);margin-top:2px}.key-actions[data-v-8e270526]{display:flex;gap:var(--space-2)}.key-form[data-v-8e270526]{display:flex;flex-direction:column;gap:var(--space-4)}.field-row[data-v-8e270526]{display:flex;gap:var(--space-5);align-items:center}.field-row .input[data-v-8e270526]{flex:1}.radio-group[data-v-8e270526]{display:flex;gap:var(--space-5);font-size:var(--font-size-base);color:var(--color-text-dim);white-space:nowrap}.radio-group label[data-v-8e270526]{display:flex;align-items:center;gap:4px;cursor:pointer}.quant-page[data-v-bcce396a]{display:flex;flex-direction:column;gap:var(--space-5);height:100%}.toolbar[data-v-bcce396a]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.toolbar-left[data-v-bcce396a],.toolbar-right[data-v-bcce396a]{display:flex;align-items:center;gap:var(--space-3)}.groups[data-v-bcce396a]{display:flex;flex-direction:column;gap:var(--space-7)}.group-head[data-v-bcce396a]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.group-bar[data-v-bcce396a]{width:6px;height:20px;border-radius:3px;background:var(--color-brand)}.group-head h3[data-v-bcce396a]{font-size:var(--font-size-md);margin:0;color:var(--color-text)}.cards[data-v-bcce396a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.card[data-v-bcce396a]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.card-head[data-v-bcce396a]{display:flex;justify-content:space-between;align-items:center}.sid[data-v-bcce396a]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-right:var(--space-2)}.mini-grid[data-v-bcce396a]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.mini-grid .lbl[data-v-bcce396a]{display:block;font-size:var(--font-size-xs);color:var(--color-text-faint)}.mini-grid .val[data-v-bcce396a]{display:block;font-size:var(--font-size-base);color:var(--color-text);font-weight:600}.val--up[data-v-bcce396a]{color:var(--color-success)}.val--down[data-v-bcce396a]{color:var(--color-danger)}.invest-row[data-v-bcce396a]{display:flex;justify-content:space-between;align-items:baseline}.invest-row .lbl[data-v-bcce396a]{font-size:var(--font-size-sm);color:var(--color-text-faint)}.invest-row .val--big[data-v-bcce396a]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.invest-row .val--big small[data-v-bcce396a]{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-faint)}.invest-row--sub .val[data-v-bcce396a]{font-size:var(--font-size-base);color:var(--color-text-muted)}.card-actions[data-v-bcce396a]{display:flex;gap:var(--space-2)}.detail[data-v-bcce396a]{border-top:1px dashed var(--color-border);padding-top:var(--space-3)}.detail summary[data-v-bcce396a]{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer}.detail summary[data-v-bcce396a]:hover{color:var(--color-brand)}.detail-body[data-v-bcce396a]{margin-top:var(--space-4);max-height:240px}.quant-form[data-v-bcce396a]{display:flex;flex-direction:column;gap:var(--space-6)}.tabs--wrap[data-v-bcce396a]{flex-wrap:wrap}.strategy-desc[data-v-bcce396a]{margin-top:var(--space-3)}.form-row[data-v-bcce396a]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.form-row--params[data-v-bcce396a]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.placeholder[data-v-4e4a8777]{height:100%;min-height:calc(100vh - var(--topbar-height) - var(--space-8) * 2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-style:dashed}.ph-icon[data-v-4e4a8777]{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-brand-softer);color:var(--color-brand-strong);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:var(--space-6)}.placeholder h2[data-v-4e4a8777]{font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 var(--space-3)}.ph-phase[data-v-4e4a8777]{font-size:var(--font-size-xs);margin-bottom:var(--space-6)}.placeholder p[data-v-4e4a8777]{max-width:440px;font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.6;margin:0 0 var(--space-8)}.ph-back[data-v-4e4a8777]{font-size:var(--font-size-base);color:var(--color-brand);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2)}.ph-back[data-v-4e4a8777]:hover{text-decoration:underline}:root{--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-sunken: #f9fafb;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-text-dim: #374151;--color-text-muted: #6b7280;--color-text-faint: #9ca3af;--color-text-inverse: #ffffff;--color-brand-50: #f0f9ff;--color-brand-100: #e0f2fe;--color-brand-200: #bae6fd;--color-brand-500: #0ea5e9;--color-brand-600: #0284c7;--color-brand-700: #0369a1;--color-brand: var(--color-brand-600);--color-brand-strong: var(--color-brand-700);--color-brand-soft: var(--color-brand-100);--color-brand-softer: var(--color-brand-50);--color-success: #16a34a;--color-success-strong: #15803d;--color-success-soft: #dcfce7;--color-success-softer: #ecfdf5;--color-success-border: #d1fae5;--color-warning: #b45309;--color-warning-strong: #92400e;--color-warning-soft: #fef9c3;--color-warning-softer: #fffbeb;--color-warning-border: #fde68a;--color-danger: #dc2626;--color-danger-strong: #b91c1c;--color-danger-soft: #fee2e2;--color-danger-softer: #fef2f2;--color-danger-border: #fecaca;--color-info: #6d28d9;--color-info-soft: #ede9fe;--color-neutral-soft: #f3f4f6;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 20px;--space-9: 24px;--font-size-xs: 10.5px;--font-size-sm: 11.5px;--font-size-base: 12.5px;--font-size-md: 13.5px;--font-size-lg: 15px;--font-size-xl: 17px;--font-size-2xl: 22px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SFMono-Regular", Menlo, Consolas, monospace;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04);--shadow-popover: 0 8px 24px -8px rgba(15, 23, 42, .18);--sidebar-width: 196px;--topbar-height: 52px;--color-sidebar-bg: #101828;--color-sidebar-text: #cbd5e1;--color-sidebar-text-muted: #94a3b8;--color-sidebar-hover: rgba(255, 255, 255, .06);--color-sidebar-active: var(--color-brand-600);--color-sidebar-border: rgba(255, 255, 255, .08);--transition-fast: .15s ease}*{box-sizing:border-box}body{font-family:var(--font-family-base);color:var(--color-text);font-size:var(--font-size-base)}.mono{font-family:var(--font-family-mono)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);box-shadow:var(--shadow-card)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.panel-head h3,.panel-title{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--color-text-dim)}.panel-hint{font-size:var(--font-size-xs);color:var(--color-text-faint)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7)}.stat-card--alert{border-color:var(--color-danger-border);background:var(--color-danger-softer)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.stat-value{font-size:24px;font-weight:700;color:var(--color-text);margin-top:var(--space-2);font-family:var(--font-family-mono)}.stat-sub{font-size:var(--font-size-xs);color:var(--color-text-faint);margin-top:var(--space-2);display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-size:var(--font-size-base);font-weight:700;padding:var(--space-4) var(--space-7);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-brand);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-brand-strong)}.btn--soft{background:var(--color-brand-softer);color:var(--color-brand-strong)}.btn--soft:hover:not(:disabled){background:var(--color-brand-soft)}.btn--success{background:var(--color-success-soft);color:var(--color-success-strong)}.btn--success:hover:not(:disabled){background:#bbf7d0}.btn--warning{background:var(--color-warning-soft);color:var(--color-warning-strong)}.btn--warning:hover:not(:disabled){background:#fef08a}.btn--danger{background:var(--color-danger-soft);color:var(--color-danger-strong)}.btn--danger:hover:not(:disabled){background:#fecaca}.btn--danger-solid{background:var(--color-danger);color:var(--color-text-inverse)}.btn--danger-solid:hover:not(:disabled){background:var(--color-danger-strong)}.btn--ghost{background:var(--color-surface);color:var(--color-text-faint);border-color:var(--color-border)}.btn--ghost:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger-border)}.btn--sm{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn--block{flex:1;width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer}.icon-btn:hover:not(:disabled){color:var(--color-brand)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn--plain{background:none;border:none;width:auto;height:auto}.badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:2px 7px;border-radius:var(--radius-pill);white-space:nowrap}.badge--brand{background:var(--color-brand-soft);color:var(--color-brand-strong)}.badge--success{background:var(--color-success-soft);color:var(--color-success-strong)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning-strong)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger-strong)}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.badge--neutral{background:var(--color-neutral-soft);color:var(--color-text-faint)}.badge--solid{background:var(--color-brand);color:var(--color-text-inverse)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.status{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-size-sm);font-weight:700}.status--on{color:var(--color-success)}.status--off{color:var(--color-text-faint)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);padding:4px 10px;border-radius:var(--radius-pill)}.empty-state{text-align:center;padding:var(--space-9) 0;color:var(--color-text-faint);font-size:var(--font-size-base);background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.empty-state--error{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-softer)}.empty-state--compact{padding:var(--space-7) 0;font-size:var(--font-size-sm);background:none;border:none}.empty-state-emoji{font-size:30px;margin-bottom:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-dim)}.field .field-hint{font-weight:400;color:var(--color-text-faint);font-size:var(--font-size-xs)}.field input,.field select,.input,.select{width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);color:var(--color-text);font-family:inherit;background:var(--color-surface)}.field input:focus,.field select:focus,.input:focus,.select:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-100)}.input--mono{font-family:var(--font-family-mono)}.field-row{display:flex;align-items:center;gap:var(--space-5)}.field-row>label{flex:0 0 150px;font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.field-row>input,.field-row>select{flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-8)}.modal-panel{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-popover)}.modal-panel--wide{max-width:720px}.modal-panel--xl{max-width:1040px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border);flex:0 0 auto}.modal-head h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.modal-body{padding:var(--space-7) var(--space-8);overflow-y:auto}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);font-weight:500}.toast--success{background:var(--color-success-softer);color:var(--color-success-strong);border-bottom:1px solid var(--color-success-border)}.toast--error{background:var(--color-danger-softer);color:var(--color-danger-strong);border-bottom:1px solid var(--color-danger-border)}.toast-close{margin-left:auto;background:none;border:none;color:inherit;opacity:.6;cursor:pointer}.toast-close:hover{opacity:1}.tabs{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px}.tab{padding:var(--space-3) var(--space-6);border:none;background:none;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-muted);cursor:pointer}.tab--active{background:var(--color-brand);color:var(--color-text-inverse)}.list-row{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md)}.list-row--active{border-color:var(--color-brand-200);background:var(--color-brand-softer)}.scroll-y{overflow-y:auto}