:root{--nav:#0d2038;--nav2:#173a5e;--blue:#1677aa;--cyan:#0e8c88;--green:#16865a;--red:#c22c4f;--orange:#d97917;--paper:#fff;--bg:#f2f5f8;--line:#dce4ec;--ink:#142840;--muted:#68798a;--shadow:0 8px 28px rgba(20,40,64,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "Microsoft YaHei",system-ui,sans-serif}button,input,select,textarea{font:inherit}button{border:0;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:650;background:var(--blue);color:white}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #bbc9d7;border-radius:8px;padding:10px;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid #bce2f5;border-color:var(--blue)}label{display:grid;gap:5px;font-weight:650}label small{font-weight:400;color:var(--muted)}.hidden{display:none!important}.topbar{height:68px;background:var(--nav);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px}.brand small{font-size:12px;font-weight:400;opacity:.65}.brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#20bba6,#197cc1)}.top-actions{display:flex;align-items:center;gap:10px;font-size:13px}.pill{background:#ffffff16;border:1px solid #ffffff2e;padding:5px 10px;border-radius:999px}.ghost{background:#ffffff13;border:1px solid #ffffff31}.page{max-width:1400px;margin:22px auto;padding:0 22px}.cashier-page{display:grid;grid-template-columns:minmax(0,1fr) 450px;gap:20px;min-height:calc(100vh - 112px)}.sell-panel{display:flex;flex-direction:column;gap:16px}.hero{background:linear-gradient(125deg,var(--nav),#176b9d 65%,#138d88);border-radius:16px;padding:28px;color:white;display:flex;justify-content:space-between;gap:20px;align-items:end;box-shadow:var(--shadow)}.hero h1{margin:4px 0 5px;font-size:28px}.hero p{margin:0;opacity:.8}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;opacity:.72}.eyebrow.dark{color:var(--blue)}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.white{background:white;color:#17466b}.outline-white{background:#ffffff12;border:1px solid #ffffff55}.notice{border-radius:9px;padding:10px 12px}.notice.info{background:#e9f6f8;color:#08656a}.notice.success{background:#e8f7ef;color:#0e6a47}.notice.error{background:#fff0f2;color:#a71f40}.section-title,.panel-head,.cart-header,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2,.panel-head h2,.cart-header h2,.modal-head h2{margin:0}.inline{display:flex;gap:8px}.inline input{min-width:260px}.favorite-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.favorite{min-height:92px;background:white;border:1px solid var(--line);color:var(--ink);text-align:left;padding:14px;box-shadow:0 3px 10px #173a5e0a}.favorite b{display:block;font-size:16px}.favorite span{display:block;color:var(--cyan);margin-top:7px}.favorite small{color:var(--muted)}.cashier-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto}.tool-card{background:white;color:var(--ink);border:1px solid var(--line);text-align:left;min-height:76px}.tool-card b,.tool-card small{display:block}.tool-card small{font-weight:400;color:var(--muted);margin-top:4px}.card,.panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.cart-panel{padding:20px;display:flex;flex-direction:column}.count-badge,.badge{border-radius:999px;background:#e5f2fa;color:var(--blue);padding:4px 9px;font-size:12px}.cart-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px;padding:10px 0;font-size:13px}.link-button{background:none;color:var(--blue);padding:0;text-align:left}.cart-list{flex:1;overflow:auto;max-height:43vh}.cart-empty{text-align:center;color:var(--muted);padding:54px 10px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item small{color:var(--muted)}.line-price{font-weight:800;color:var(--cyan)}.qty-row{display:flex;align-items:center;gap:6px;margin-top:7px}.qty-row button{padding:2px 9px;background:#e9eff5;color:var(--ink)}.qty-row .remove{background:none;color:var(--red)}.totals{padding:12px 0;border-top:2px solid #c7d4df}.totals>div{display:flex;justify-content:space-between;margin:4px 0}.totals .grand{font-size:20px;font-weight:800;margin-top:9px}.totals .grand strong{color:var(--red)}.payment-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.payment-row button{background:#edf2f6;color:var(--ink);padding:8px 4px}.payment-row button.selected{background:#d7f0ee;color:#06605f;outline:2px solid var(--cyan)}.primary{background:var(--blue)}.secondary{background:#e8eff5;color:var(--ink)}.danger{background:var(--red)}.success{background:var(--green)}.warning{background:var(--orange)}.checkout{width:100%;margin-top:10px;font-size:17px;padding:13px}.admin-entry{position:fixed;left:19px;bottom:17px;background:var(--nav);box-shadow:0 5px 20px #0003;z-index:3}.login-card{max-width:420px;margin:12vh auto;padding:28px}.login-card h1{margin:7px 0}.login-card p{color:var(--muted)}.stack{display:grid;gap:13px}.form-message{min-height:20px;color:var(--red);font-size:13px}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 68px)}.admin-nav{background:#142b45;padding:18px 12px;display:flex;flex-direction:column;gap:5px}.admin-nav button{background:transparent;color:#c9d7e5;text-align:left;padding:11px 13px}.admin-nav button.active{background:#ffffff13;color:white;border-left:3px solid #27c1ad}.admin-main{padding:23px;overflow:auto}.panel{padding:18px}.panel-head{margin-bottom:14px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:15px}.stat small{color:var(--muted)}.stat b{font-size:23px;display:block;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;color:var(--muted);white-space:nowrap}td .actions{display:flex;gap:5px;white-space:nowrap}td .actions button{padding:5px 8px;font-size:12px}.money{font-weight:800;color:var(--cyan)}.low{color:var(--red);font-weight:800}.good{color:var(--green)}.chip{background:#edf3f7;border-radius:6px;padding:3px 6px;font-size:12px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-bars{display:flex;align-items:end;gap:8px;height:190px;padding-top:20px}.chart-bar{flex:1;background:linear-gradient(#26a99c,#1978aa);border-radius:5px 5px 0 0;min-height:4px;position:relative}.chart-bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap}.chart-labels{display:flex;gap:8px}.chart-labels span{flex:1;text-align:center;font-size:10px;color:var(--muted)}dialog{padding:0;border:0;border-radius:15px;width:min(620px,95vw);box-shadow:0 20px 80px #0007}dialog.wide{width:min(900px,96vw)}dialog::backdrop{background:#071a2e99}.modal{padding:22px}.icon-button{background:transparent;color:var(--muted);font-size:24px;padding:0 7px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.scan-frame{height:340px;background:#061629;border-radius:12px;position:relative;overflow:hidden}.scan-frame video{width:100%;height:100%;object-fit:cover}.scan-guide{position:absolute;inset:0;display:grid;place-items:center;color:white;text-align:center;background:#0002}.scan-guide div{position:absolute;left:8%;right:8%;top:38%;height:25%;border:3px solid #25e0a9;border-radius:9px;box-shadow:0 0 0 999px #0002}.scan-guide span{align-self:end;margin-bottom:18px;background:#061629b8;padding:6px 10px;border-radius:999px;z-index:1}.result-list{margin-top:12px;max-height:420px;overflow:auto}.result-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.result-item button{padding:6px 10px}.checkout-summary{background:#f2f7fa;border-radius:10px;padding:15px;font-size:18px;margin-bottom:14px}.receipt{font-family:monospace;max-width:340px;margin:auto}.receipt h2,.receipt p{text-align:center}.receipt-line{display:flex;justify-content:space-between;border-bottom:1px dashed #bbb;padding:6px 0}.empty{color:var(--muted);text-align:center;padding:35px}.pager{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.audit{font-size:12px;color:var(--muted);padding:7px 0;border-bottom:1px solid var(--line)}@media(max-width:1050px){.cashier-page{grid-template-columns:1fr}.cart-list{max-height:none}.admin-shell{grid-template-columns:1fr}.admin-nav{flex-direction:row;overflow:auto;position:sticky;top:0;z-index:2}.admin-nav button{white-space:nowrap}.dashboard-grid{grid-template-columns:1fr}.favorite-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.topbar{padding:0 12px}.brand small,#clock{display:none}.page{padding:0 10px;margin:12px auto}.hero{align-items:start;flex-direction:column}.favorite-grid{grid-template-columns:repeat(2,1fr)}.cashier-tools,.stats,.module-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.inline input{min-width:0}.payment-row{grid-template-columns:repeat(2,1fr)}.admin-main{padding:12px}}