:root{--bg: #0d0f12;--sf: #141720;--card: #1a1e2a;--b: #252a38;--acc: #f0a500;--acc-hover: #e09500;--blue: #3d7fff;--green: #22c55e;--red: #ef4444;--amb: #f59e0b;--pur: #a855f7;--tx: #e8eaf0;--mu: #6b7280;--sub: #9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tx);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;font-size:13px}a{color:var(--acc);text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--b);border-radius:3px}.app{display:flex;height:100vh;overflow:hidden}.sb{width:212px;flex-shrink:0;background:var(--sf);border-right:1px solid var(--b);display:flex;flex-direction:column;transition:transform .25s}.sb-logo{padding:16px;border-bottom:1px solid var(--b)}.sb-co{font-size:14px;font-weight:700;color:var(--acc)}.sb-tag{font-size:9px;color:var(--mu);letter-spacing:1px;text-transform:uppercase;margin-top:2px}.sb-user{padding:10px 16px;border-bottom:1px solid var(--b)}.sb-nm{font-size:12px;font-weight:700}.sb-em{font-size:10px;color:var(--mu);margin-top:1px}.sb-role{display:inline-block;padding:1px 7px;border-radius:3px;font-size:9px;font-weight:700;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.r-admin{background:#a855f726;color:var(--pur)}.r-dispatcher{background:#3d7fff26;color:var(--blue)}.r-sdr{background:#f59e0b26;color:var(--amb)}.nav{flex:1;overflow-y:auto;padding:8px 0}.nsec{font-size:9px;color:var(--mu);font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:10px 16px 3px}.ni{display:flex;align-items:center;gap:9px;padding:8px 16px;font-size:12px;color:var(--mu);border-left:3px solid transparent;transition:all .12s;position:relative;-webkit-user-select:none;user-select:none}.ni:hover{color:var(--tx);background:#ffffff08}.ni.active{color:var(--acc);border-left-color:var(--acc);background:#f0a50012}.nbadge{position:absolute;right:10px;background:var(--red);color:#fff;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700}.sb-foot{padding:12px 16px;border-top:1px solid var(--b)}.lo-btn{width:100%;background:transparent;border:1px solid var(--b);color:var(--mu);border-radius:6px;padding:7px;font-size:11px;cursor:pointer;font-family:inherit}.lo-btn:hover{border-color:var(--red);color:var(--red)}.main{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0}.tb{padding:12px 24px;border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;background:var(--sf);position:sticky;top:0;z-index:10;gap:8px;flex-wrap:wrap}.tb-left{display:flex;align-items:center;gap:8px}.pt{font-size:14px;font-weight:600}.ps{font-size:11px;color:var(--mu);margin-top:2px}.con{padding:20px 24px}.mg{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:20px}.mc{background:var(--card);border:1px solid var(--b);border-radius:10px;padding:14px 16px}.ml{font-size:10px;color:var(--mu);text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}.mv{font-size:24px;font-weight:700;line-height:1}.msub{font-size:11px;color:var(--mu);margin-top:4px}.cg{color:var(--green)}.ca{color:var(--amb)}.cb{color:var(--blue)}.cp{color:var(--pur)}.cr{color:var(--red)}.cacc{color:var(--acc)}.cmu{color:var(--mu)}.tw{background:var(--card);border:1px solid var(--b);border-radius:10px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;min-width:380px}th{background:var(--sf);padding:9px 12px;text-align:left;font-size:10px;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--b);white-space:nowrap;position:sticky;top:0;z-index:1}td{padding:9px 12px;border-bottom:1px solid rgba(37,42,56,.5);vertical-align:middle;white-space:nowrap}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff04}.bdg{display:inline-block;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600}.bg{background:#22c55e26;color:var(--green)}.br{background:#ef444426;color:var(--red)}.ba{background:#f59e0b26;color:var(--amb)}.bb{background:#3d7fff26;color:var(--blue)}.bp{background:#a855f726;color:var(--pur)}.bx{background:#6b728033;color:var(--sub)}.btn{padding:7px 13px;border-radius:7px;border:none;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .12s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-p{background:var(--acc);color:#000}.btn-p:hover:not(:disabled){background:var(--acc-hover)}.btn-s{background:var(--b);color:var(--tx)}.btn-s:hover:not(:disabled){background:#303548}.btn-d{background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.25)}.btn-g{background:#22c55e1f;color:var(--green);border:1px solid rgba(34,197,94,.25)}.btn-sm{padding:4px 9px;font-size:11px}.al{padding:9px 14px;border-radius:8px;font-size:12px;margin-bottom:14px;display:flex;align-items:flex-start;gap:8px;line-height:1.5}.alw{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:var(--amb)}.ald{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--red)}.ali{background:#3d7fff14;border:1px solid rgba(61,127,255,.25);color:var(--blue)}.als{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:var(--green)}.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.st{font-size:13px;font-weight:600}.card{background:var(--card);border:1px solid var(--b);border-radius:10px;padding:18px;margin-bottom:14px}.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fl{display:flex;flex-direction:column;gap:5px}.fl.s2{grid-column:span 2}.fl-row{display:flex;flex-direction:row;align-items:center;gap:8px}label{font-size:10px;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.5px}input,select,textarea{background:var(--sf);border:1px solid var(--b);border-radius:7px;padding:8px 11px;font-size:14px;color:var(--tx);font-family:inherit;width:100%;transition:border .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc)}select option{background:var(--card)}textarea{resize:vertical;min-height:60px;font-size:13px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--green);cursor:pointer;flex-shrink:0}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:200;display:flex;align-items:center;justify-content:center;padding:14px}.modal{background:var(--card);border:1px solid var(--b);border-radius:12px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto}.mh{padding:14px 18px;border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--card);z-index:1}.mb{padding:16px 18px}.mf{padding:12px 18px;border-top:1px solid var(--b);display:flex;gap:8px;justify-content:flex-end;position:sticky;bottom:0;background:var(--card)}.xbtn{background:none;border:none;color:var(--mu);cursor:pointer;font-size:18px;padding:2px;line-height:1}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:320px;background:var(--card);border:1px solid var(--b);border-radius:12px;padding:28px 24px}.login-brand{text-align:center;margin-bottom:22px}.login-brand .sb-co{font-size:20px}.empty{text-align:center;padding:60px 20px;color:var(--mu)}.empty-icon{font-size:34px;margin-bottom:10px}.empty-title{font-size:14px;font-weight:600;color:var(--tx);margin-bottom:6px}.uzone{border:2px dashed var(--b);border-radius:10px;padding:18px;text-align:center;cursor:pointer;transition:all .2s}.uzone:hover{border-color:var(--acc);background:#f0a5000a}.doc-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid rgba(37,42,56,.6)}.doc-row:first-of-type{border-top:none}.doc-icon{font-size:20px;width:40px;text-align:center}.doc-thumb{width:40px;height:40px;object-fit:cover;border-radius:5px;border:1px solid var(--b)}.doc-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg{display:inline-flex;gap:2px;background:var(--sf);border:1px solid var(--b);border-radius:8px;padding:2px}.seg button{background:none;border:none;color:var(--mu);font:inherit;font-size:11px;font-weight:600;padding:5px 10px;border-radius:6px;cursor:pointer}.seg button.on{background:var(--card);color:var(--tx)}.sbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.sbar input:not([type=checkbox]),.sbar select{width:auto;min-width:120px;font-size:12px;padding:7px 10px}.split{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kv{display:grid;grid-template-columns:120px 1fr;gap:6px 10px;font-size:12px}.kv>:nth-child(odd){color:var(--mu);font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding-top:2px}.sect{font-size:9px;font-weight:700;color:var(--acc);text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px}.sect:first-child{margin-top:0}.row-click{cursor:pointer}.row-sel td{background:#f0a5000f!important}.row-cancel td{opacity:.45;text-decoration:line-through}.mono{font-family:Consolas,Courier New,monospace}.sub{font-size:10px;color:var(--mu)}.pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:10px;font-weight:600}.inv-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#2a2f3a;overflow:auto}.inv-toolbar{position:sticky;top:0;z-index:2;display:flex;gap:8px;align-items:center;padding:10px 18px;background:var(--sf);border-bottom:1px solid var(--b)}.inv-doc{color:#1c2333;font-family:Arial,Helvetica,sans-serif;font-size:12px}.inv-page{background:#fff;width:8.5in;min-height:11in;margin:18px auto;padding:.45in;position:relative;box-shadow:0 4px 24px #00000059;display:flex;flex-direction:column}.inv-head{background:#1a2f5e;color:#fff;border-radius:6px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.inv-brand{font-size:20px;font-weight:700}.inv-brand small{display:block;font-size:10px;font-weight:400;opacity:.8;margin-top:3px}.inv-title{text-align:right}.inv-title b{display:block;font-size:24px;letter-spacing:4px}.inv-title span{font-size:10px;opacity:.85}.inv-meta{display:flex;flex-wrap:wrap;gap:0;border:1px solid #e0e4ef;border-radius:6px;margin:14px 0}.inv-meta div{flex:1;min-width:110px;padding:9px 12px;border-right:1px solid #e0e4ef}.inv-meta div:last-child{border-right:none}.inv-meta label{display:block;color:#6b7590;font-size:9px;letter-spacing:.6px;margin-bottom:3px}.inv-meta strong{font-size:13px;color:#1a2f5e}.inv-client{background:#eef2fa;border-left:4px solid #1a2f5e;padding:10px 14px;display:flex;justify-content:space-between;margin:10px 0;font-size:12px}.inv-client b{color:#1a2f5e;font-size:13px}.inv-table{width:100%;border-collapse:collapse;font-size:11px;min-width:0}.inv-table th{background:#1a2f5e;color:#fff;text-align:left;padding:7px 8px;font-size:9.5px;letter-spacing:.5px;position:static;border:none}.inv-table td{padding:6px 8px;border-bottom:1px solid #e0e4ef;color:#1c2333;white-space:nowrap}.inv-table tr:nth-child(2n) td{background:#f8f9fc}.inv-table tr:hover td{background:inherit}.inv-table .num{text-align:right;font-variant-numeric:tabular-nums}.inv-total{align-self:flex-end;margin-top:12px;background:#1a2f5e;color:#fff;border-radius:6px;padding:10px 16px;text-align:right;min-width:240px}.inv-total span{display:block;font-size:10px;opacity:.85}.inv-total b{font-size:20px}.inv-total.light{background:#eef2fa;color:#1a2f5e}.inv-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.inv-card{border:1px solid #e0e4ef;border-radius:6px;padding:12px 14px;white-space:pre-line;line-height:1.55}.inv-card h4{color:#1a2f5e;font-size:10px;letter-spacing:.8px;margin-bottom:6px}.inv-foot{margin-top:auto;padding-top:14px;border-top:2px solid #1a2f5e;color:#6b7590;font-size:9.5px;text-align:center}.inv-stamp{position:absolute;top:2.6in;right:.7in;transform:rotate(-14deg);border:4px solid;border-radius:8px;padding:6px 18px;font-size:34px;font-weight:800;letter-spacing:4px;opacity:.22}.inv-stamp.paid{color:#16a34a}.inv-stamp.void{color:#dc2626}@page{size:letter;margin:0}@media print{body.print-invoice{background:#fff!important}body.print-invoice>*:not(.inv-viewer){display:none!important}body.print-invoice .inv-viewer{position:static;overflow:visible;background:#fff}body.print-invoice .inv-toolbar{display:none!important}body.print-invoice .inv-page{margin:0;box-shadow:none;width:auto;min-height:11in;page-break-after:always;break-after:page}body.print-invoice .inv-page:last-child{page-break-after:auto;break-after:auto}}.mob-btn{display:none;background:none;border:none;color:var(--tx);font-size:22px;cursor:pointer;padding:2px 8px;line-height:1}.mob-ov{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:89}@media (max-width: 768px){.mob-btn,.mob-ov.show{display:block}.sb{position:fixed;left:0;top:0;height:100vh;z-index:90;transform:translate(-100%)}.sb.show{transform:translate(0)}.con{padding:14px 12px}.fg{grid-template-columns:1fr}.fl.s2{grid-column:span 1}.mg{grid-template-columns:1fr 1fr}.tb{padding:10px 12px}.split,.two-col{grid-template-columns:1fr}}@media print{.sb,.tb,.btn,.no-print{display:none!important}.main{overflow:visible}}