:root{color-scheme:light;--ui-brand:#1769ff;--ui-brand-hover:#0a55e8;--ui-brand-soft:#edf3ff;--ui-canvas:#f5f6f8;--ui-surface:#ffffff;--ui-surface-subtle:#f8f9fb;--ui-border:#e4e7ec;--ui-text:#17191d;--ui-muted:#656b75;--ui-success:#087f5b;--ui-success-soft:#eaf7f1;--ui-warning:#9b6105;--ui-warning-soft:#fff5df;--ui-danger:#bd3545;--ui-danger-soft:#fff0f2;--ui-radius-card:14px;--ui-radius-control:8px;--ui-radius-badge:6px;--ui-shadow:0 1px 3px rgb(23 25 29/3%);--ui-shadow-floating:0 8px 32px rgb(23 25 29/14%);--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-8:32px;--ui-z-nav:10;--ui-z-sticky:20;--ui-z-menu:40;--ui-z-overlay:60;--ui-z-feedback:80;--bg:var(--ui-canvas);--surface:var(--ui-surface);--surface-soft:var(--ui-surface-subtle);--text:var(--ui-text);--muted:var(--ui-muted);--line:var(--ui-border);--primary:var(--ui-brand);--primary-dark:var(--ui-brand-hover);--primary-soft:var(--ui-brand-soft);--success:var(--ui-success);--warning:var(--ui-warning);--danger:var(--ui-danger);--shadow:var(--ui-shadow)}html{scrollbar-gutter:stable}body{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}button,input,select,textarea{max-width:100%}.content,.content>*,.grid,.grid>*,.main,.ui-page-header-copy{min-width:0}[data-ui-route="/lead-management"] .distribution-members-card,[data-ui-route="/lead-management"] .lead-management-layout,[data-ui-route="/lead-management"] .rule-overview-card{min-width:0;grid-template-columns:minmax(0,1fr)}[data-ui-route="/lead-management"] .distribution-members-card>*,[data-ui-route="/lead-management"] .lead-management-layout>*,[data-ui-route="/lead-management"] .rule-overview-card>*{min-width:0}.content{width:100%;max-width:1500px;padding:32px 32px 48px}.sidebar{background:var(--surface);color:var(--text);border-right:1px solid var(--line);padding:28px 16px 16px}.brand{gap:12px;margin-bottom:28px}.brand-mark{width:40px;height:40px;background:var(--surface);color:var(--primary);border:1px solid #c9d9ff;border-radius:10px;font-weight:800}.brand strong{color:var(--text);font-size:20px}.brand small{color:var(--muted);font-size:11px;letter-spacing:2px}.nav-group-label,.nav-group-toggle{color:var(--muted);font-size:12px;font-weight:600}.nav-group{margin-bottom:20px}.nav a{min-height:44px;padding:10px 12px;border-radius:9px;gap:10px;color:#4e5560;font-size:14px;font-weight:500;border:0}.nav a>svg{flex:0 0 18px;width:18px;height:18px}.nav-link-label{flex:1 1 auto;min-width:0;text-align:left}.nav a:hover{background:var(--surface-soft);color:var(--text)}.nav a.active{color:var(--primary);background:var(--primary-soft);box-shadow:none;font-weight:650;border:0}.nav-group-toggle:hover{color:var(--primary);background:var(--surface-soft)}.nav-count{background:var(--ui-danger-soft);color:var(--danger);border-radius:6px;font-size:11px;min-width:20px;height:20px}.sidebar-user{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px}.sidebar-user>span{color:var(--muted);font-size:12px}.sidebar-user button{background:var(--surface);color:var(--muted);border:1px solid var(--line);min-height:36px}.topbar{min-height:64px;height:auto;padding:12px 32px;background:var(--surface);border-bottom:1px solid var(--line);z-index:var(--ui-z-nav)}.topbar-page{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.topbar-page>span{font-size:13px;color:var(--muted)}.topbar-page>strong{font-size:14px;font-weight:600}.topbar-page>svg{color:var(--muted);width:16px;height:16px}.topbar-company>strong{font-weight:500}.topbar-company>span,.topbar-company>strong{font-size:12px;color:var(--muted)}.ui-skip-link{position:fixed;left:12px;top:-100px;padding:8px 16px;z-index:120;background:var(--surface);border:2px solid var(--primary);border-radius:8px}.ui-skip-link:focus{top:12px}.page-heading{margin-bottom:24px;gap:20px;align-items:flex-start}.page-heading h1,.page-heading h2,.ui-page-header h1{font-size:28px;line-height:1.35;font-weight:700;letter-spacing:-.5px;margin:0 0 10px;color:var(--text)}.page-heading p,.ui-page-description{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.ui-page-description>p{margin:0}.ui-page-context{margin-bottom:8px;color:var(--muted);font-size:12px}.ui-page-actions,.ui-page-context{display:flex;flex-wrap:wrap;gap:8px}.ui-page-actions{align-items:center;justify-content:flex-end;max-width:100%;flex:0 1 auto}[data-ui-route="/dashboard"] .ui-page-header{display:grid;grid-template-columns:minmax(0,1fr) 260px}.card{border-radius:var(--ui-radius-card);box-shadow:var(--shadow);padding:24px;background:var(--surface)}.card h3{font-size:18px;color:var(--text)}.ui-form-section{display:grid;gap:16px;min-width:0;padding-block:4px 24px;border-bottom:1px solid var(--line)}.ui-form-section.full{grid-column:1/-1}.ui-form-section:last-child{border-bottom:0;padding-bottom:0}.ui-form-section-heading h3{margin:0;font-size:16px}.ui-form-section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.ui-query-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:12px 0 16px;color:var(--muted);font-size:12px}.ui-query-status.pending>span:last-child{color:var(--warning)}.finance-metric.primary-metric,.finance-metric.warning-metric{background:var(--surface);border-color:var(--line)}.finance-metric.warning-metric>span{color:var(--warning)}.finance-section-tabs{border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:0;gap:0}.finance-section-tabs>button{min-height:44px;padding:12px 16px;border-radius:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);box-shadow:none}.finance-section-tabs>button.active{background:transparent;border-color:var(--primary);color:var(--primary);box-shadow:none}.form-grid,.toolbar{gap:16px}[data-ui-route="/finance"] .period-filter{display:flex;flex-wrap:wrap;align-items:end;gap:16px}[data-ui-route="/finance"] .period-filter>.field{flex:1 1 180px}[data-ui-route="/finance"] .period-filter>.muted{flex:1 1 240px;font-size:12px;align-self:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:var(--ui-radius-control);background:var(--primary);color:white;font-size:14px;font-weight:600;line-height:1.4;text-align:center;box-shadow:none;transition:background-color .15s,border-color .15s,color .15s}.button:hover:not(:disabled){background-color:var(--primary-dark)}.button.ghost,.button.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.button.ghost:hover:not(:disabled),.button.secondary:hover:not(:disabled){border-color:var(--primary);background-color:var(--primary-soft);color:var(--primary)}.button.danger{color:white;background:var(--danger)}.button.danger:hover:not(:disabled){background:#a72d3d}.button.small,.table .button,table .button{min-height:32px;padding:6px 10px;font-size:12px}.button:disabled,button:disabled{cursor:not-allowed;opacity:.55}.field{min-width:0;align-content:start}.field label,.field>span:first-child{color:var(--text);font-size:13px;font-weight:600}.field :where(input:not([type=checkbox]):not([type=radio]),select,textarea),.ui-control{min-height:40px;padding:9px 12px;border-radius:var(--ui-radius-control);border:1px solid var(--line);background-color:var(--surface);color:var(--text);line-height:1.45}select:not([multiple]){appearance:none;-webkit-appearance:none;min-height:40px;border:1px solid var(--line);border-radius:var(--ui-radius-control);padding:8px 36px 8px 12px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23656b75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:16px 16px}.field select:not([multiple]){padding-right:36px}.field textarea,textarea{min-height:96px;resize:none}.field input[type=checkbox],.field input[type=radio],input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;padding:0;margin:0;flex:0 0 18px;border:1px solid #aeb6c3;border-radius:4px;background-color:var(--surface);background-repeat:no-repeat;background-position:50%;background-size:12px 12px;vertical-align:middle;cursor:pointer}.field input[type=radio],input[type=radio]{border-radius:50%}.field input[type=checkbox]:checked,input[type=checkbox]:checked{border-color:var(--primary);background-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='m2 6 2.5 2.5L10 3' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=checkbox]:indeterminate{border-color:var(--primary);background-color:var(--primary);background-image:linear-gradient(white,white);background-size:10px 2px}input[type=radio]:checked{border-color:var(--primary);background-color:var(--primary);box-shadow:inset 0 0 0 4px var(--surface)}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.5}label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex;align-items:flex-start;gap:10px;min-height:44px;padding-block:12px;cursor:pointer;line-height:1.5}label:has(>input[type=checkbox])>input,label:has(>input[type=radio])>input{margin-top:1px}label:has(>input:disabled){cursor:default}:where(input,select,textarea)[aria-invalid=true]{border-color:var(--danger);background-color:var(--ui-danger-soft)}.field-hint{font-size:12px;line-height:1.6;color:var(--muted)}.notice{border:1px solid #d5e2ff;border-radius:10px;background:var(--primary-soft);color:#315385;padding:12px 16px;line-height:1.7;font-size:13px}.notice.error{border-color:#f1c9d0;color:var(--danger);background:var(--ui-danger-soft)}.notice.success{border-color:#bce3d1;color:var(--success);background:var(--ui-success-soft)}.notice.warn,.notice.warning{border-color:#ecd5a6;color:var(--warning);background:var(--ui-warning-soft)}.badge{border-radius:var(--ui-radius-badge);font-size:12px;padding:3px 8px;line-height:1.5}.badge.success{background:var(--ui-success-soft)}.badge.warning{background:var(--ui-warning-soft)}.badge.danger{background:var(--ui-danger-soft)}.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-radius:var(--ui-radius-card);border-color:var(--line)}table{font-size:13px}th{background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:600}td,th{border-color:var(--line);padding:14px 16px}.amount,.finance-metric strong,.metric strong,.money,td :where(.money,.amount){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty{color:var(--muted);font-size:14px;padding:36px 20px}.drawer-overlay,.payroll-modal-overlay{background:rgb(23 25 29/28%);-webkit-backdrop-filter:none;backdrop-filter:none}.payroll-modal{width:min(600px,100%);border-radius:var(--ui-radius-card)}.drawer-panel,.payroll-modal{box-shadow:var(--ui-shadow-floating)}.drawer-panel{width:min(960px,calc(100vw - 28px))}.drawer-panel.narrow{width:min(600px,calc(100vw - 28px))}.drawer-header,.payroll-modal-header{padding:20px 24px;background:var(--surface)}.drawer-header h3,.payroll-modal-header h3{font-size:18px}.drawer-header p,.payroll-modal-header p{font-size:12px}.drawer-body,.payroll-modal-body{padding:24px;gap:24px}.drawer-close{min-width:32px;min-height:32px;width:32px;height:32px;background:var(--surface);border-radius:8px;font-size:20px}.drawer-footer{position:sticky;bottom:-24px;z-index:2;padding:16px 0;margin-top:8px;background:var(--surface);flex-wrap:wrap}.tabs{gap:0;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;background:transparent}.tabs>a,.tabs>button{min-height:44px;padding:12px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--muted)}.tabs>a.active,.tabs>button.active{color:var(--primary);border-bottom-color:var(--primary);background:transparent;box-shadow:none}.ui-module-tabs.view-switch{gap:0;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;background:transparent;max-width:100%}.ui-module-tabs.view-switch>button{min-height:44px;border-radius:0;border:0;border-bottom:2px solid transparent;background:transparent;box-shadow:none;padding:12px 16px}.ui-module-tabs.view-switch>button.active{color:var(--primary);border-bottom-color:var(--primary);background:transparent;box-shadow:none}.login-page{background:var(--bg)}.login-hero{background:var(--primary-soft);color:var(--text);padding:64px}.login-hero h1{font-size:40px;line-height:1.35;letter-spacing:-.7px}.login-hero p{color:var(--muted)}.login-hero .brand-mark{width:52px;height:52px}.login-card{border:1px solid var(--line);border-radius:var(--ui-radius-card);box-shadow:var(--shadow);background:var(--surface);padding:32px}.login-card h2{color:var(--text)}.login-card .button{width:100%}@media (max-width:1100px) and (min-width:761px){.content{padding:24px}.topbar{padding-inline:24px}}@media (max-width:1100px){[data-ui-route="/dashboard"] .ui-page-header{grid-template-columns:minmax(0,1fr)}[data-ui-route="/dashboard"] .ui-page-actions{justify-content:flex-start;width:100%}[data-ui-route="/dashboard"] .workbench-hero-summary{flex:0 1 360px;width:100%}[data-ui-route="/lead-management"] .distribution-rule-flow{grid-template-columns:minmax(0,1fr)}[data-ui-route="/lead-management"] .management-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui-route="/lead-management"] .referral-boundary{flex-wrap:wrap}[data-ui-route="/lead-management"] .distribution-member-list{grid-template-columns:minmax(0,1fr)}[data-ui-route="/lead-management"] .distribution-member{min-width:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity participation" "tier tier" "share hundred" "workload recent"}[data-ui-route="/lead-management"] .distribution-member>*{min-width:0}[data-ui-route="/lead-management"] .allocation-tier-control{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){[data-ui-route="/dashboard"] .task-due{grid-column:2;min-width:0}.sidebar{padding:10px 16px;border-right:0;border-bottom:1px solid var(--line);z-index:var(--ui-z-nav)}.brand{margin:0;gap:10px}.brand-mark{width:34px;height:34px}.brand strong{font-size:16px}.mobile-nav-toggle{min-height:44px;color:var(--text);background:var(--surface);border-color:var(--line)}.topbar{min-height:48px;padding:10px 16px;gap:8px}.topbar-page{gap:6px}.topbar-page>span{font-size:12px}.topbar-page>strong{font-size:13px}.topbar-company>span{font-size:11px;white-space:nowrap}.content{padding:24px 16px 40px}[data-ui-route="/finance"] .period-filter{flex-flow:column nowrap;align-items:stretch}[data-ui-route="/finance"] .period-filter>.field,[data-ui-route="/finance"] .period-filter>.muted{flex:0 1 auto;width:100%}.form-grid,.grid-2,.grid-3,.grid-4,[data-ui-route="/lead-management"] .management-summary-grid{grid-template-columns:minmax(0,1fr)}.page-heading{gap:16px;margin-bottom:20px}.page-heading h1,.page-heading h2,.ui-page-header h1{font-size:24px}.ui-page-actions{width:100%;justify-content:flex-start}.card{padding:16px}.button,.button.small,.drawer-close,.table .button,table .button{min-height:44px;min-width:44px}.field :where(input:not([type=checkbox]):not([type=radio]),select),.ui-control,select:not([multiple]){min-height:44px;font-size:16px}.drawer-panel,.drawer-panel.narrow{width:100vw}.drawer-body,.drawer-header,.payroll-modal-body,.payroll-modal-header{padding:16px}.drawer-footer{bottom:-16px;padding-block:12px;gap:8px}.drawer-footer>.button{flex:1 1 auto}.login-hero{padding:32px 24px}.login-hero h1{font-size:28px}.login-card{padding:24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (forced-colors:active){input[type=checkbox],input[type=radio],select:not([multiple]){appearance:auto}}