:root{--blue:#0c3d8b;--dark:#083475;--red:#cf202f;--ink:#192d4c;--muted:#8390a5;--line:#e7edf4;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:12px 18px;background:var(--blue);color:white;font-weight:bold}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}button.ghost{background:white;color:var(--ink);border:1px solid var(--line)}button.danger{background:var(--red)}button.link{background:transparent;color:var(--blue);padding:6px}aside{position:fixed;right:0;top:0;width:242px;height:100dvh;background:var(--dark);color:#fff;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:29px;font-weight:bold;letter-spacing:-1px}.brand small{display:block;font-size:10px;font-weight:normal;letter-spacing:0;margin-top:7px;color:#b5c7ea}.brandmark{font-size:38px;color:white}.store{margin:35px 0 24px;padding:17px 12px;background:#ffffff0b;border:1px solid #ffffff18;border-radius:12px;display:flex;align-items:center;gap:13px;font-size:12px}.store>span{font-size:25px;color:#9bbaff}.store small{display:block;font-size:10px;color:#a8b9d7;margin-top:7px}nav button{display:flex;gap:14px;align-items:center;background:none;color:#b7c8e7;width:100%;text-align:right;margin:7px 0;font-weight:normal;padding:14px}nav button.active{background:#154d9c;color:white;box-shadow:inset -3px 0 var(--red)}nav button span{font-size:19px;width:22px;text-align:center}.asideFoot{margin-top:auto;font-size:10px;color:#bdcbe5;line-height:2}.asideFoot small{display:block;letter-spacing:1.2px;font-size:8px;margin-top:13px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68d8b7;margin-left:4px}.workspace{margin-right:242px}header{height:82px;background:white;border-bottom:1px solid var(--line);padding:0 34px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.headerEnd{display:flex;align-items:center;gap:14px}.avatar{border-radius:50%;background:#e9effd;color:var(--blue);width:34px;height:34px;display:grid;place-items:center}.muted{color:var(--muted)}main{padding:32px;max-width:1600px;margin:auto;min-height:calc(100vh - 130px)}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}.pagehead h1{font-size:27px;margin:0 0 11px;letter-spacing:-.6px}.pagehead p{margin:0;color:var(--muted);font-size:12px}.actions{display:flex;gap:9px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.card,.panel{background:white;border:1px solid var(--line);border-radius:13px}.card{padding:20px;position:relative}.card .icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#edf2fe;color:var(--blue);position:absolute;left:18px;top:18px;font-size:19px}.card.red .icon{background:#fff0f0;color:var(--red)}.card label{font-size:11px;color:#77849a;display:block;margin-bottom:20px}.card strong{font-size:26px;display:block;letter-spacing:-.5px}.card strong small{font-size:10px;font-weight:normal;color:#93a0b5}.card p{margin:12px 0 0;color:#8794a8;font-size:10px}.card p em{font-style:normal;color:#1b9a75}.grid{display:grid;grid-template-columns:1fr 300px;gap:22px}.panel{padding:22px;margin-bottom:22px;min-width:0}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.panel h2{margin:0;font-size:16px}.panelHead small{display:block;color:var(--muted);font-weight:normal;font-size:10px;margin-top:8px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{background:#f7f9fc;color:#8190a4;font-size:10px;font-weight:normal;padding:15px 12px}td{padding:17px 12px;border-bottom:1px solid #edf1f7;font-size:11px}tbody tr:last-child td{border-bottom:0}td b{font-size:12px}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed}.badge{padding:6px 9px;border-radius:6px;font-size:9px;background:#eaf7f1;color:#188c6a;display:inline-block}.badge.red{background:#fff0f0;color:#d54854}.badge.blue{background:#edf2ff;color:var(--blue)}.miniRow{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.miniRow:last-child{border:0}.miniIcon{background:#f1f4fa;padding:11px;border-radius:10px;font-size:19px}.miniRow b{font-size:12px}.miniRow small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.miniRow .badge{margin-right:auto}.heroSmall{background:var(--blue);color:white;border-radius:13px;padding:24px;position:relative;overflow:hidden}.heroSmall:after{content:'❄';font-size:100px;color:#ffffff15;position:absolute;left:-10px;bottom:-20px}.heroSmall h3{margin:0 0 12px;font-size:16px}.heroSmall p{font-size:11px;line-height:1.9;color:#dce6ff;max-width:190px}.heroSmall button{background:white;color:var(--blue);font-size:11px;margin-top:9px}.chart{height:160px;display:flex;gap:17px;align-items:flex-end;padding-top:15px}.barcol{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:9px}.bar{background:#d9e5fd;width:70%;border-radius:5px 5px 0 0;min-height:2px}.barcol:last-child .bar{background:var(--blue)}.barcol small{font-size:9px;color:#8291a9}.toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar input{max-width:330px}input,select,textarea{width:100%;padding:12px;border:1px solid #dce4f0;border-radius:8px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0c3d8b10}label.field{display:block;font-size:12px;margin:0 0 17px}label.field input,label.field select,label.field textarea{margin-top:9px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.full{grid-column:1/-1}.notice{background:#edf3ff;color:#31558e;padding:13px 17px;font-size:11px;border-radius:9px;margin-bottom:20px;line-height:1.9}.empty{text-align:center;padding:35px;color:var(--muted)}dialog{border:0;border-radius:16px;width:min(830px,94vw);max-height:90dvh;padding:26px;color:var(--ink);box-shadow:0 20px 100px #08347544}dialog::backdrop{background:#0a214580;backdrop-filter:blur(3px)}.modalTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modalTop h2{font-size:20px;margin:0}.lineitem{display:grid;grid-template-columns:2fr .7fr .8fr .8fr auto;gap:8px;margin-bottom:10px}.lineitem input,.lineitem select{min-width:0;font-size:12px;padding:10px}.totals{display:flex;justify-content:space-between;align-items:center;background:#f3f6fb;padding:18px;border-radius:10px;margin:20px 0;font-size:17px}footer{padding:0 32px 22px;color:#9aa5b8;font-size:10px;display:flex;justify-content:space-between}#toast{position:fixed;bottom:25px;left:25px;background:var(--dark);color:white;border-radius:10px;padding:16px 22px;display:none;z-index:1000;max-width:85vw}.statementTitle{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--blue);padding-bottom:22px;margin-bottom:20px}.statementTitle h2{font-size:24px}.statementTitle p{color:var(--muted);font-size:12px}.balance{color:var(--red);font-weight:bold}.login{max-width:430px;margin:60px auto}.mobileTitle{display:none}@media(max-width:1100px){aside{width:208px}.workspace{margin-right:208px}main{padding:22px}.grid{grid-template-columns:1fr}.sidepanels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cards{gap:10px}.card{padding:15px}.card .icon{display:none}.card strong{font-size:22px}}@media(max-width:700px){aside{width:100%;height:66px;top:auto;bottom:0;padding:0 5px;z-index:10;display:block}.brand,.store,.asideFoot{display:none}nav{display:flex;justify-content:space-around}nav button{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:9px;margin:0;padding:9px 2px;border-radius:0;width:auto;flex:1}nav button span{font-size:18px}nav button.active{box-shadow:inset 0 3px var(--red)}.workspace{margin-right:0;padding-bottom:66px}header{height:62px;padding:0 18px}.headerEnd{gap:7px;font-size:10px}main{padding:23px 15px}.pagehead{align-items:flex-start;flex-direction:column}.pagehead h1{font-size:24px}.cards{grid-template-columns:1fr 1fr}.card label{margin-bottom:15px}.card p{line-height:1.7}.sidepanels{display:block}.panel{padding:17px}.formgrid{grid-template-columns:1fr}.lineitem{grid-template-columns:1.5fr .6fr .8fr .8fr auto;gap:4px}.lineitem input,.lineitem select{padding:8px 4px;font-size:10px}.lineitem button{padding:5px}.actions button{font-size:11px}footer span{display:none}.statementTitle{align-items:flex-start;gap:10px}.statementTitle h2{font-size:19px}}@media print{body{background:white}aside,header,footer,main,.modalTop,.noPrint,#toast{display:none!important}.workspace{margin:0}dialog[open]{display:block;position:static;max-height:none;width:100%;max-width:none;margin:0;padding:0;box-shadow:none;overflow:visible}dialog::backdrop{background:none}.panel{border:0}th,td{font-size:10px;padding:10px 6px}tr{break-inside:avoid}.tableWrap{overflow:visible}.statementTitle{margin-top:10px}@page{size:A4;margin:12mm}}

.brandmark{color:#cf202f}.brand{border-bottom:3px solid #cf202f;padding-bottom:18px}.heroSmall{border-top:4px solid #cf202f}
dialog.wide{width:min(1250px,97vw)}.ledgerHeader{background:#0c3d8b;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border-bottom:5px solid #cf202f}.ledgerHeader h2{font-size:20px;margin:0}.ledgerHeader p{font-size:11px;color:#e3ebf9}.ledgerClient{text-align:center}.ledgerClient strong{display:block;font-size:30px;margin-top:10px}.ledgerClient strong small{font-size:12px}.ledgerBrand{font-size:34px;font-weight:bold}.ledgerBrand small{display:block;font-size:11px;margin-top:12px;font-weight:normal}.ledgerStats{display:flex;gap:25px;background:#edf2fa;padding:14px;justify-content:space-between;font-size:11px}.ledgerStats b{margin-right:10px;color:#0c3d8b}.ledgerTable th{color:white;background:#cf202f;font-weight:bold;border:1px solid #ad2535;text-align:center}.ledgerTable td{border:1px solid #ccd7e8;text-align:center;font-size:13px;padding:11px 7px}.ledgerTable tbody tr:nth-child(even){background:#f0f4fb}.ledgerTable tbody tr:last-child{background:#dfe9f9;font-weight:bold}.ledgerTable td:nth-child(8){background:#e6edf9;font-weight:bold}.toolbar label{font-size:11px}.toolbar label input{margin-top:5px}.toolbar{align-items:end}@media(max-width:700px){.ledgerHeader{padding:15px;flex-wrap:wrap}.ledgerHeader h2{font-size:15px}.ledgerBrand{display:none}.ledgerStats{gap:8px;font-size:10px;flex-wrap:wrap}.ledgerStats b{display:block;margin:6px 0 0}.ledgerClient strong{font-size:24px}}@media print{.ledgerHeader,.ledgerTable th,.ledgerTable td,.ledgerStats{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ledgerTable td{font-size:10px}.ledgerHeader{padding:15px}.ledgerBrand{display:block}}
.packline{grid-template-columns:1.4fr 1.2fr .7fr .8fr .8fr .8fr auto;background:#f4f7fc;border:1px solid #e1e9f5;padding:14px;border-radius:10px;align-items:end}.packline label{font-size:10px;color:#516681;min-width:0}.packline input,.packline select{margin-top:8px;width:100%;font-size:11px}input[readonly]{background:#e8eef8;font-weight:bold;color:#0c3d8b}input:disabled{opacity:.4}.packline button{font-size:10px;padding:10px}@media(max-width:850px){.packline{grid-template-columns:1fr 1fr}.packline label{font-size:11px}.packline input,.packline select{font-size:12px}}