:root{--color-primary:#0f2a4a;--color-accent:#c9a84c;--color-sidebar:#0a1426;--color-danger:#dc2626;--color-success:#16a34a;--color-warning:#f59e0b;--font-mono:"JetBrains Mono", "Courier New", monospace;--radius-card:8px;--radius-input:6px;--radius-badge:999px;--topbar-height:56px;--sidebar-width:220px;--c-primary:#0f2a4a;--c-accent:#c9a84c;--c-accent-light:#c9a84c1f;--c-accent-border:#c9a84c59;--c-sidebar:#0a1426;--c-sidebar-hover:#0f1e35;--c-sidebar-active:#152238;--c-bg:#f8fafc;--c-dark-bg:#080d18;--c-surface:#fff;--c-surface-2:#f1f5f9;--c-text:#0f172a;--c-text-muted:#64748b;--c-text-light:#94a3b8;--c-border:#e2e8f0;--c-success:#16a34a;--c-success-bg:#16a34a1a;--c-warning:#f59e0b;--c-warning-bg:#f59e0b1a;--c-danger:#dc2626;--c-danger-bg:#dc26261a;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 8px 32px #0f172a24;--sidebar-w:220px;--topbar-h:56px;font-family:var(--font-sans);color:var(--c-text);background:var(--c-bg);font-size:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,html,#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{text-decoration:none}.shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--c-sidebar);flex-direction:column;display:flex;overflow:hidden}.shell-right{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:0 24px;display:flex}.content{background:var(--c-bg);flex:1;overflow-y:auto}.content-inner{max-width:1200px;margin:0 auto;padding:24px}.sidebar-logo{border-bottom:1px solid #ffffff12;padding:20px 20px 16px}.sidebar-logo .logo-name{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:700}.sidebar-logo .logo-sub{color:var(--c-accent);letter-spacing:1.5px;margin-top:2px;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 0;display:flex}.sidebar-nav a{color:#fff9;border-left:3px solid #0000;align-items:center;gap:10px;padding:11px 20px;font-size:13.5px;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav a:hover{background:var(--c-sidebar-hover);color:#ffffffd9}.sidebar-nav a.active{background:var(--c-sidebar-active);color:var(--c-accent);border-left-color:var(--c-accent)}.sidebar-nav a svg{flex-shrink:0}.commission-card{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#c9a84c 0%,#a0792a 100%);margin:12px;padding:16px}.commission-card .label{opacity:.85;margin-bottom:4px;font-size:11px}.commission-card .amount{font-family:var(--font-mono);font-size:26px;font-weight:700;line-height:1.1}.commission-card .sub{opacity:.75;margin-top:6px;font-size:11px}.topbar-name{color:var(--c-text);font-size:13.5px;font-weight:500}.topbar-badge{background:var(--c-accent-light);color:var(--c-accent);border:1px solid var(--c-accent-border);letter-spacing:.3px;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.topbar-icon{background:var(--c-surface-2);border:1px solid var(--c-border);width:32px;height:32px;color:var(--c-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.topbar-avatar{background:var(--c-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{background:var(--c-success-bg);color:var(--c-success)}.badge-warning{background:var(--c-warning-bg);color:var(--c-warning)}.badge-danger{background:var(--c-danger-bg);color:var(--c-danger)}.badge-gold{background:var(--c-accent-light);color:var(--c-accent);border:1px solid var(--c-accent-border)}.badge-muted{background:var(--c-surface-2);color:var(--c-text-muted)}.kpi-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);background:#fff;padding:20px 24px}.kpi-label{color:var(--c-text-muted);margin-bottom:8px;font-size:12px}.kpi-value{color:var(--c-text);font-size:28px;font-weight:700;line-height:1.2}.kpi-value.gold{font-family:var(--font-mono);color:var(--c-accent)}.kpi-sub{color:var(--c-text-muted);margin-top:6px;font-size:12px}.welcome-banner{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg,#0f2a4a 0%,#1a4a6b 100%);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex}.welcome-banner h2{margin-bottom:8px;font-size:22px;font-weight:700}.section-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);background:#fff;margin-bottom:20px;padding:24px}.section-title{color:var(--c-text);margin-bottom:16px;font-size:15px;font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--c-text-muted);border-bottom:1px solid var(--c-border);background:var(--c-surface-2);padding:10px 12px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--c-border);padding:12px;font-size:13.5px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--c-surface-2)}.btn-gold{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#c9a84c,#a0792a);border:none;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-gold:hover{opacity:.9}.btn-outline{border:1.5px solid var(--c-border);color:var(--c-text);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;transition:border-color .15s,color .15s;display:inline-flex}.btn-outline:hover{border-color:var(--c-accent);color:var(--c-accent)}.btn-ghost{color:var(--c-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:13px;transition:background .15s,color .15s}.btn-ghost:hover{background:var(--c-surface-2);color:var(--c-text)}.form-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-field label{color:var(--c-text);font-size:13px;font-weight:600}.form-field input,.form-field select{border:1.5px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);background:#fff;outline:none;padding:10px 13px;font-size:14px;transition:border-color .15s}.form-field input:focus,.form-field select:focus{border-color:var(--c-accent)}.login-shell{min-height:100vh;display:flex}.login-brand{background:linear-gradient(135deg,#0f2a4a 0%,#1a3d5c 60%,#0f2a4a 100%);flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background-image:radial-gradient(circle,#c9a84c14 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.login-form-panel{background:#fff;justify-content:center;align-items:center;width:460px;min-width:460px;padding:60px 48px;display:flex}@media (width<=800px){.login-brand{display:none}.login-form-panel{width:100%;min-width:unset;padding:40px 24px}}.mono{font-family:var(--font-mono)}.progress-track{background:#ffffff26;border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:var(--c-accent);border-radius:99px;height:100%;transition:width .6s}.error-banner{border-radius:var(--radius-sm);background:var(--c-danger-bg);color:var(--c-danger);border:1px solid #dc262633;margin-bottom:12px;padding:10px 14px;font-size:13px}.success-banner{border-radius:var(--radius-sm);background:var(--c-success-bg);color:var(--c-success);border:1px solid #16a34a33;margin-bottom:12px;padding:10px 14px;font-size:13px}