@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#251b2c;background:#f7f4f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top right,#eadcf0,transparent 45%),#f7f4f8}.card{background:#fff;border:1px solid #eee7f1;border-radius:20px;padding:24px;box-shadow:0 12px 35px #2a15300d}.login{width:min(100%,420px);display:grid;gap:15px}.brand-mark{width:44px;height:44px;border-radius:14px;background:#291a35;color:#e8c878;display:grid;place-items:center;font-family:Playfair Display;font-size:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#987b9f;margin:0 0 5px}.login h1,header h1{font-family:Playfair Display,serif;margin:0;font-size:30px}.login h1 span,header h1 span{color:#a27ab1;font-family:DM Sans;font-size:.7em}.muted{color:#817887;line-height:1.5}.login label,.modal label{display:grid;gap:7px;font-size:13px;font-weight:600}.login input,.modal input,.modal select,.modal textarea{padding:12px;border:1px solid #ddd3e2;border-radius:10px;font:inherit;background:#fff;color:#251b2c}.login button,.refresh,.primary{background:#291a35;color:#fff;border:0;border-radius:11px;padding:12px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.login small{color:#8d8491;text-align:center}.error{color:#b42318;background:#fff1f0;padding:12px;border-radius:10px}.shell{max-width:1200px;margin:auto;padding:28px 22px}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e9e1ec;padding-bottom:22px}header .logout{margin-left:auto;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e6dce9;padding:10px 13px;border-radius:10px;color:#392a40;cursor:pointer}.main-nav{display:flex;gap:8px;padding:15px 0;border-bottom:1px solid #e9e1ec}.main-nav button,.subtle{border:1px solid #e6dce9;background:#fff;color:#514456;border-radius:10px;padding:10px 13px;display:inline-flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.main-nav button.active{background:#291a35;color:#fff;border-color:#291a35}.welcome{display:flex;justify-content:space-between;align-items:end;padding:30px 0 18px}.welcome h2,.module h2{margin:4px 0;font-size:26px}.refresh{padding:10px 13px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{min-height:145px}.stat svg{color:#9b78a7}.stat p{color:#817887;margin:14px 0 5px}.stat strong{font-size:25px}.lower{grid-template-columns:repeat(2,1fr);margin-top:15px}.lower h3{display:flex;gap:8px;align-items:center;margin:0 0 15px}.big{font-size:28px;color:#392443}footer{text-align:center;color:#978e9a;font-size:12px;padding:35px 0 10px}.center{min-height:100vh;display:grid;place-items:center}.module{padding-top:26px}.module-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.module-head .muted{margin:7px 0}.inventory-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.inventory-summary article{display:grid;gap:9px}.inventory-summary span{font-size:13px;color:#817887}.inventory-summary strong{font-size:24px}.toolbar{display:flex;gap:10px;justify-content:space-between;margin:16px 0}.searchbox{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e6dce9;border-radius:10px;padding:0 12px;max-width:460px;flex:1;color:#8c7e91}.searchbox input{border:0;outline:0;padding:12px 0;width:100%;font:inherit}.table-card{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;text-align:left}th{background:#faf8fb;color:#766b7a;font-size:11px;text-transform:uppercase;letter-spacing:.7px}th,td{padding:14px 16px;border-bottom:1px solid #f0ebf2;font-size:13px}td b{font-weight:600}.stock-ok{display:inline-block;background:#edf8f0;color:#24713b;padding:5px 9px;border-radius:20px;font-weight:700}.stock-low{display:inline-block;background:#fff3e8;color:#a34e0b;padding:5px 9px;border-radius:20px;font-weight:700}.empty{text-align:center;color:#817887;padding:25px}.note-card{display:flex;gap:12px;align-items:flex-start;margin-top:14px}.note-card svg{color:#9678a3;flex-shrink:0}.note-card p{margin:5px 0 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d142b80;display:grid;place-items:center;padding:18px;z-index:10}.modal{width:min(100%,520px);display:grid;gap:15px;max-height:94vh;overflow:auto}.modal-title{display:flex;justify-content:space-between;align-items:center}.modal-title h3{margin:5px 0 0;font-size:21px}.icon-button{background:#f7f4f8;border:0;border-radius:9px;padding:8px;cursor:pointer;color:#514456}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.toast{position:fixed;right:22px;bottom:22px;max-width:min(420px,calc(100vw - 44px));padding:14px 18px;border-radius:12px;color:#fff;background:#276b3a;box-shadow:0 8px 25px #0002;z-index:20}.toast.error{background:#a52b25;color:#fff}@media(max-width:700px){.shell{padding:18px 14px}.grid{grid-template-columns:repeat(2,1fr)}.lower,.inventory-summary{grid-template-columns:1fr}.welcome,.module-head{align-items:flex-start;gap:10px;flex-direction:column}.stat{padding:17px}.stat strong{font-size:21px}header h1{font-size:24px}.toolbar{flex-direction:column}.searchbox{max-width:none;width:100%}.form-row{grid-template-columns:1fr}}.sales-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:16px;align-items:start}.sales-form{display:grid;gap:14px}.sales-form h3,.sales-help h3{margin:2px 0 4px}.sales-form label{display:grid;gap:7px;font-size:13px;font-weight:600}.sales-form input,.sales-form select{padding:11px;border:1px solid #ddd3e2;border-radius:10px;font:inherit;background:#fff;color:#251b2c;min-width:0}.add-line{display:grid;gap:12px;padding:15px;background:#faf8fb;border:1px solid #eee7f1;border-radius:14px}.sale-total{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #eee7f1}.sale-total strong{font-size:25px;color:#392443}.full{width:100%}.small-note{font-size:12px;margin:0}.sales-help{position:sticky;top:15px}.sales-help ul{padding-left:19px;color:#817887;line-height:1.6;font-size:13px}.recent-sale{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 0;border-top:1px solid #f0ebf2;font-size:12px}.recent-sale span,.recent-sale small{color:#817887}.recent-sale small{grid-column:1/-1}.sales-form .searchbox{max-width:none}@media(max-width:800px){.sales-layout{grid-template-columns:1fr}.sales-help{position:static}}.receivables-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}.receivables-layout>.card,.payment-history{min-width:0}.receivables-layout h3,.consignment-account h3,.consignment-form h3,.payment-history h3{margin:0 0 16px;color:#392443}.payment-form,.consignment-form{display:grid;gap:15px}.payment-form label,.consignment-form label,.consignment-account label{display:grid;gap:7px;min-width:0;color:#514456;font-size:13px;font-weight:600}.payment-form input,.payment-form select,.payment-form textarea,.consignment-form input,.consignment-form select,.consignment-form textarea,.consignment-account input,.consignment-account select{width:100%;min-width:0;padding:11px 12px;border:1px solid #ddd3e2;border-radius:10px;background:#fff;color:#251b2c;font:inherit;font-weight:400}.payment-form input:focus,.payment-form select:focus,.payment-form textarea:focus,.consignment-form input:focus,.consignment-form select:focus,.consignment-account select:focus{outline:2px solid #d8c4e1;border-color:#a27ab1}.balance-panel,.allocation-summary{display:grid;gap:8px;padding:15px;border:1px solid #eee7f1;border-radius:12px;background:#faf8fb}.balance-panel span,.allocation-summary span{color:#817887;font-size:13px}.balance-panel strong{color:#392443;font-size:23px}.allocation-summary>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:8px;border-top:1px solid #eee7f1}.allocation-summary .allocation-warning{display:block;color:#a34e0b}.allocation-summary .allocation-warning p,.allocation-warning-text{margin:7px 0 0;color:#a34e0b;font-size:12px;line-height:1.5}.allocation-summary .allocation-ok{color:#24713b}.sale-check-list{display:grid;gap:10px;padding:14px;border:1px solid #eee7f1;border-radius:12px;background:#faf8fb}.sale-check-list>b{color:#392443}.sale-check{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px!important;padding:10px;border:1px solid #eee7f1;border-radius:10px;background:#fff}.sale-check input{width:auto!important;margin-top:3px}.sale-check span{display:grid;gap:4px}.sale-check small{color:#817887;font-weight:400}.balance-due{color:#a34e0b}.balance-clear{color:#24713b}.consignment-account{display:grid;gap:14px}.consignment-account .form-row{align-items:end}.consignment-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.consignment-tabs button{border:1px solid #e6dce9;border-radius:10px;padding:10px 14px;background:#fff;color:#514456;font:inherit;font-weight:600;cursor:pointer}.consignment-tabs button.active{background:#291a35;border-color:#291a35;color:#fff}.consignment-form>button{justify-self:start;max-width:100%}.consignment-form .table-scroll{width:100%}.consignment-form .sale-total{margin-top:8px}.payment-history{margin-top:14px}.payment-history h3{padding:18px 18px 0}.payment-history .table-scroll{overflow-x:auto}.payment-form .full{min-height:44px}@media(max-width:900px){.receivables-layout{grid-template-columns:1fr}}@media(max-width:700px){.consignment-account .form-row,.consignment-form .form-row,.payment-form .form-row{grid-template-columns:1fr}.consignment-tabs button{flex:1 1 145px}.consignment-form>button{width:100%;justify-content:center}.allocation-summary>div{align-items:flex-start;flex-direction:column}}