*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6fa;--panel:#fff;--panel2:#eef2f7;--line:#d4dbe6;--txt:#1e293b;--muted:#64748b;--blue:#2563eb;--green:#16a34a;--red:#dc2626;--amber:#d97706;--td-line:#e6eaf1;--td-line2:#eef1f6;--hover:#f1f5fb;--input-bg:#fff;--cust-bg:#fbfcfe;--cust-line:#c7d2e0;--fill-bg:#fffbeb;--fill-border:#d4b46a;--fill-ph:#a08b56;--fill-txt:#92600a;--stg-sep:#b9c3d4;--sc-g-bg:#dcfce7;--sc-y-bg:#fef3c7;--sc-r-bg:#fee2e2;--wa-bg:#dcfce7;--wa-txt:#15803d;--wa-line:#86efac;--wa-hover:#bbf7d0;--login-glow:#bfdbfe88;--stage-h-confirm-t:#1d4ed8;--stage-h-billing-t:#7e22ce;--stage-h-gpout-t:#0f766e;--stage-h-dispatch-t:#b45309;--stage-h-payment-t:#15803d;--shadow:0 8px 30px #0002}[data-theme=dark]{--bg:#0f172a;--panel:#1e293b;--panel2:#263449;--line:#334155;--txt:#e2e8f0;--muted:#94a3b8;--blue:#3b82f6;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--td-line:#1e293b;--td-line2:#1e293b88;--hover:#1e293b66;--input-bg:#0f172a;--cust-bg:#0b1220;--cust-line:#3f4c63;--fill-bg:#1a2436;--fill-border:#4b5d7a;--fill-ph:#6b7f9e;--fill-txt:#f59e0b;--stg-sep:#46536b;--sc-g-bg:#052e1a;--sc-y-bg:#2e2505;--sc-r-bg:#2e0a05;--wa-bg:#14532d;--wa-txt:#86efac;--wa-line:#166534;--wa-hover:#166534;--login-glow:#1d4ed855;--stage-h-confirm-t:#bfdbfe;--stage-h-billing-t:#e9d5ff;--stage-h-gpout-t:#99f6e4;--stage-h-dispatch-t:#fde68a;--stage-h-payment-t:#bbf7d0;--shadow:0 8px 30px #0008}body{background:var(--bg);color:var(--txt);font-family:Segoe UI,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}input,select{background:var(--input-bg);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}.muted{color:var(--muted)}.small{font-size:11px}.err{color:var(--red);margin-top:10px}.link{color:var(--blue);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.link:hover{text-decoration:underline}.green-t{color:var(--green)}.red-t{color:var(--red)}.amber-t{color:var(--amber)}.login-wrap{background:radial-gradient(900px 500px at 75% -10%, #35a8e044, transparent), radial-gradient(700px 500px at -10% 110%, #17375e33, transparent), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:20px;width:min(430px,94vw);padding:40px 48px 30px;animation:.35s login-in}@keyframes login-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.login-logo-chip{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;padding:14px 26px;display:inline-flex;box-shadow:0 4px 14px #35a8e022}.login-logo-chip img{height:56px;display:block}.login-title{letter-spacing:1px;margin:2px 0 4px;font-size:26px}.login-title span{color:#35a8e0}.login-tag{color:var(--muted);margin-bottom:24px;font-size:13px}.btn-google{color:#1f2937;background:#fff;border:1px solid #d4dbe6;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn-google:hover{transform:translateY(-1px);box-shadow:0 6px 18px #35a8e033}.btn-google:disabled{opacity:.7;cursor:default;transform:none}.login-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:14px;font-size:11.5px}.login-foot b{color:#35a8e0}@media (width<=480px){.login-card{padding:28px 20px 22px}.login-logo-chip img{height:46px}}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;flex-wrap:wrap;align-items:center;gap:18px;padding:10px 18px;display:flex;position:sticky;top:0}.brand{font-size:17px}.topbar nav{gap:4px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:14px}.tab.active{background:var(--blue);color:#fff}.tab:hover:not(.active){background:var(--panel2)}.top-right{align-items:center;gap:10px;margin-left:auto;display:flex}.user img{border-radius:50%;width:30px;height:30px;display:block}.user{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex;overflow:hidden}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--txt);border-radius:8px;padding:8px 14px;font-size:13px}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.btn.green{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}.btn.ghost{background:0 0}.btn.sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.theme-btn{padding:6px 10px;font-size:16px}.toast{background:var(--panel2);border:1px solid var(--line);z-index:50;box-shadow:var(--shadow);border-radius:10px;padding:10px 16px;position:fixed;top:60px;right:20px}.app{flex-direction:column;height:100vh;display:flex}main{flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.kpis{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.kpi{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:10px;padding:8px 18px}.kpi b{font-size:20px;display:block}.kpi span{color:var(--muted);font-size:11px}.kpi.red b{color:var(--red)}.kpi.green b{color:var(--green)}.kpi.amber b{color:var(--amber)}.search{flex:1;min-width:180px;max-width:320px;padding:9px 12px}.filter-count{color:var(--muted);background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:12.5px}.filter-count.active{color:var(--blue);border-color:var(--blue);font-weight:600}.legend{color:var(--txt);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:10px;font-size:12px;display:flex}.dot{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.dot.g{background:var(--green)}.dot.r{background:var(--red)}.dot.a{background:var(--amber)}.grid-page{flex-direction:column;height:100%;min-height:0;display:flex}.grid-page .kpis,.grid-page .legend{flex:none}.tbl-wrap{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex:auto;min-height:0;overflow:auto}.tbl-wrap::-webkit-scrollbar{width:12px;height:12px}.tbl-wrap::-webkit-scrollbar-track{background:var(--panel2);border-radius:6px}.tbl-wrap::-webkit-scrollbar-thumb{background:var(--stg-sep);border:2px solid var(--panel2);border-radius:6px}.tbl-wrap::-webkit-scrollbar-thumb:hover{background:var(--muted)}.fms-tbl{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12.5px}.fms-tbl th{background:var(--panel2);border-bottom:1px solid var(--line);border-right:1px solid var(--line);z-index:5;text-align:left;padding:7px 10px;position:sticky;top:0}.fms-tbl thead tr:nth-child(2) th{top:31px}.stage-h{text-align:center!important}.sub-h{color:var(--muted);font-size:10px;text-align:center!important}.cust-h{color:var(--amber)}.fms-tbl td{border-bottom:1px solid var(--td-line);border-right:1px solid var(--td-line2);padding:6px 10px}.fms-tbl tbody tr:hover td{background-color:var(--hover)}.sub{text-align:center;font-size:11.5px}.sub.pln{color:var(--muted)}.sub.ok.act,.sub.ok.dly{color:var(--green)}.sub.late.act{color:var(--txt)}.sub.late.dly{color:var(--red);font-weight:700}.sub.run.act{color:var(--amber)}.sub.run.dly{color:var(--red);font-weight:700}.sub.pend{color:var(--muted)}.acct{white-space:normal;word-break:break-word;min-width:140px;max-width:220px;font-weight:600}.fms-tbl tbody td:nth-child(-n+3),.fms-tbl thead tr:first-child th:nth-child(-n+3){z-index:4;background:var(--panel);position:sticky}.fms-tbl thead tr:first-child th:nth-child(-n+3){z-index:7;background:var(--panel2)}.fms-tbl tbody td:first-child,.fms-tbl thead tr:first-child th:first-child{width:80px;min-width:80px;max-width:80px;left:0}.fms-tbl tbody td:nth-child(2),.fms-tbl thead tr:first-child th:nth-child(2){width:130px;min-width:130px;max-width:130px;left:80px}.fms-tbl tbody td:nth-child(3),.fms-tbl thead tr:first-child th:nth-child(3){width:180px;min-width:180px;max-width:180px;box-shadow:2px 0 0 var(--line);left:210px}.fms-tbl tbody tr:hover td:nth-child(-n+3){background:var(--hover)}.so-date{color:var(--muted);font-size:12px}.num{text-align:right}.warn{color:var(--amber);font-weight:700}.empty{text-align:center;color:var(--muted);padding:40px!important}.score{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.sc-g{background:var(--sc-g-bg);color:var(--green)}.sc-y{background:var(--sc-y-bg);color:var(--amber)}.sc-r{background:var(--sc-r-bg);color:var(--red)}.cust input,.cust select{background:var(--cust-bg);border-color:var(--cust-line);width:110px;padding:3px 6px;font-size:12px}.cust input[type=checkbox]{width:auto}.fill-cell{background:var(--fill-bg)}.fill-inp{border:1px dashed var(--fill-border);width:108px;color:var(--fill-txt);background:0 0;padding:3px 6px;font-size:11.5px}.fill-inp::placeholder{color:var(--fill-ph)}.wa-btn{background:var(--wa-bg);color:var(--wa-txt);border:1px solid var(--wa-line);white-space:nowrap;border-radius:6px;padding:3px 9px;font-size:11.5px;text-decoration:none;display:inline-block}.wa-btn:hover{background:var(--wa-hover)}.wa-btn.big{padding:8px 14px;font-size:13px;font-weight:600}.inv-nos{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px;font-size:10.5px;display:flex}.inv-col{font-size:11.5px}.inv-col a,.inv-col span{margin-right:7px;display:inline-block}.fup-badge{background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:2px 9px;font-size:12px;font-weight:700}.fup-remark{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:160px;font-size:11.5px;overflow:hidden}td.stage_so_convert{background:#3b82f617}td.stage_billing{background:#a855f717}td.stage_gpout{background:#14b8a617}td.stage_dispatch{background:#f59e0b17}td.stage_payment{background:#22c55e17}th.sub-h.stage_so_convert{background:color-mix(in srgb, #3b82f6 9%, var(--panel2))}th.sub-h.stage_billing{background:color-mix(in srgb, #a855f7 9%, var(--panel2))}th.sub-h.stage_gpout{background:color-mix(in srgb, #14b8a6 9%, var(--panel2))}th.sub-h.stage_dispatch{background:color-mix(in srgb, #f59e0b 9%, var(--panel2))}th.sub-h.stage_payment{background:color-mix(in srgb, #22c55e 9%, var(--panel2))}th.stage-h.stage_so_convert{background:color-mix(in srgb, #3b82f6 22%, var(--panel2));color:var(--stage-h-confirm-t)}th.stage-h.stage_billing{background:color-mix(in srgb, #a855f7 22%, var(--panel2));color:var(--stage-h-billing-t)}th.stage-h.stage_gpout{background:color-mix(in srgb, #14b8a6 22%, var(--panel2));color:var(--stage-h-gpout-t)}th.stage-h.stage_dispatch{background:color-mix(in srgb, #f59e0b 22%, var(--panel2));color:var(--stage-h-dispatch-t)}th.stage-h.stage_payment{background:color-mix(in srgb, #22c55e 22%, var(--panel2));color:var(--stage-h-payment-t)}.stg-first,th.stage-h{border-left:2px solid var(--stg-sep)!important}.cols-page{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=1000px){.cols-page{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.panel h2{margin-bottom:6px;font-size:16px}.panel h3{margin:12px 0 6px;font-size:13px}.cfg-tbl{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.cfg-tbl th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:11px}.cfg-tbl td{border-bottom:1px solid var(--td-line);padding:7px 8px}.cfg-tbl input[type=number]{width:70px}.score-form{flex-direction:column;gap:10px;max-width:320px;margin-top:12px;display:flex}.score-form label{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.score-search{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.score-search .search{max-width:300px}.action-page{max-width:1100px}.action-head{margin-bottom:14px}.action-filter{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.action-filter .search{max-width:340px}.action-sec{margin-bottom:14px}.sec-title h3{margin:0;font-size:15px}.how{margin:4px 0 8px}.count-badge{background:var(--red);color:#fff;border-radius:20px;margin-left:6px;padding:1px 9px;font-size:12px}.count-badge.zero{background:var(--green);color:#fff}.all-done{color:var(--green);padding:8px 0 2px;font-size:13px}.drawer-back{z-index:40;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg);border-left:1px solid var(--line);width:min(820px,96vw);height:100%;padding:20px 24px;overflow:auto}.drawer-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.drawer-head h2{font-size:17px}.head-btns{align-items:center;gap:10px;display:flex}.pipe-list{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.pipe-row{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:8px;grid-template-columns:1.4fr 1fr 1fr .9fr;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:grid}.pipe-row.ok{border-left-color:var(--green)}.pipe-row.late,.pipe-row.run{border-left-color:var(--red)}.pipe-row.pend{border-left-color:var(--amber)}.pipe-row .dl{font-weight:700}.pipe-row.late .dl,.pipe-row.run .dl{color:var(--red)}.pipe-row.ok .dl{color:var(--green)}.drawer-cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=700px){.drawer-cols{grid-template-columns:1fr}}.prod-list{flex-direction:column;gap:4px;max-height:300px;font-size:12.5px;list-style:none;display:flex;overflow:auto}.amounts{gap:16px;margin-top:12px;font-size:13px;display:flex}.fup-form{flex-direction:column;gap:8px;display:flex}.fup-btns{flex-wrap:wrap;gap:8px;display:flex}.fup-list{flex-direction:column;gap:6px;margin-top:12px;font-size:12.5px;list-style:none;display:flex}.contact-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:14px;padding:12px 14px}.contact-box h3{margin:0 0 8px;font-size:13px}.contact-grid{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px 14px;display:grid}.contact-grid label{color:var(--muted);flex-direction:column;gap:3px;font-size:11px;display:flex}@media (width<=700px){.contact-grid{grid-template-columns:1fr 1fr}}.inv-item{white-space:nowrap;margin-right:6px}.wa-mini{margin-left:2px;font-size:11px;text-decoration:none}.wa-mini:hover{opacity:.7}.stock-cell{white-space:nowrap;font-size:12px}.stock-neg{color:var(--red);font-weight:700}.item-cell{white-space:normal;word-break:break-word;min-width:160px;max-width:240px;font-size:12px;line-height:1.35}.lastpay-chip{background:var(--fill-bg);color:var(--amber);border:1px solid var(--amber);cursor:pointer;white-space:nowrap;border-radius:12px;padding:2px 9px;font-size:11px;font-weight:700}.lastpay-chip:hover{filter:brightness(1.06)}.lastpay-inv{opacity:.8;font-weight:600}.billpay-list{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:4px;margin:8px 0 12px;padding:8px 10px;font-size:12px;list-style:none;display:flex}.ds-badge{border:1px solid var(--line);white-space:nowrap;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.ds-full{color:var(--green);border-color:var(--green)}.ds-part{color:var(--blue);border-color:var(--blue)}.ds-exc{color:var(--amber);border-color:var(--amber);background:var(--fill-bg)}.pay-badge{border:1px solid var(--line);white-space:nowrap;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.pay-full{color:var(--green);border-color:var(--green)}.pay-part{color:var(--amber);border-color:var(--amber)}.pay-pend{color:var(--red);border-color:var(--red)}.age-chip{background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:10px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:700}.age-chip.bkt-8{color:var(--amber);border-color:var(--amber)}.age-chip.bkt-30{color:var(--red);border-color:var(--red)}.no-fup{color:var(--muted);text-align:center;opacity:.75;font-size:11.5px}.fup-cell-btn{border:1px solid var(--line);cursor:pointer;color:inherit;white-space:nowrap;background:0 0;border-radius:6px;padding:2px 7px;font-size:12px}.fup-cell-btn:hover{border-color:var(--blue,#4a90d9);background:var(--panel)}.modal-back{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--line);border-radius:12px;width:min(520px,96vw);max-height:90vh;padding:18px 20px;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.modal-head h3{margin:0;font-size:14px}.fup-modal .fup-form label{flex-direction:column;gap:3px;display:flex}.fup-modal .fup-form input{width:100%}.fup-log-title{margin-top:14px}.save-hint{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.fup-remark-cell{text-align:left;max-width:190px}.last-remark{text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-bottom:3px;font-size:11px;overflow:hidden}.remark-inp{width:150px}.cust input[type=datetime-local]{width:165px}@media (width<=768px){main{padding:10px 8px}.topbar{gap:6px 8px;padding:8px 10px}.brand{white-space:nowrap;order:1;font-size:15px}.top-right{order:2;gap:6px}.topbar nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:3;gap:6px;width:100%;display:flex;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.tab{white-space:nowrap;text-align:center;flex:1;min-height:38px;padding:8px 10px;font-size:13px}.btn{padding:7px 10px}.sync-txt{display:none}.theme-btn{padding:6px 8px}.toast{text-align:center;inset:auto 10px 14px}.kpis{gap:8px}.kpi{flex:calc(25% - 8px);min-width:68px;padding:6px 4px}.kpi b{font-size:16px}.kpi span{font-size:10px}.search{order:5;min-width:100%;max-width:100%}.kpis select{flex:calc(50% - 8px);order:6;min-width:0}.legend{display:none}.tbl-wrap{-webkit-overflow-scrolling:touch;border-radius:8px}.fms-tbl{font-size:11.5px}.fms-tbl th,.fms-tbl td{padding:5px 7px}.fms-tbl thead tr:nth-child(2) th{top:27px}.acct{min-width:110px;max-width:150px}.item-cell{min-width:120px;max-width:170px}.fms-tbl tbody td:first-child{z-index:4;background:var(--panel);box-shadow:2px 0 0 var(--line);position:sticky;left:0}.fms-tbl thead tr:first-child th:first-child{z-index:7;box-shadow:2px 0 0 var(--line);position:sticky;left:0}.fms-tbl tbody tr:hover td:first-child{background:var(--hover)}.fms-tbl tbody td:nth-child(2),.fms-tbl tbody td:nth-child(3),.fms-tbl thead tr:first-child th:nth-child(2),.fms-tbl thead tr:first-child th:nth-child(3){box-shadow:none;width:auto;min-width:0;max-width:none;position:static}.fms-tbl tbody td:nth-child(3){min-width:110px;max-width:150px}.panel{padding:12px;overflow-x:auto}.action-sec .cfg-tbl{min-width:620px}.cfg-tbl{font-size:12px}.sec-title h3{font-size:14px}.drawer{border-left:none;width:100vw;padding:14px 12px}.drawer-head{flex-wrap:wrap;gap:8px}.drawer-head h2{font-size:15px}.head-btns{justify-content:space-between;width:100%}.drawer-cols{grid-template-columns:1fr}.pipe-row{grid-template-columns:1.2fr 1fr;row-gap:2px;font-size:12px}.contact-grid{grid-template-columns:1fr 1fr}.amounts{flex-wrap:wrap;gap:10px}.modal-back{align-items:flex-end;padding:8px}.modal{border-radius:14px 14px 0 0;width:100%;max-height:92vh;padding:14px}}@media (width<=420px){.kpi{flex:calc(50% - 8px)}.brand .small{display:none}.top-right{margin-left:auto}.contact-grid{grid-template-columns:1fr}}