:root{--bg:#f5f4f1;--surface:#fff;--surface2:#f0efe9;--surface3:#e8e7e0;--border:rgba(0,0,0,.1);--border2:rgba(0,0,0,.18);--text:#111;--text2:#555;--text3:#999;--green:#1a6b35;--blue:#1a5dc8;--red:#b02020;--amber:#8a4f00;--stat-green:#15803d;--stat-blue:#1d4ed8;--stat-red:#b91c1c;--stat-muted:#666;--radius:8px;--radius-lg:12px;--mono:"Courier New",monospace}@media(prefers-color-scheme:dark){:root{--bg:#0f0f0f;--surface:#1a1a1a;--surface2:#222;--surface3:#2a2a2a;--border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.16);--text:#e8e8e8;--text2:#999;--text3:#555;--stat-green:#4ade80;--stat-blue:#60a5fa;--stat-red:#f87171;--stat-muted:#aaa}.btn-primary{background:#e8e8e8!important;color:#111!important;border-color:#e8e8e8!important}.btn-primary:hover{background:#ccc!important}.badge-sent{background:#1a3560!important;color:#7aacf5!important}.badge-paid{background:#1a3d26!important;color:#6bcf8f!important}.badge-overdue{background:#3d1212!important;color:#f58080!important}.pill-day{background:#1a3d26!important;color:#6bcf8f!important}.pill-halfday{background:#1a3560!important;color:#7aacf5!important}.pill-overtime{background:#3d2e0a!important;color:#e0b060!important}.pill-mileage{background:#2a1a6b!important;color:#a080f5!important}.pill-expense{background:#3d1212!important;color:#f58080!important}.pill-discount{background:#2a2a2a!important;color:#999!important}.pill-custom{background:#222!important;color:#777!important}.ot-helper{background:#141f14!important;border-color:#64c86426!important}.tab-active{background:var(--surface)!important;border-bottom-color:var(--surface)!important}.tax-q-card.owed{background:#2a1414!important;border-color:#c850504d!important}.tax-q-card.safe{background:#142a1a!important;border-color:#50c8644d!important}.tax-q-card.pending{background:#1a1a28!important;border-color:#5064c833!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{max-width:980px;margin:0 auto;padding:1.25rem 1rem}.mono{font-family:var(--mono)}input,select,textarea{font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);border:.5px solid var(--border2);border-radius:var(--radius);padding:7px 10px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:#666;box-shadow:0 0 0 2px #6464641a}textarea{resize:vertical;min-height:60px}.btn{cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;border:.5px solid var(--border2);border-radius:var(--radius);padding:7px 14px;background:var(--surface);color:var(--text);transition:background .12s;white-space:nowrap}.btn:hover{background:var(--surface2)}.btn-primary{background:#111;color:#fff;border-color:#111}.btn-primary:hover{background:#333;border-color:#333}.btn-success{background:#1a6b35;color:#fff;border-color:#1a6b35}.btn-success:hover{background:#1d7a3d}.btn-danger{color:#c0392b;border-color:#c0392b40}.btn-danger:hover{background:#c0392b14}.btn-sm{padding:5px 11px;font-size:12px}.btn-xs{padding:3px 8px;font-size:11px}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.section-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}.divider{border:none;border-top:.5px solid var(--border);margin:.75rem 0}.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.g4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.g5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.fl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}label.lbl{font-size:12px;color:var(--text2);display:block;margin-bottom:3px}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.badge-draft{background:var(--surface2);color:var(--text2)}.badge-sent{background:#def;color:#1a5dc8}.badge-paid{background:#d6f5e3;color:#1a6b35}.badge-overdue{background:#fde8e8;color:#b02020}.stat-card{background:var(--surface2);border-radius:var(--radius);padding:12px 16px}.line-row{background:var(--surface2);border:.5px solid var(--border);border-radius:var(--radius);padding:10px;margin-bottom:8px}.type-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:20px;border:.5px solid var(--border)}.pill-day{background:#d6f5e3;color:#1a6b35}.pill-halfday{background:#def;color:#1a5dc8}.pill-overtime{background:#fff3d6;color:#8a4f00}.pill-mileage{background:#ede8ff;color:#4a35b5}.pill-expense{background:#ffeaea;color:#9b2020}.pill-discount{background:#f0f0f0;color:#555}.pill-custom{background:var(--surface2);color:var(--text2)}.ot-helper{background:#f0fff4;border:.5px solid rgba(26,107,53,.2);border-radius:var(--radius);padding:12px;margin-bottom:12px}.tabs{display:flex;border-bottom:1px solid var(--border2);margin-bottom:1.25rem}.tab{cursor:pointer;padding:10px 18px;font-size:13px;font-weight:500;color:var(--text2);border:.5px solid transparent;border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;background:transparent;position:relative;bottom:-1px;transition:color .12s}.tab:hover{color:var(--text)}.tab-active{background:var(--surface);border-color:var(--border2);color:var(--text);border-bottom-color:var(--surface)}.tax-q-card{border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;background:var(--surface)}.tax-q-card.owed{background:#fff5f5;border-color:#c8505040}.tax-q-card.safe{background:#f0fff4;border-color:#1a6b3540}.tax-q-card.pending{background:#f0f4ff;border-color:#1a5dc82e}.info-box{background:var(--surface2);border-radius:var(--radius);padding:10px 14px;font-size:13px;color:var(--text2);line-height:1.6}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:360px}.login-card h1{font-size:20px;font-weight:700;margin-bottom:4px}.login-card .subtitle{font-size:13px;color:var(--text2);margin-bottom:1.5rem}.login-card .field{margin-bottom:1rem}.login-card .error{color:#b02020;font-size:13px;margin-bottom:1rem}@media(max-width:620px){.g2,.g3,.g4,.g5{grid-template-columns:1fr}.tabs{gap:0;overflow-x:auto}}@media(max-width:820px){.g5{grid-template-columns:1fr 1fr}}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #00000026;animation:toast-in .25s ease-out;max-width:360px;line-height:1.4}.toast-icon{font-size:15px;flex-shrink:0}.toast-success{background:#1a6b35;color:#fff}.toast-error{background:#b02020;color:#fff}.toast-info{background:var(--surface);color:var(--text);border:.5px solid var(--border2)}.toast-exit{animation:toast-out .25s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.app{max-width:100%;padding:0}.card{border:none;box-shadow:none;padding:0}.line-row{border:none;padding:0;background:transparent}}