:root{--text:#2b2b33;--bg:#f4f5f7;--border:#d8dae0;--accent:#2f6f4f;--accent-bg:#eaf3ee;--danger:#b3261e;color:var(--text);background:var(--bg);font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{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{border:1px solid var(--border);background:#fff;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:#555;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{color:#444;background:#e5e4e7;border-color:#ccc}.toggle-btn.toggle-off:hover:not(:disabled){background:#d4d3d7}.toggle-btn.toggle-on{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.toggle-btn.toggle-amber{color:#7a5c00;background:#fef3cd;border-color:#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:#555;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:#fff;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{color:var(--text);background:#e5e4e7}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{border:1px solid var(--border);background:#fff;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:#777;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%}}