:root{--text:#2b2b33;--bg:#f4f5f7;--border:#d8dae0;--accent:#2f6f4f;--accent-bg:#eaf3ee;--danger:#b3261e;--surface:white;--surface-input:white;--text-muted:#555;--text-faint:#777;--btn-secondary-bg:#e5e4e7;--btn-secondary-hover:#d4d3d7;--btn-secondary-text:#444;--toggle-off-bg:#e5e4e7;--toggle-off-border:#ccc;--toggle-off-text:#444;--toggle-off-hover:#d4d3d7;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e2e3e8;--bg:#111214;--border:#2e3038;--accent:#4a9970;--accent-bg:#172a1f;--danger:#e57373;--surface:#1c1e22;--surface-input:#232529;--text-muted:#8a8c94;--text-faint:#6a6c74;--btn-secondary-bg:#2c2e35;--btn-secondary-hover:#363840;--btn-secondary-text:#c8cad1;--toggle-off-bg:#2c2e35;--toggle-off-border:#3c3e46;--toggle-off-text:#b0b2b9;--toggle-off-hover:#363840;--toggle-amber-bg:#2e2500;--toggle-amber-text:#e6c84a;--toggle-amber-border:#4a3c00;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input,select,textarea{background:var(--surface-input);color:var(--text);border-color:var(--border)}input::placeholder{color:var(--text-faint)}.status-open{color:#d4a84b;background:#2b2410}.status-approved{color:#6aabda;background:#101d2b}.mobile-cards tr.mob-empty{background:0 0}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0 0 .75rem;font-weight:600}.app-shell{flex-direction:column;min-height:100vh;display:flex}nav{color:#fff;background:#1f2a22;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}nav a,nav .brand{color:#fff;font-weight:500;text-decoration:none}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-user{opacity:.8}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.centered-page{justify-content:center;align-items:center;min-height:100vh;display:flex}label{flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-weight:500;display:flex}input,select{border:1px solid var(--border);font:inherit;border-radius:6px;padding:.45rem .6rem}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger)}.hint{color:var(--text-muted);font-style:italic}.table-scroll{margin-bottom:.75rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}table td,table th{white-space:nowrap}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .5rem}section{margin-bottom:2rem}.add-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.toggle-btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-family:inherit;font-size:.82rem;font-weight:500;line-height:1.3;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.toggle-btn.toggle-off{background:var(--toggle-off-bg);color:var(--toggle-off-text);border-color:var(--toggle-off-border)}.toggle-btn.toggle-off:hover:not(:disabled){background:var(--toggle-off-hover)}.toggle-btn.toggle-on{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.toggle-btn.toggle-amber{background:var(--toggle-amber-bg,#fef3cd);color:var(--toggle-amber-text,#7a5c00);border-color:var(--toggle-amber-border,#e6c84a)}.toggle-btn:disabled{opacity:.55;cursor:default}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.period-picker{align-items:center;gap:.5rem;display:flex}.status-badge{text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.status-open{background:#f0e6c8}.status-approved{background:#d6e8f5}.status-paid{background:var(--accent-bg);color:var(--accent)}.total-commission{border-top:2px solid var(--text);justify-content:space-between;align-items:center;padding:1rem 0;font-size:1.3rem;display:flex}.admin-actions{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.override-reason{color:var(--text-muted);max-width:220px;margin-top:.15rem;font-size:.78rem;font-style:italic;display:block}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:10px;flex-direction:column;width:360px;max-width:90vw;padding:1.5rem;display:flex}.modal-card textarea{border:1px solid var(--border);font:inherit;resize:vertical;border-radius:6px;padding:.45rem .6rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}button.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}h3:has(.ready-badge){flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ready-badge{background:var(--accent);color:#fff;letter-spacing:.01em;border-radius:999px;flex-shrink:0;align-items:center;padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.4rem;line-height:1;display:none}th.mob-override,td.mob-override{width:148px;min-width:148px}th.mob-checked,td.mob-checked{width:120px;min-width:120px}td.mob-actions{white-space:nowrap;align-items:center;gap:.4rem;display:flex}@media (width<=768px){:root{font-size:14px}nav{flex-wrap:wrap;align-items:center;padding:.6rem 1rem}.hamburger{display:block}.nav-links{background:#1a2c1e;border-radius:8px;flex-direction:column;align-items:flex-start;gap:0;width:100%;margin-top:.4rem;padding:.5rem 0;display:none}.nav-links.nav-open{display:flex}.nav-links>a,.nav-links>span.nav-user{width:100%;padding:.65rem 1.1rem;font-size:.95rem;display:block}.nav-links>button{color:#fff;text-align:left;background:0 0;border-top:1px solid #ffffff1a;border-radius:0;width:100%;margin-top:.2rem;padding:.75rem 1.1rem;font-size:.95rem}.nav-user{opacity:.65;border-bottom:1px solid #ffffff1a;font-size:.85rem}main{padding:.75rem}.card{border-radius:8px;padding:1rem}.sheet-header{flex-direction:column;align-items:flex-start;gap:.6rem}.period-picker,.admin-actions{flex-wrap:wrap}.total-commission{font-size:1.1rem}.modal-backdrop{align-items:flex-start;padding:4vh 0;overflow-y:auto}.modal-card{width:95vw;max-height:none;padding:1rem;overflow-y:visible}input,select{width:100%;max-width:100%}.table-scroll{-webkit-overflow-scrolling:touch}table td,table th{padding:.35rem .45rem;font-size:.82rem}button{padding:.45rem .8rem;font-size:.88rem}.mobile-cards{overflow-x:visible}.mobile-cards table{display:block}.mobile-cards thead{display:none}.mobile-cards tbody{flex-direction:column;gap:.6rem;display:flex}.mobile-cards tr{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;padding:.2rem 0;display:flex}.mobile-cards td{word-break:break-word;border:none;flex-direction:column;flex:50%;min-width:0;padding:.35rem .75rem;font-size:.88rem;display:flex}.mobile-cards td[data-label]:before{content:attr(data-label);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.1rem;font-size:.68rem;font-weight:700}.mobile-cards td.mob-ref{flex:40%;font-weight:600}.mobile-cards td.mob-customer{flex:60%}.mobile-cards td.mob-amount{color:var(--accent);flex:100%;font-size:1.05rem;font-weight:600}.mobile-cards td.mob-checked{flex:none;justify-content:flex-start;align-items:flex-start;width:auto;min-width:0;padding-bottom:.5rem}.mobile-cards td.mob-checked:before,.mobile-cards td.mob-override:before,.mobile-cards td.mob-hide{display:none}.mobile-cards td.mob-actions{border-top:1px solid var(--border);flex-flow:wrap;flex:100%;align-items:flex-start;gap:.5rem;margin-top:.1rem;padding-top:.5rem}.mobile-cards td.mob-actions:not(:has(>*)){display:none}.mobile-cards td.mob-override{border-top:none;flex:none;order:0;align-items:flex-start;width:auto;min-width:0;padding-bottom:.5rem;font-size:.82rem}.mobile-cards tr.mob-empty{background:0 0;border:none}.mobile-cards tr.mob-empty td{flex:100%}}