
:root{font-family:Arial,Helvetica,sans-serif;color:#172435;background:#f4f7fa}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex:none;background:#10283e;color:#e8f1f7;display:flex;flex-direction:column;padding:26px 14px}.brand{display:flex;gap:11px;align-items:center;padding:0 13px 35px}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span{font-size:11px;letter-spacing:.22em;color:#9ac7e6;margin-top:2px}.mark{display:grid;place-items:center;background:#f5a643;color:#10283e;border-radius:11px;width:37px;height:37px;font-weight:900;font-size:22px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{width:100%;border:0;background:transparent;color:#b9ccda;text-align:left;border-radius:10px;padding:13px 14px;display:flex;align-items:center;gap:13px;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:#214760;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #f5a643}.sidefoot{margin-top:auto;padding:20px 15px;color:#bdd5e4;font-size:13px;line-height:1.6}.sidefoot small{color:#789caf}.dot{display:inline-block;width:8px;height:8px;background:#6ed5aa;border-radius:50%;margin-right:5px}main{flex:1;min-width:0;padding:35px clamp(20px,3.4vw,60px) 70px;max-width:1800px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{color:#7191a9;font-weight:800;letter-spacing:.14em;font-size:12px;margin-bottom:5px}h1{font-size:32px;margin:0;letter-spacing:-.04em}h2{font-size:20px;letter-spacing:-.025em;margin:0 0 8px}.topright{display:flex;align-items:center;gap:21px;color:#637b8e;font-size:14px}.avatar{background:#dbe9f2;color:#235071;padding:10px;border-radius:50%;font-weight:800;font-size:12px}.grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:28px}.sectionhead{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.sectionhead p{margin:0;color:#73899a;font-size:14px}.pill{background:#e1edf4;border-radius:20px;color:#2a607f;padding:7px 12px;font-size:13px;font-weight:700}.search{height:54px;display:flex;align-items:center;gap:10px;background:white;border:1px solid #d7e2e9;border-radius:11px;padding:0 16px;color:#8aa1b0;margin-bottom:15px}.search input{border:0;outline:0;width:100%;color:#172435}.items{background:white;border:1px solid #dce5eb;border-radius:13px;overflow:hidden;max-height:600px;overflow-y:auto}.itemrow{display:flex;width:100%;text-align:left;align-items:center;gap:15px;padding:15px 17px;border:0;border-bottom:1px solid #edf1f4;background:white;color:#183044}.itemrow:hover{background:#f4f9fc}.itemrow:disabled{background:#f3f5f6}.itemicon{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:#edf4f8;color:#40728f}.iteminfo{flex:1;min-width:0}.iteminfo strong,.iteminfo span{display:block}.iteminfo strong{font-size:15px}.iteminfo span{font-size:13px;color:#78909f;margin-top:4px}.itemrow b{white-space:nowrap}.card{background:#fff;border:1px solid #dce5eb;border-radius:15px;box-shadow:0 5px 22px #193c5a08}.cart{padding:24px;align-self:start}.quiet{background:transparent;border:0;color:#3b7191;font-weight:700}.cartlines{min-height:175px;max-height:300px;overflow-y:auto}.cartempty{height:165px;color:#9db0bd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.cartempty strong{color:#486174}.cartempty span{font-size:13px}.cartline{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f4}.cartline div{flex:1}.cartline strong,.cartline small{display:block}.cartline small{color:#8ca0ac;margin-top:4px}.cartline button{border:0;background:transparent;color:#a0b1bb}.totals{border-top:1px solid #e7eef2;padding-top:15px;margin-top:5px}.totals>div,.receiptlines>div{display:flex;justify-content:space-between;padding:7px 0;color:#587083}.totals b,.receiptlines b{color:#183044}.totals .grand,.receiptlines .grand{border-top:1px solid #e7eef2;margin-top:10px;padding:15px 0;font-size:22px;font-weight:800;color:#172435}.field{display:flex;flex-direction:column;gap:8px;color:#415b6c;font-size:14px;font-weight:700}.field input,.field select{border:1px solid #d5e0e7;border-radius:9px;padding:12px 13px;background:#fff;color:#182d40;min-height:46px;width:100%}.field input:focus,.field select:focus{outline:2px solid #8bc8e9}.primary,.secondary{border:0;border-radius:9px;padding:12px 18px;min-height:45px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:8px}.primary{background:#12628f;color:#fff}.primary:hover{background:#0c5077}.secondary{background:#e7f1f6;color:#255c79}.full{width:100%;margin-top:14px}.cart .field{margin-top:17px}.cardnote{color:#79909e;font-size:13px;line-height:1.45;margin-top:14px}.stack{display:grid;gap:22px}.form{padding:25px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:18px 0}.wide{grid-column:span 2}.tablecard{padding:23px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:660px}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8298a8;padding:13px 10px;border-bottom:1px solid #dde7ed}td{padding:16px 10px;border-bottom:1px solid #edf1f4;color:#486072;font-size:14px}td strong{color:#1d3547}.muted{color:#8296a4;font-size:13px}.status{border-radius:12px;padding:5px 9px;background:#e5f6ed;color:#26714a;text-transform:capitalize;font-size:12px;font-weight:700}.status.sold{background:#e9edf1;color:#617888}.empty{padding:40px;text-align:center;color:#8a9dab}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{padding:22px}.stat span,.stat strong{display:block}.stat span{color:#8095a3;font-size:14px}.stat strong{font-size:26px;margin-top:10px}.notice{display:flex;justify-content:space-between;background:#fff4df;border:1px solid #ecca84;color:#74531d;border-radius:9px;padding:13px 16px;margin-bottom:20px}.notice button{border:0;background:none;color:inherit;text-decoration:underline}.overlay{position:fixed;inset:0;background:#0a1b2ab9;display:grid;place-items:center;padding:20px}.receipt{width:min(430px,100%);padding:28px;text-align:center}.receipt p{color:#7790a0}.receiptlines{text-align:left;margin:22px 0}.success{background:#ddf5e7;color:#17814b;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:27px;margin:0 auto 15px}.loading{padding:50px}.receipt .secondary{margin-top:9px}@media(max-width:1050px){.grid{grid-template-columns:1fr}.sidebar{width:190px}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;padding:12px;display:block}.brand{padding:0 5px 12px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;width:auto;padding:10px}.sidefoot{display:none}main{padding:23px 16px}.top{margin-bottom:20px}.topright span:first-child{display:none}.formgrid,.stats{grid-template-columns:1fr}.wide{grid-column:auto}}@media print{.sidebar,main,.overlay .receipt button{display:none!important}.overlay{position:static;background:white}.receipt{box-shadow:none;border:0}}

.editmodal{width:min(480px,100%);padding:26px}.editfields{display:grid;gap:16px}.help{font-size:13px;color:#718a9a;line-height:1.5;margin:17px 0 0}

.reporthead{display:flex;justify-content:space-between;align-items:end;gap:20px}.reporthead p{margin:0;color:#788f9f}.reporthead .field{width:190px}.monthhead{margin-top:22px}.reportcard{padding:25px}.reporttitle{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.reportrows{max-width:650px}.reportrows>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e9eff3;color:#627b8b}.reportrows strong{color:#1d3547;text-align:right}.reportrows .emphasis{font-size:19px;font-weight:800;color:#1a3c52;border-top:2px solid #c8dce8}.reportfoot{color:#78909e;font-size:13px;margin-top:18px}tfoot td{font-weight:800;background:#edf5f9;color:#173b55}@media(max-width:700px){.reporthead{align-items:stretch;flex-direction:column}.reporthead .field{width:100%}}@media print{.reports{display:block}.reports .reporthead,.reports button{display:none!important}.reports .card{border:0;box-shadow:none;page-break-inside:avoid}.reports .monthhead{display:none}main:has(.reports){display:block!important;padding:0}.reports .reportcard{padding:0 0 25px}}

.checkboxfield{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:14px;font-weight:700;color:#415b6c}.checkboxfield input{width:19px;height:19px;accent-color:#12628f}

.sidefoot a{color:#bdd5e4}.logoutbutton{background:none;border:0;padding:5px 0;color:#bdd5e4;text-decoration:underline}
