.commission-report { margin:0; background:#f3f5f9; color:#192d50; font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.commission-report * { box-sizing:border-box; }
.commission-report a { color:#145bce; text-decoration:none; }
.commission-report a:hover { text-decoration:underline; }
.commission-report :focus-visible { outline:3px solid #2374e9; outline-offset:3px; }
.report-sidebar { position:fixed; inset:0 auto 0 0; width:220px; padding:28px 18px; background:white; border-right:1px solid #dce3ed; }
.report-brand { font-size:24px; font-weight:800; letter-spacing:-.6px; }
.report-sidebar nav { margin-top:40px; }
.report-sidebar nav a { display:block; padding:12px; margin-bottom:4px; border-radius:6px; color:inherit; }
.report-sidebar nav p { margin:28px 12px 10px; font-weight:700; }
.report-sidebar nav a[aria-current] { background:#1469e8; color:white; }
.report-sidebar>small { display:block; margin:50px 12px; color:#64738b; }
.report-main { margin-left:220px; padding:32px; max-width:1900px; }
.report-heading,.report-context,.report-totals { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.report-heading h1 { margin:0; font-size:30px; letter-spacing:-.8px; }
.report-heading p { margin:6px 0 20px; color:#5c6d86; }
.report-badge { display:inline-block; vertical-align:middle; font-size:12px; font-weight:600; letter-spacing:0; background:#e3eeff; color:#145bce; border:1px solid #cadaf2; border-radius:20px; padding:5px 12px; white-space:nowrap; }
.report-user { color:#64738b; font-size:13px; }
.report-notice { border:1px solid #b9d4ff; background:#e9f2ff; padding:13px 16px; border-radius:6px; color:#154ca2; margin-bottom:18px; }
.report-card { min-width:0; background:white; border:1px solid #dde4ed; border-radius:7px; padding:20px; }
.report-filters { display:flex; align-items:end; gap:16px; flex-wrap:wrap; }
.report-filters label { display:block; margin-bottom:6px; font-weight:650; }
.report-filters select,.report-filters input[type=number] { font:inherit; color:inherit; border:1px solid #cbd5e2; border-radius:5px; padding:9px 12px; background:white; width:100%; min-height:42px; }
.report-year { width:105px; }
.report-employee { flex:1; min-width:200px; }
.report-button { border:1px solid #1469e8; background:#1469e8; color:white; padding:10px 18px; border-radius:5px; font:600 14px system-ui; cursor:pointer; min-height:42px; }
.report-outline { background:white; color:#145bce; }
.report-context { margin:20px 0 12px; }
.report-context span { color:#697991; font-size:12px; }
.report-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.report-headline { border-color:#9fc0f2; }
.report-headline strong { color:#145bce; }
.report-metrics p { margin:0 0 6px; color:#62728a; }
.report-metrics strong { display:block; font-size:clamp(18px,2.2vw,32px); overflow-wrap:anywhere; letter-spacing:-.6px; }
.report-metrics small { color:#6c7b90; }
.report-difference strong { color:#9b6500; }
.report-caption { color:#65768c; font-size:12px; margin:12px 0; }
.report-warning { background:#fff5dc; border-left:3px solid #c38a21; padding:12px 16px; color:#795414; border-radius:4px; }
.report-columns { display:grid; grid-template-columns:minmax(0,3fr) minmax(240px,1fr); gap:18px; margin:20px 0; align-items:start; }
.commission-report h2 { margin:0 0 16px; font-size:18px; }
.report-table-wrap { overflow-x:auto; }
.commission-report table { border-collapse:collapse; width:100%; font-size:13px; }
.commission-report th { text-align:left; background:#f1f5fa; font-weight:650; }
.commission-report th,.commission-report td { padding:12px 10px; border-bottom:1px solid #e4e9f1; vertical-align:top; }
.commission-report td small { display:block; color:#6b7c92; font-size:11px; margin-top:4px; max-width:240px; }
.report-money { white-space:nowrap; font-variant-numeric:tabular-nums; text-align:right; }
.report-status { display:inline-block; border-radius:4px; padding:2px 8px; font-size:11px; white-space:nowrap; }
.report-status.included { background:#e3f2e8; color:#267145; }
.report-status.excluded { background:#f0eee9; color:#775c33; }
.report-totals { padding-top:16px; font-size:12px; }
.report-rules h3 { font-size:14px; margin:18px 0 3px; }
.report-rules p { font-size:12px; margin:0; color:#64748c; }
.report-tabs { display:flex; gap:20px; border-bottom:1px solid #e3e9f0; flex-wrap:wrap; }
.report-tabs a { padding:9px 0; }
.report-tabs [aria-current] { border-bottom:2px solid #1469e8; font-weight:650; }
.report-empty { padding:40px!important; text-align:center; color:#6b7c92; }
.commission-report tfoot td { font-weight:650; background:#f7f9fc; }
.report-compare { margin:20px 0; }
.report-compare th:not(:first-child) { text-align:right; }
.report-lines td { white-space:nowrap; }
@media(max-width:1100px) { .report-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .report-sidebar { width:185px; } .report-main { margin-left:185px; padding:22px; } .report-columns { grid-template-columns:1fr; } .report-rules { display:grid; grid-template-columns:1fr 2fr; gap:10px; } .report-rules h2 { grid-column:1/-1; } .report-rules h3 { margin:0; } }
@media(max-width:700px) { .report-sidebar { position:static; width:auto; padding:16px; } .report-sidebar nav { margin:12px 0 0; display:flex; flex-wrap:wrap; } .report-sidebar nav p,.report-sidebar>small { display:none; } .report-sidebar nav a { padding:6px 10px; font-size:12px; } .report-main { margin-left:0; padding:16px; } .report-heading h1 { font-size:24px; } .report-metrics { grid-template-columns:1fr; } .report-metrics strong { font-size:28px; } .report-user { display:none; } }
@media print { @page { size:landscape; margin:12mm; } .commission-report { background:white; font-size:11px; } .report-sidebar,.report-filters,.report-tabs,.report-user { display:none; } .report-main { margin:0; padding:0; max-width:none; } .report-columns { grid-template-columns:3fr 1fr; } .report-table-wrap { overflow:visible; } .report-card { break-inside:avoid; } .report-invoices { break-inside:auto; } tr { break-inside:avoid; } thead { display:table-header-group; } .report-metrics strong { font-size:23px; } a { color:inherit!important; } }
.report-sales { border-top:1px solid #e4e9f1; padding:12px 0; }
.report-sales>summary { display:flex; align-items:start; justify-content:space-between; gap:14px; cursor:pointer; }
.report-sales>summary>span { min-width:0; overflow-wrap:anywhere; }
.report-sales>summary>span::before { content:"▸ "; color:#145bce; }
.report-sales[open]>summary>span::before { content:"▾ "; }
.report-sales small { display:block; color:#65768c; font-size:12px; }
.report-order { margin:12px 0; padding:12px; background:#f7f9fc; border:1px solid #e4e9f1; border-radius:5px; }
.report-order>summary,.report-details>summary { cursor:pointer; }
.report-details { margin-top:16px; }
@media(max-width:700px) { .report-sales>summary { flex-wrap:wrap; } }
@media print { .report-sales,.report-details,.report-order { content-visibility:visible; } details::details-content { content-visibility:visible; } .report-sales>summary { break-after:avoid; } .report-columns>.report-card { break-inside:auto; } }