:root{color-scheme:light;--background:#f3f5f7;--surface:#ffffff;--surface-muted:#f8fafb;--border:#d9e0e7;--text:#1c252e;--muted:#657385;--accent:#0b6b61;--accent-strong:#084c45;--warning:#b45309;--danger:#b91c1c;--success:#047857;--sidebar:#17212b;--sidebar-active:#263544}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;min-height:100vh;grid-template-columns:248px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:24px;border-right:1px solid var(--border);background:var(--sidebar);color:#f7fafc;padding:24px 18px}.brand{display:grid;grid-gap:5px;gap:5px;min-height:86px;align-content:start}.brand strong{font-size:20px;line-height:1.2}.brand span,.eyebrow,.muted,.user-box span{color:var(--muted)}.sidebar .brand span,.sidebar .user-box span{color:#bac6d3}.brand-kicker{width:-moz-fit-content;width:fit-content;border:1px solid #334756;border-radius:999px;padding:3px 8px;color:#dce5ee!important;font-size:11px;text-transform:uppercase}.nav-list{display:grid;grid-gap:8px;gap:8px}.nav-item{position:relative;display:grid;grid-gap:2px;gap:2px;border-radius:6px;padding:10px 12px 10px 48px;color:#dce5ee}.nav-item:before{position:absolute;top:10px;left:10px;display:grid;width:26px;height:26px;place-items:center;border:1px solid #3d4d5c;border-radius:6px;background:#111a22;color:#ffffff;content:attr(data-initials);font-size:11px;font-weight:700}.nav-item span{font-weight:700}.nav-item small{color:#aebdca;font-size:11px}.nav-item:hover,.nav-item[aria-current=page]{background:var(--sidebar-active)}.nav-item[aria-current=page]:before{border-color:#2dd4bf;background:var(--accent)}.user-box{margin-top:auto;display:grid;grid-gap:4px;gap:4px;border-top:1px solid #2d3a46;padding-top:16px}.main{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:var(--surface);padding:16px 28px}.topbar h1{margin:0;font-size:22px;line-height:1.2}.topbar p{margin:4px 0 0;color:var(--muted)}.content{display:grid;grid-gap:18px;gap:18px;padding:24px 28px 36px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.card,.panel{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.card{display:grid;grid-gap:8px;gap:8px;padding:16px}.card strong{font-size:24px}.panel{overflow:hidden}.workspace,.workspace-grid{display:grid;grid-gap:18px;gap:18px}.workspace-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:start}.stack{display:grid;grid-gap:14px;gap:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.section-title h2,.section-title h3{margin:0;font-size:15px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px}.field input,.field select,.field textarea,.toolbar input,.toolbar select{min-height:36px;width:100%;border:1px solid var(--border);border-radius:6px;background:#ffffff;color:var(--text);padding:8px 10px}.toolbar input,.toolbar select{width:auto;min-width:180px}.form-grid{display:grid;grid-gap:12px;gap:12px;padding:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1/-1}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:12px}.form-actions{display:flex;gap:8px;justify-content:flex-end}.role-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.check-row{align-items:center;display:flex;gap:8px;min-height:32px}.button.ghost{border-color:var(--border);background:transparent;color:var(--text)}.button.compact{min-height:30px;padding:5px 9px;font-size:12px}.segmented{display:inline-flex;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.segment{border:0;border-right:1px solid var(--border);background:transparent;color:var(--muted);padding:8px 11px}.segment:last-child{border-right:0}.segment[aria-pressed=true]{background:var(--accent);color:#ffffff}.table-wrap{overflow-x:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:14px 16px}.panel-header h2,.panel-header h3{margin:0;font-size:16px}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:12px;text-transform:uppercase}.table td strong,.table-hint{display:block}.table-hint{margin-top:3px;color:var(--muted);font-size:12px}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:var(--surface-muted);padding:2px 9px;color:var(--accent-strong);font-size:12px}.status.warning{color:var(--warning)}.status.success{color:var(--success)}.notice{border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);color:var(--muted);padding:12px 14px}.notice.error{border-color:#fecaca;background:#fff7f7;color:var(--danger)}.funnel-board{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(220px,1fr));overflow-x:auto;padding:12px}.funnel-column{display:grid;grid-gap:10px;gap:10px;min-height:240px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:10px}.funnel-column h3{margin:0;font-size:13px}.deal-row{display:grid;grid-gap:6px;gap:6px;border:1px solid var(--border);border-radius:7px;background:var(--surface);padding:10px}.deal-row strong{font-size:13px}.empty-state,.error-state,.loading-state{display:grid;grid-gap:8px;gap:8px;min-height:140px;place-items:center;border:1px dashed var(--border);border-radius:8px;background:var(--surface);color:var(--muted);text-align:center}.error-state{border-color:#fecaca;color:var(--danger)}.action-row{display:flex;flex-wrap:wrap;gap:8px}.button{border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#ffffff;padding:9px 12px}.button.secondary{background:transparent;color:var(--accent-strong)}.sales-command{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);padding-bottom:12px}.sales-command h2{margin:2px 0 0;font-size:20px}.sales-metrics{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(120px,1fr))}.sales-metrics span{display:grid;grid-gap:2px;gap:2px;border-left:1px solid var(--border);color:var(--muted);font-size:12px;padding-left:12px}.sales-metrics strong{color:var(--text);font-size:16px}.sale-form{align-self:start}.rule-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.rule-strip h3,.rule-strip p{margin:0}.rule-strip p{color:var(--muted);font-size:13px}.contract-list,.sales-ledger{display:grid}.contract-row,.ledger-row{display:grid;grid-gap:12px;gap:12px;border-bottom:1px solid var(--border);padding:12px 16px}.contract-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.contract-row div,.ledger-main,.ledger-meta{display:grid;grid-gap:4px;gap:4px}.contract-row span,.ledger-main span,.ledger-meta span{color:var(--muted);font-size:12px}.ledger-row{grid-template-columns:minmax(260px,1fr) minmax(220px,.7fr) auto;align-items:center}.ledger-actions{justify-content:flex-end}.commission-status-board{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(5,minmax(140px,1fr))}.status-tile{display:grid;grid-gap:4px;gap:4px;min-height:92px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:12px;text-align:left}.status-tile small,.status-tile span{color:var(--muted)}.status-tile strong{font-size:24px}.chargeback-list,.commission-ledger{display:grid}.commission-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(280px,1fr) minmax(140px,.4fr) auto;align-items:center;border-bottom:1px solid var(--border);padding:12px 16px}.commission-row>div{display:grid;grid-gap:4px;gap:4px}.commission-row span{color:var(--muted);font-size:12px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.two,.grid.cards,.grid.two,.workspace-grid{grid-template-columns:1fr}.sales-command{align-items:stretch;flex-direction:column}.commission-status-board,.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-row,.ledger-row,.rule-strip{align-items:stretch;grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}