body{background:#f5f6f8}.hp{max-width:1250px;margin:20px auto}.hp-head{background:#111;color:#fff;border-radius:16px;padding:20px 24px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;font-size:25px}.hp-head b{color:#e31937}.hp-head span{font-size:12px;background:#e31937;padding:4px 8px;border-radius:20px}.hp-head small{font-size:14px;color:#ddd}.panel{background:#fff;border-radius:16px;padding:22px;box-shadow:0 3px 18px #0000000d}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards>div{background:#fff;border-radius:16px;padding:24px;box-shadow:0 3px 18px #0000000d}.cards strong{display:block;font-size:28px}.cards span{color:#666}.big-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.big-actions a,.primary,.secondary{border:0;border-radius:12px;padding:18px;text-align:center;text-decoration:none;font-weight:800;font-size:16px;cursor:pointer}.big-actions a,.primary{background:#e31937;color:#fff}.secondary{background:#111;color:#fff}.grid2,.prices{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.prices{grid-template-columns:repeat(5,1fr);margin-top:15px}label{font-weight:700}select,input{box-sizing:border-box;width:100%;margin-top:7px;padding:12px;border:1px solid #d7dbe0;border-radius:10px;font-size:16px;background:#fff}.sizes{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.sizes label{text-align:center;background:#f5f6f8;padding:10px;border-radius:12px}.buttons{display:flex;gap:12px;margin-top:20px}.buttons button{flex:1}.hint{color:#777}.notice2{padding:12px;border-radius:10px;margin:15px 0;font-weight:700}.notice2.ok{background:#e9f8ee;color:#146b31}.notice2.bad{background:#ffecee;color:#9b1625}.search{max-width:420px;margin-bottom:15px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}th{background:#fafafa}code{font-weight:700}.billing{display:grid;grid-template-columns:1fr 320px;gap:16px}.modes{display:flex;gap:8px;margin-bottom:14px}.modes button{border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:9px;font-weight:700}.modes .on{background:#111;color:#fff}.scan{display:flex;gap:8px}.scan input{margin:0;font-size:20px}.scan button{width:100px;background:#e31937;color:#fff;border:0;border-radius:10px;font-weight:800}.cart td small{display:block}.cq{width:65px}.del{border:0;background:#fee;color:#c00;font-size:20px}.totalbox{height:max-content}.totalbox small{display:block;color:#666}.totalbox strong{display:block;font-size:34px;margin:8px 0 20px}.cash,.card{width:100%;padding:18px;border:0;border-radius:12px;font-size:18px;font-weight:800;margin-top:10px}.cash{background:#111;color:#fff}.card{background:#e31937;color:#fff}@media(max-width:800px){.cards,.big-actions,.billing,.grid2{grid-template-columns:1fr}.prices{grid-template-columns:repeat(2,1fr)}.sizes{grid-template-columns:repeat(4,1fr)}.hp-head{font-size:20px}.hp-head small{display:none}}
/* V2.2 label preview */
.preview-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:14px 16px;border:1px solid #e7e9ed;background:#fafbfc;border-radius:12px}.preview-setting b{display:block}.preview-setting small{display:block;color:#6b7280;margin-top:3px;font-weight:500}.switch{position:relative;display:inline-block;width:58px;height:32px;flex:0 0 58px}.switch input{opacity:0;width:0;height:0;margin:0;padding:0}.switch span{position:absolute;cursor:pointer;inset:0;background:#c9cdd3;border-radius:999px;transition:.18s}.switch span:before{content:"";position:absolute;width:24px;height:24px;left:4px;top:4px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:.18s}.switch input:checked+span{background:#e31937}.switch input:checked+span:before{transform:translateX(26px)}
.hp-modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}.hp-modal.open{display:flex}.hp-modal-card{width:min(1000px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px #0005;padding:20px}.hp-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:16px}.hp-modal-head b{font-size:18px}.hp-modal-head small{display:block;color:#6b7280;margin-top:4px}.hp-modal-head button{border:0;background:#f1f2f4;width:38px;height:38px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}.hp-modal-open{overflow:hidden}.label-preview-list{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;justify-content:center;padding:10px}.preview-unit{position:relative;width:min(508px,100%)}.preview-count{position:absolute;z-index:2;right:-8px;top:-8px;background:#111;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;box-shadow:0 2px 8px #0002}.label-2x1{box-sizing:border-box;width:100%;aspect-ratio:2/1;background:#fff;color:#000;border:1px solid #d7d7d7;border-radius:4px;padding:5.5% 6%;display:grid;grid-template-rows:auto auto 1fr auto;gap:2.5%;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.label-top{display:flex;align-items:center;justify-content:space-between;gap:16px;white-space:nowrap;font-size:clamp(13px,2.2vw,22px);font-weight:800;line-height:1}.label-top span:last-child{text-align:right}.label-mid{font-size:clamp(12px,2vw,20px);font-weight:700;line-height:1.05}.label-mid b{font-weight:900}.barcode-wrap{min-height:0;display:flex;align-items:stretch;padding:1.5% 0 1%}.preview-barcode{display:block;width:100%;height:100%;min-height:58px}.label-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;white-space:nowrap;font-size:clamp(11px,1.8vw,18px);font-weight:800;line-height:1}.label-bottom span:last-child{text-align:right}.preview-summary{margin:14px 8px;padding:12px 14px;border-radius:10px;background:#f6f7f9;color:#444;text-align:center}.preview-actions{display:flex;gap:12px;margin-top:16px}.preview-actions button{flex:1;border:0;border-radius:12px;padding:16px;font-weight:800;font-size:15px;cursor:pointer}@media(max-width:600px){.hp-modal{padding:8px}.hp-modal-card{padding:14px}.label-preview-list{padding:4px}.preview-actions{flex-direction:column}.label-top{gap:8px}.preview-setting{align-items:flex-start}}

.preview-required{border-color:#f1c4ca;background:#fff7f8}.preview-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:0 12px;border-radius:999px;background:#e31937;color:#fff;font-size:13px;letter-spacing:.4px}
.mini-reprint{margin-left:10px;border:0;border-radius:8px;background:#111;color:#fff;padding:7px 10px;font-weight:800;cursor:pointer;font-size:12px}
/* V2.5 shop checkout + bill history */
.payhint{font-size:12px;color:#6b7280;line-height:1.45;margin:14px 2px 8px}.today-link{display:block;text-align:center;margin-top:12px;padding:12px;border:1px solid #d9dde3;border-radius:10px;text-decoration:none;font-weight:800;color:#111;background:#fff}.today-link:hover{border-color:#111;color:#111}.bill-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.bill-cards>div{background:#fff;border-radius:14px;padding:18px;box-shadow:0 3px 18px #0000000d}.bill-cards small{display:block;color:#6b7280;font-weight:700;margin-bottom:5px}.bill-cards b{font-size:22px}.paytag{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.paytag.cash{background:#111;color:#fff}.paytag.card{background:#e31937;color:#fff}.reprint-receipt{border:0;border-radius:8px;background:#111;color:#fff;padding:8px 11px;font-weight:800;cursor:pointer}.empty-history{text-align:center;color:#777;padding:30px!important}@media(max-width:800px){.bill-cards{grid-template-columns:repeat(2,1fr)}}

/* V2.6 Printed / Other item stock entry */
.stock-modes{display:flex;gap:8px;margin-bottom:18px;padding:5px;background:#f3f4f6;border-radius:12px}.stock-mode{flex:1;border:0;border-radius:9px;padding:12px 14px;background:transparent;font-weight:900;cursor:pointer}.stock-mode.on{background:#111;color:#fff;box-shadow:0 2px 8px #0002}.grid3{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:14px}.custom-fields{padding:16px;border:1px solid #e2e5e9;border-radius:12px;background:#fafbfc}.custom-help{margin:10px 2px 0;color:#6b7280;font-size:12px}.sizes{grid-template-columns:repeat(9,1fr)}
@media(max-width:800px){.grid3{grid-template-columns:1fr}.stock-modes{flex-direction:column}.sizes{grid-template-columns:repeat(3,1fr)}}

/* V2.7.0 SHOP READY CLEAN */
.shop-status{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#ecfdf3;border:1px solid #b7ebc8;color:#116329;border-radius:12px;padding:12px 16px;margin-bottom:14px}.shop-status b{font-size:13px}.shop-status span{font-size:12px;color:#4b6654}.cards5{grid-template-columns:repeat(5,1fr)}.shop-actions{grid-template-columns:repeat(4,1fr)}.shop-actions a:first-child{background:#111;color:#fff}.billing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 2px}.ready-dot{font-size:12px;font-weight:900;color:#147a35}.billing-toolbar button{border:1px solid #d9dde3;background:#fff;border-radius:8px;padding:7px 10px;font-weight:800;cursor:pointer}.totalbox button:disabled{opacity:.55;cursor:not-allowed}.scan input:focus{border-color:#111;box-shadow:0 0 0 2px #1111;outline:none}
@media(max-width:1050px){.cards5{grid-template-columns:repeat(3,1fr)}.shop-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.cards5,.shop-actions{grid-template-columns:1fr}.shop-status{align-items:flex-start;flex-direction:column}}
/* v2.8 shop launch: cash drawer bridge */
.drawer-btn{width:100%;margin-top:8px;background:#20252b!important;color:#fff!important;border:0!important;padding:13px 12px!important;font-weight:800!important;border-radius:8px!important;cursor:pointer}.drawer-status{margin-top:8px;padding:8px 10px;border-radius:7px;background:#f3f4f6;color:#555;font-size:12px;font-weight:700}.drawer-status.ok{background:#e9f8ef;color:#147a3d}.drawer-status.bad{background:#fff1f0;color:#a23a31}
/* V2.9.0 dedicated hardware + admin inventory + daily balance */
.hotkey{font-size:12px;font-weight:900;background:#111;color:#fff;border-radius:7px;padding:7px 10px}.admin-lock-note{padding:11px 13px;margin-bottom:14px;border-radius:9px;background:#fff7e6;border:1px solid #f4d58d;color:#6f4b00}.admin-lock-note b{color:#111}#inv input{min-width:82px;margin:0;padding:7px 8px;font-size:13px}#inv .inv-stock{min-width:68px;width:68px}.inv-save{border:0;border-radius:8px;background:#111;color:#fff;padding:9px 12px;font-weight:900;cursor:pointer}.balance-date{background:#fff;border-radius:12px;padding:12px 16px;margin-bottom:14px;box-shadow:0 3px 18px #0000000d}.balance-date form{display:flex;align-items:end;gap:10px}.balance-date input{margin-top:5px}.balance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.balance-cards>div{background:#fff;border-radius:14px;padding:18px;box-shadow:0 3px 18px #0000000d}.balance-cards small,.balance-cards span{display:block}.balance-cards small{color:#6b7280;font-weight:800}.balance-cards b{display:block;font-size:23px;margin:5px 0}.balance-cards span{font-size:12px;color:#6b7280}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.balance-save{margin-top:16px;padding:14px 18px}.shop-actions{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.shop-actions{grid-template-columns:repeat(3,1fr)}.balance-cards{grid-template-columns:repeat(2,1fr)}.balance-grid{grid-template-columns:1fr}}
@media(max-width:700px){.balance-cards,.shop-actions{grid-template-columns:1fr}.balance-date form{align-items:stretch;flex-direction:column}.hotkey{display:none}}

.source-tag{display:inline-block;padding:4px 7px;border-radius:999px;background:#eef2f7;color:#222;font-size:10px;font-weight:900;white-space:nowrap}