:root{--wb-brand-primary: #0F172A;--wb-brand-cobalt: #2563EB;--wb-brand-accent: #059669;--wb-brand-cyan: #0891B2;--wb-brand-amber: #D97706;--wb-brand-danger: #DC2626;--wb-brand-purple: #7C3AED;--wb-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--wb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--wb-transition: none}body.theme-dark{--bg-app: #080C14;--bg-sidebar: #0C1220;--bg-header: #0C1220;--bg-card: #111827;--bg-card-hover: #172136;--bg-surface: #1E293B;--bg-surface-muted: #131D31;--bg-input: #070A11;--border-subtle: #24324D;--border-strong: #3B82F6;--border-active: #38BDF8;--text-primary: #FFFFFF;--text-secondary: #E2E8F0;--text-muted: #94A3B8;--text-inverse: #080C14;--metric-blue: #38BDF8;--metric-green: #34D399;--metric-purple: #C084FC;--metric-red: #F87171;--metric-amber: #FBBF24;--shadow-card: none}body.theme-light{--bg-app: #E2E8F0;--bg-sidebar: #0C1220;--bg-header: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-surface: #E2E8F0;--bg-surface-muted: #CBD5E1;--bg-input: #FFFFFF;--border-subtle: #94A3B8;--border-strong: #1E293B;--border-active: #1D4ED8;--text-primary: #0A0E17;--text-secondary: #1E293B;--text-muted: #475569;--text-inverse: #FFFFFF;--metric-blue: #1D4ED8;--metric-green: #047857;--metric-purple: #6D28D9;--metric-red: #B91C1C;--metric-amber: #B45309;--shadow-card: none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--wb-font);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.metric-blue,.metric-green,.metric-purple,.metric-red,.metric-amber{color:var(--text-primary)!important}.tabular-nums,.num,td.amount,th.amount{font-family:var(--wb-font-mono);font-variant-numeric:tabular-nums}.app-container{display:flex;min-height:100vh;background:var(--bg-app)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;max-height:100vh}.page-wrapper{padding:16px 20px;flex:1}.glass-card,.perf-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;padding:14px 16px;box-shadow:none}.glass-card:hover,.perf-card:hover{border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;border-radius:4px;border:1px solid transparent;cursor:pointer;font-family:var(--wb-font);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--wb-brand-cobalt);color:#fff;border-color:#1d4ed8}.btn-primary:hover{background:#1d4ed8}.btn-success{background:var(--wb-brand-accent);color:#fff;border-color:#047857}.btn-success:hover{background:#047857}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-muted);border-color:var(--border-strong)}.btn-danger{background:#7f1d1d;color:#fecaca;border:1px solid #991B1B}.btn-danger:hover{background:#991b1b;color:#fff}.btn-sm{padding:4px 8px;font-size:11px;border-radius:3px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;border-radius:3px;letter-spacing:.3px;color:#fff!important}.badge-blue{background:#1e3a8a;color:#fff!important;border:1px solid #2563EB}.badge-green{background:#064e3b;color:#fff!important;border:1px solid #059669}.badge-amber{background:#78350f;color:#fff!important;border:1px solid #D97706}.badge-red{background:#7f1d1d;color:#fff!important;border:1px solid #DC2626}.badge-purple{background:#4c1d95;color:#fff!important;border:1px solid #7C3AED}.table-container{width:100%;overflow-x:auto;border-radius:4px;border:1px solid var(--border-subtle);background:var(--bg-card)}.data-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.data-table th{background:var(--bg-surface-muted);color:var(--text-primary);font-weight:700;padding:9px 12px;border-bottom:2px solid var(--border-strong);white-space:nowrap;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:9px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-weight:500}.data-table tr:hover td{background:var(--bg-card-hover)}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.form-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:3px;padding:7px 10px;font-size:12px;color:var(--text-primary);font-family:var(--wb-font);outline:none;font-weight:500}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--border-strong)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:6px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 35px #0009;padding:18px 20px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--border-subtle)}.perf-ribbon{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.perf-stat-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;padding:10px 14px}.perf-stat-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.perf-stat-value{font-size:20px;font-weight:800;color:var(--text-primary);font-family:var(--wb-font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}