:root{--gold:#b8860b;--gold2:#d4af37;--ink:#22252a;--mut:#6b7280;--line:#e5e0d5;--bg:#f7f4ec;--red:#c0392b;--blue:#2563eb;--green:#15803d}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.app{display:flex;min-height:100vh}.side{width:250px;flex:0 0 250px;background:#1d1a14;color:#eee;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{padding:16px;border-bottom:1px solid #ffffff22}.brand-name{font-family:Georgia,serif;letter-spacing:2px;color:var(--gold2);font-size:19px;font-weight:700}.brand-sub{letter-spacing:4px;font-size:11px;color:#f3e5b8}.brand-biz{margin-top:10px;font-size:13px;line-height:1.4}.brand-biz small{color:#bbb}nav{padding:8px;display:flex;flex-direction:column;gap:2px}.nav-head{font-size:11px;letter-spacing:2px;color:#9a8f6d;padding:10px 10px 3px}.nav{background:none;border:0;color:#eee;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:14.5px;text-decoration:none}.nav:hover{background:#ffffff14}.nav.on{background:var(--gold);color:#fff;font-weight:600}.link-nav{display:block}.side-foot{margin-top:auto;padding:12px 16px;font-size:12px;color:#aaa;border-top:1px solid #ffffff22}main{flex:1;min-width:0;display:flex;flex-direction:column}.top{background:#fff;border-bottom:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5}.top h2{margin:0;font-size:19px;flex:1}.burger{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}.quick{display:flex;gap:8px}.content{padding:16px;max-width:1280px;width:100%;margin:0 auto}.foot{padding:14px 16px;color:var(--mut);font-size:12.5px;text-align:center;margin-top:auto}.btn{background:#fff;border:1px solid var(--line);padding:8px 14px;border-radius:9px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink)}.btn:hover{border-color:var(--gold2)}.btn.gold{background:linear-gradient(180deg,#caa437,#a87f14);color:#fff;border-color:#a87f14;font-weight:600}.btn.red{background:var(--red);color:#fff;border-color:var(--red);font-weight:600}.btn.blue{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:600}.btn.ghost{background:transparent}.btn.sm{padding:5px 9px;font-size:13px}.link{background:none;border:0;color:var(--blue);cursor:pointer}.grid{display:grid;gap:14px;margin-bottom:14px}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid.two{grid-template-columns:1fr 1fr}.grid.two>.card{margin:0}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.stat span{display:block;color:var(--mut);font-size:12.5px}.stat strong{font-size:21px;display:block;margin:4px 0}.stat small{color:var(--mut)}.stat.gold{border-top:4px solid var(--gold2)}.stat.green{border-top:4px solid var(--green)}.stat.blue{border-top:4px solid var(--blue)}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}.card h3{margin:0 0 12px}.card h4{margin:10px 0 6px}.rates-strip{background:#fff8e1;border:1px solid #f0dfa0;border-radius:10px;padding:9px 14px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:14px;font-size:14px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.toolbar input,.toolbar select{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;min-width:220px}.totalchip{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:14px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--mut);font-weight:600;border-bottom:2px solid var(--line);padding:8px 6px;white-space:nowrap}.table td{border-bottom:1px solid #f0ece1;padding:8px 6px;vertical-align:top}.table small{color:var(--mut)}.pos{color:var(--green);font-weight:600}.neg{color:var(--red);font-weight:600}.row{display:flex;align-items:center}.row.gap{gap:8px}.row.between{justify-content:space-between}.mt{margin-top:16px}.span2{grid-column:span 2}.rowline{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed #eee;font-size:14.5px}.bars{display:flex;gap:10px;align-items:flex-end;height:180px}.bar-wrap{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.bar{background:linear-gradient(180deg,var(--gold2),var(--gold));border-radius:6px 6px 0 0;min-height:4px}.bar-wrap small{color:var(--mut);font-size:11px}.empty{padding:26px;text-align:center;color:var(--mut)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer;font-size:13.5px}.chip.on{background:var(--gold);color:#fff;border-color:var(--gold)}.pill{background:#fef3c7;border-radius:999px;padding:3px 10px;font-size:12.5px}.lowrow{background:#fff7ed}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;overflow:auto;z-index:50;padding:18px}.modal{background:#fff;border-radius:14px;padding:18px;width:560px;max-width:96vw}.modal.wide{width:980px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{margin:0}.x{background:none;border:0;font-size:17px;cursor:pointer}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--mut)}.field input,.field select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.qty{width:64px;padding:6px;border:1px solid var(--line);border-radius:7px}.exchange-box{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px;margin:14px 0}.totbar{display:flex;gap:16px;flex-wrap:wrap;background:#1d1a14;color:#f3e5b8;border-radius:10px;padding:12px 14px;margin:14px 0;font-size:14.5px}.preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;padding:10px;font-size:14px}.tagcard{border:2px dashed var(--gold2);border-radius:10px;padding:14px;text-align:center;max-width:320px;margin:0 auto 12px;background:#fff}.barcode{display:flex;align-items:stretch;justify-content:center;gap:1px;margin:8px auto;max-width:260px}.barcode span{display:block;height:100%}.tagcode{letter-spacing:2px;font-size:13px}.invoice{background:#fff;color:#111}.inv-head{display:flex;justify-content:space-between;gap:20px;border-bottom:3px double var(--gold);padding-bottom:12px}.inv-brand{font-family:Georgia,serif;font-size:22px;letter-spacing:1px;color:#8a6d1a;font-weight:700}.inv-tag{color:var(--mut)}.inv-meta{text-align:right}.inv-party{margin:12px 0}.inv-table{width:100%;border-collapse:collapse;font-size:12px}.inv-table th,.inv-table td{border:1px solid #ddd;padding:5px;text-align:right}.inv-table th:first-child,.inv-table td:first-child,.inv-table td:nth-child(2){text-align:left}.inv-tot{margin:12px 0 0 auto;width:340px}.inv-tot>div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #ddd}.inv-tot .grand{font-size:17px;border-bottom:2px solid var(--gold)}.inv-terms{color:var(--mut);font-size:12px}.inv-sign{display:flex;justify-content:space-between;margin-top:26px;font-size:13px}.warn{color:var(--red)}.muted{color:var(--mut);font-size:13px}@media (max-width:900px){.grid.two,.formgrid{grid-template-columns:1fr}.span2{grid-column:span 1}.side{position:fixed;left:-260px;z-index:40;transition:left .2s}.side.open{left:0}.burger{display:block}.quick .btn.ghost{display:none}}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px}.no-print{display:none}}.bill{position:relative;background:#33383a;color:#f3efe4;border-radius:14px;overflow:hidden;max-width:880px;margin:0 auto;-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:0 10px 40px #0005}.bill-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78%;opacity:.08;pointer-events:none}.bill-inner{position:relative;padding:28px 30px}.bill-head{text-align:center;border-bottom:2px solid #c9a84c;padding-bottom:14px}.bill-logo{height:74px;max-width:86%;object-fit:contain}.bill-name{font-family:Georgia,serif;font-size:24px;letter-spacing:2px;color:#e9c985;margin-top:6px}.bill-sub{color:#cfc7ae;font-size:13px;letter-spacing:1px}.bill-contact{color:#d8d2bd;font-size:13px;margin-top:3px}.bill-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.bill-meta>div{background:#ffffff10;border:1px solid #ffffff22;border-radius:9px;padding:8px 11px}.bill-meta span{display:block;font-size:11px;letter-spacing:1.5px;color:#c9a84c;text-transform:uppercase}.bill-meta strong{font-size:15.5px}.bill-table{width:100%;border-collapse:collapse;font-size:13.5px}.bill-table th{text-align:left;color:#e9c985;border-bottom:1.5px solid #c9a84c;padding:7px 6px;font-size:12px;letter-spacing:.5px}.bill-table td{border-bottom:1px solid #ffffff1e;padding:8px 6px;vertical-align:top}.bill-table small{color:#cfc7ae}.bill-thumb{width:56px;height:56px;object-fit:cover;border-radius:9px;border:1.5px solid #c9a84c;display:block}.bill-thumb.ph{display:flex;align-items:center;justify-content:center;background:#454b4d;color:#e9c985;font-family:Georgia,serif;font-size:22px}.bill-exchange h4{color:#e9c985;margin:14px 0 4px}.rowline.light{border-bottom:1px dashed #ffffff2a}.bill-tot{margin:16px 0 0 auto;width:360px;max-width:100%}.bill-tot>div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed #ffffff2a;font-size:14px}.bill-tot .grand{font-size:18px;color:#e9c985;border-bottom:2px solid #c9a84c}.bill-terms{color:#bdb69f;font-size:12px;margin-top:16px}.bill-sign{display:flex;justify-content:space-between;margin-top:24px;font-size:13px;color:#e8e2cd}.bill-foot{text-align:center;color:#c9a84c;font-size:12.5px;letter-spacing:1px;margin-top:20px;border-top:1px solid #ffffff22;padding-top:10px}.brand-logo{width:88%;max-width:190px;display:block;margin:2px auto 6px}.item-thumb{width:42px;height:42px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}@media (max-width:700px){.bill-meta{grid-template-columns:1fr 1fr}.bill-inner{padding:18px 14px}}.bill-sr{font-weight:700;color:#e9c985;text-align:center}.bill-thanks{margin-top:18px;text-align:center;border:1px solid rgba(233,201,133,.55);border-radius:10px;padding:14px 18px 10px;background:#e9c98512}.bill-thanks-title{font-family:Georgia,Times New Roman,serif;font-size:19px;letter-spacing:.06em;color:#e9c985;margin-bottom:6px}.bill-thanks p{margin:4px 0;font-size:12.5px;line-height:1.55;color:#e8e4da}.bill-thanks-sub{color:#cfc9ba!important}@font-face{font-family:GreatVibes;src:url(/fonts/GreatVibes-Regular.ttf) format("truetype");font-display:swap}.b2-head{text-align:center;padding-bottom:10px}.b2-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(233,201,133,.35);border-bottom:1px solid rgba(233,201,133,.35);padding:9px 2px;font-size:13.5px}.b2-meta-r{text-align:right}.b2-meta small{color:#b9b4a6}.b2-lab{color:#c6a466;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.b2-customer{padding:12px 2px 4px}.b2-cust-name{font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:700;color:#f2efe8;line-height:1.2}.b2-cust-mobile{color:#b9b4a6;font-size:13px;margin-top:2px}.b2-item{border:1px solid rgba(233,201,133,.28);border-radius:12px;padding:14px;margin-top:14px;background:#363b3d;position:relative;z-index:1}.b2-item-top{display:flex;gap:14px}.b2-photo{width:104px;height:104px;object-fit:cover;border-radius:10px;border:1px solid rgba(233,201,133,.5);flex:none}.b2-photo.ph{display:flex;align-items:center;justify-content:center;font-size:40px;color:#e9c985;background:#e9c98514;font-family:Georgia,serif}.b2-item-main{flex:1;min-width:0}.b2-item-name{font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:700;color:#f2efe8}.b2-qty{color:#b9b4a6;font-size:14px}.b2-item-sub{color:#b9b4a6;font-size:12.5px;margin-top:2px}.b2-serial{margin-top:7px;font-size:14.5px}.b2-stone{font-size:12.5px;margin-top:5px;color:#e8e4da}.b2-item-total{text-align:right;flex:none}.b2-item-total b{display:block;font-size:17px;color:#e9c985;margin-top:3px}.b2-depts{display:flex;gap:14px;margin-top:12px}.b2-dept{flex:1;border-top:1px dashed rgba(233,201,133,.3);padding-top:8px;font-size:12.5px;line-height:1.65;color:#e8e4da}.b2-dept-title{color:#e9c985;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.b2-strip{margin-top:12px;text-align:center;background:#e9c98521;border:1px solid rgba(233,201,133,.45);border-radius:10px;padding:9px 10px;color:#e9c985;font-size:14.5px}.b2-thanks{margin-top:20px;text-align:center;border-top:1px solid rgba(233,201,133,.35);padding-top:14px}.b2-thanks-title{font-family:GreatVibes,Snell Roundhand,cursive;font-size:40px;color:#e9c985;line-height:1.15}.b2-thanks p{margin:6px auto 0;max-width:560px;font-size:12.5px;line-height:1.55;color:#d9d4c7}@media (max-width: 620px){.b2-depts{flex-direction:column}.b2-photo{width:84px;height:84px}}