.commission-page{display:grid;gap:18px}.commission-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding:24px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(50,135,255,.18),transparent 36%),linear-gradient(145deg,rgba(17,31,51,.98),rgba(8,19,34,.98));box-shadow:var(--shadow)}.eyebrow{display:block;margin-bottom:8px;color:#69b7ff;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.commission-hero h2,.commission-title h2{margin:0;font-size:28px}.commission-hero p,.commission-title p{margin:7px 0 0;color:var(--muted)}.commission-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.commission-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.commission-field{display:grid;gap:6px}.commission-field label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.commission-field select{min-width:145px;height:42px;border:1px solid var(--line);border-radius:10px;background:#0b1829;color:#fff;padding:0 12px;outline:none}.commission-field select:focus{border-color:#3287ff;box-shadow:0 0 0 3px rgba(50,135,255,.14)}.commission-refresh{height:42px;padding:0 16px;border:1px solid rgba(84,199,255,.35);border-radius:10px;background:linear-gradient(135deg,#226fdb,#3287ff);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 8px 22px rgba(31,105,212,.22)}.commission-refresh:hover{filter:brightness(1.08)}.commission-refresh:disabled{opacity:.65;cursor:wait}.commission-statusbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;color:var(--muted);font-size:12px}.commission-statusbar>div{display:flex;align-items:center;gap:8px}.commission-statusbar strong{color:#dceaff}.live-dot{width:8px;height:8px;border-radius:50%;background:#42d392;box-shadow:0 0 0 5px rgba(66,211,146,.1)}.commission-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.commission-kpi{position:relative;overflow:hidden;padding:18px;border-radius:15px;background:linear-gradient(145deg,rgba(17,31,51,.96),rgba(10,22,38,.96));border:1px solid var(--line);box-shadow:var(--shadow)}.commission-kpi:after{content:"";position:absolute;right:-24px;top:-24px;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.025)}.commission-kpi.primary{border-color:rgba(50,135,255,.42);background:linear-gradient(145deg,rgba(31,82,151,.43),rgba(10,22,38,.96))}.commission-kpi .label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.commission-kpi .value{font-size:27px;line-height:1.1;font-weight:950;margin-top:10px;white-space:nowrap}.commission-kpi .value.compact{font-size:20px;white-space:normal;min-height:30px}.commission-kpi .note{font-size:11px;color:#7890ac;margin-top:7px;line-height:1.35}.commission-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,.4fr);gap:18px}.commission-analytics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.commission-panel{background:linear-gradient(145deg,rgba(17,31,51,.96),rgba(10,22,38,.96));border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.commission-panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);gap:10px}.commission-panel-header h3{margin:0;font-size:17px}.commission-panel-header p{margin:4px 0 0;font-size:11px;color:var(--muted)}.commission-panel-header>a{font-size:12px;color:#69b7ff;text-decoration:none;font-weight:750}.commission-table-wrap{overflow:auto}.commission-table{width:100%;border-collapse:collapse;min-width:780px}.commission-table.dashboard-ranking{min-width:650px}.commission-table th,.commission-table td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.055);text-align:right;font-size:13px}.commission-table th{color:#8ca0ba;font-size:9px;text-transform:uppercase;letter-spacing:.1em;background:rgba(255,255,255,.018);position:sticky;top:0}.commission-table th:first-child,.commission-table td:first-child{text-align:left}.commission-table tbody tr:hover{background:rgba(50,135,255,.055)}.rank-cell{display:flex;align-items:center;gap:11px}.rank-badge{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.06);font-weight:900}.rank-badge.top{background:rgba(255,196,61,.14);color:#ffd773}.salesperson-name{font-weight:850}.small-muted{display:block;color:var(--muted);font-size:10px;margin-top:3px}.mix-chart{padding:24px}.mix-total{text-align:center;padding:12px 0 20px}.mix-total strong{display:block;font-size:48px;line-height:1;font-weight:950}.mix-total span{display:block;margin-top:6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.mix-stack{height:14px;display:flex;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}.mix-stack span{height:100%}.mix-new{background:#3287ff}.mix-used{background:#54c7ff}.mix-lease{background:#9a7cff}.mix-legend{display:grid;gap:10px;margin-top:22px}.mix-legend>div{display:grid;grid-template-columns:10px 1fr auto auto;gap:8px;align-items:center;font-size:12px}.mix-legend i{width:8px;height:8px;border-radius:50%}.mix-legend span{color:var(--muted)}.mix-legend small{width:36px;text-align:right;color:var(--muted)}.sales-bars{display:grid;gap:13px;padding:20px}.sales-bar-row{display:grid;grid-template-columns:22px minmax(90px,130px) 1fr 34px;gap:9px;align-items:center}.bar-rank{color:#7187a1;font-size:11px;text-align:center}.bar-name{font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-bar-track,.performance-track{height:9px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.sales-bar-fill,.performance-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3287ff,#54c7ff)}.sales-bar-row strong{font-size:12px;text-align:right}.performance-list{padding:20px;display:grid;gap:17px}.performance-row{display:grid;grid-template-columns:105px 1fr 42px;gap:10px;align-items:center}.performance-row>div:first-child span{display:block;font-size:12px;color:#dceaff}.performance-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.performance-row strong{text-align:right;font-size:12px}.commission-empty,.commission-error{padding:50px 25px;text-align:center;color:var(--muted)}.commission-error{color:#ffaaa5}.commission-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.commission-action{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);text-decoration:none;transition:.18s ease}.commission-action:hover{transform:translateY(-2px);border-color:rgba(50,135,255,.45);background:rgba(50,135,255,.055)}.action-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--blue-soft);color:#69b7ff;font-size:18px}.commission-action strong{display:block;margin-bottom:4px}.commission-action div>span{font-size:11px;color:var(--muted)}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.history-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(17,31,51,.96),rgba(10,22,38,.96));cursor:pointer;transition:.18s ease}.history-card:hover{transform:translateY(-2px);border-color:rgba(50,135,255,.5)}.history-card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.history-card-top b{color:#69b7ff}.history-card h3{margin:13px 0;font-size:20px}.history-card .history-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.history-stat{padding:10px;border-radius:10px;background:rgba(255,255,255,.025)}.history-stat span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}.history-stat strong{display:block;margin-top:4px}.leaderboard-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.podium-card{padding:22px;text-align:center;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(17,31,51,.96),rgba(10,22,38,.96))}.podium-card.place-1{border-color:rgba(255,211,91,.35);background:radial-gradient(circle at top,rgba(255,211,91,.12),transparent 48%),linear-gradient(145deg,rgba(17,31,51,.96),rgba(10,22,38,.96))}.podium-rank{font-size:30px}.podium-card h3{margin:9px 0 4px}.podium-card .units{font-size:26px;font-weight:900}.podium-card .income{color:var(--muted);font-size:11px;margin-top:6px}@media(max-width:1280px){.commission-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.commission-layout,.commission-analytics{grid-template-columns:1fr}.commission-actions,.history-grid,.leaderboard-hero{grid-template-columns:1fr}}@media(max-width:650px){.commission-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-hero,.commission-toolbar{align-items:stretch}.commission-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.commission-field select{min-width:0;width:100%}.commission-refresh{grid-column:1/-1}.commission-statusbar{align-items:flex-start;flex-direction:column}.sales-bar-row{grid-template-columns:20px 92px 1fr 28px}}@media(max-width:430px){.commission-kpis{grid-template-columns:1fr}.commission-filters{grid-template-columns:1fr}.commission-refresh{grid-column:auto}.commission-hero{padding:18px}.commission-hero h2{font-size:24px}}


/* v9.1 full DMS leaderboard */
.leaderboard-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.commission-table-wide{min-width:1900px;border-collapse:separate;border-spacing:0}
.commission-table-wide th,.commission-table-wide td{white-space:nowrap;text-align:right}
.commission-table-wide th:first-child,.commission-table-wide td:first-child{text-align:left}
.commission-table-wide .sticky-salesperson{position:sticky;left:0;z-index:2;background:#fff;box-shadow:5px 0 12px rgba(15,23,42,.06)}
.commission-table-wide thead .sticky-salesperson{z-index:4;background:#f8fafc}
.commission-table-wide tfoot .sticky-salesperson{z-index:3}
.commission-table-wide tfoot td{border-top:2px solid #cbd5e1;background:#f8fafc}
.commission-table-wide .money-cell{font-variant-numeric:tabular-nums}
.commission-table-wide .number-cell{font-variant-numeric:tabular-nums}