@import url('/assets/fonts.css');

:root{--blue:#2855d7;--blue-dark:#2147b7;--orange:#ef7255;--ink:#202d36;--muted:#7c838b;--line:#e9eae9;--paper:#f7f7f2;--cream:#fff6d8;--pink:#ed9db3;--green:#4d7968;--purple:#ac9bc3;--yellow:#f4ce59;--radius:16px;font-family:'IBM Plex Sans Thai',Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--blue);text-decoration:none}button{color:inherit}svg{flex-shrink:0;vertical-align:middle}button{border:0;background:none}button,input,select,textarea,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #ef7255}h1,h2,h3,p{margin:0}h1{font-size:27px;font-weight:600;letter-spacing:-.7px}h2{font-size:19px;font-weight:600;letter-spacing:-.3px}h3{font-size:15px;font-weight:600}small{font-size:11px}.en,.amount,.logo,.price{font-family:'Space Grotesk','IBM Plex Sans Thai',sans-serif;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-red{color:#c74d43}.text-right{text-align:right}.nowrap{white-space:nowrap}.space{flex:1}.flex{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.gap6{gap:6px}.initial-load{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:40px;font-weight:800;color:var(--blue)}.initial-load span{font-size:14px;color:var(--muted);margin-top:16px}
.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fffefb;border-right:1px solid var(--line);padding:30px 18px 18px;display:flex;flex-direction:column;z-index:40}.brand{padding:0 15px 30px}.logo{font-size:34px;line-height:1;font-weight:800;letter-spacing:-2px;color:var(--blue);position:relative;display:inline-flex;align-items:center;gap:4px}.brand-dot{width:10px;height:10px;background:var(--orange);border-radius:50%;align-self:flex-end;margin-bottom:4px}.brand-sub{font-size:9px;letter-spacing:3.2px;margin-top:9px;font-weight:600;color:#909399}.nav-label{font-size:10px;color:#a0a4a6;letter-spacing:1.5px;padding:10px 15px 12px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{height:47px;display:flex;align-items:center;gap:13px;text-align:left;padding:0 15px;border-radius:10px;font-size:13px;font-weight:500;color:#737b85;transition:.18s}.nav button:hover{background:#f3f5fd;color:var(--blue)}.nav button.active{background:var(--blue);color:white;box-shadow:0 5px 10px #2855d71c}.nav button .badge-count{margin-left:auto;font-size:10px;background:#fff3;color:inherit;padding:1px 6px;border-radius:5px}.sidebar-note{margin-top:auto;padding:20px 13px 12px;overflow:hidden}.sidebar-note .tiny-buddy{width:94px;margin:-5px auto 0}.sidebar-note .tiny-buddy svg{display:block}.sidebar-note h3{font-size:12px;color:var(--blue);text-align:center;font-family:'Space Grotesk',sans-serif}.sidebar-note p{font-size:10px;color:var(--muted);text-align:center;margin-top:4px}.sidebar-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);padding-left:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0}.status-dot.warning{background:var(--orange)}
.main{grid-column:2;min-width:0}.topbar{height:79px;padding:0 30px;background:#fffefb;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-title{font-size:12px;color:var(--muted)}.topbar-title b{color:var(--ink);font-weight:500}.topbar-title span{margin:0 10px;color:#c7cbcf}.branch-picker{position:relative;display:flex;align-items:center;gap:9px;color:var(--blue);padding:0 15px;border-right:1px solid var(--line)}.branch-picker select{border:0;background:transparent;font-size:12px;max-width:190px;padding:8px 4px;cursor:pointer;color:var(--ink);font-weight:500}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e9eefc;color:var(--blue);font-size:12px;font-weight:600}.account{display:flex;align-items:center;gap:10px;padding:0 0 0 8px;text-align:left}.account small{display:block;color:var(--muted);font-size:9px}.account b{font-size:12px;font-weight:500}.workspace-strip{padding:8px 30px;background:#fff1e7;color:#98603e;display:flex;align-items:center;gap:8px;font-size:11px;min-height:34px}.workspace-strip button{margin-left:auto;font-weight:600;color:#a54f33;display:flex;align-items:center;gap:7px}.cloud-strip{background:#eff6f1;color:var(--green)}.main-content{padding:27px 30px 30px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:14px}.page-heading p{font-size:12px;color:var(--muted);margin-top:4px}.heading-actions{display:flex;gap:10px;align-items:center}.date-chip{font-size:11px;display:flex;align-items:center;gap:7px;color:#6c7580;border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:9px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid var(--line);background:white;border-radius:9px;font-size:12px;font-weight:500;min-height:39px;transition:.15s}.btn:hover{border-color:#b9c7ec;background:#fafbff}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{background:var(--blue-dark)}.btn.orange{background:var(--orange);border-color:var(--orange);color:white}.btn.danger{color:#c64d43;background:#fff6f4;border-color:#f4d8d4}.btn.small{padding:6px 10px;min-height:31px;font-size:11px}.btn.full{width:100%}.btn.icon-only{padding:9px}.btn.text{border:0;background:transparent;padding:6px;color:var(--blue)}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:500;white-space:nowrap}.pill.blue{color:var(--blue);background:#eef2ff}.pill.green{color:#47745f;background:#edf5ee}.pill.orange{color:#b16c38;background:#fff0df}.pill.red{color:#bf5b51;background:#fff0ee}.pill.grey{color:#7d848a;background:#f0f1f3}
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:25px;align-items:start}.shop-panel{min-width:0}.brand-banner{background:var(--blue);border-radius:15px;min-height:152px;overflow:hidden;position:relative;display:flex;align-items:center;padding:25px 28px;margin-bottom:24px;color:white}.brand-banner .overline{font-size:9px;letter-spacing:2.8px;color:#c6d3ff;font-weight:500;margin-bottom:8px}.brand-banner h2{font-family:'Space Grotesk',sans-serif;font-size:30px;letter-spacing:-1.1px;line-height:1.1;font-weight:700;position:relative;z-index:2}.brand-banner h2 span{color:var(--cream)}.brand-banner p{font-size:11px;color:#d4defb;margin-top:10px;position:relative;z-index:2}.banner-buddy{position:absolute;right:4px;bottom:-14px;width:180px;transform:rotate(-8deg)}.banner-buddy:before{content:'';position:absolute;background:#fff9e8;width:147px;height:147px;top:3px;left:18px;border-radius:50%;opacity:.12}.banner-buddy svg{position:relative;transform:rotate(4deg)}.banner-spark{position:absolute;right:165px;top:19px;font-size:22px;color:var(--yellow);transform:rotate(14deg)}
.search-box{display:flex;align-items:center;gap:10px;border:1px solid #e4e6e6;background:white;border-radius:10px;padding:0 13px;height:45px;color:#8b9298}.search-box input{width:100%;border:0;outline:0;background:none;font-size:11px;min-width:0;color:var(--ink)}.search-box kbd{font-family:inherit;font-size:10px;background:#f3f4f4;padding:2px 5px;border:1px solid #e9eaea;border-radius:4px}.category-tabs{display:flex;gap:8px;margin:17px 0 18px;flex-wrap:wrap}.category-tabs button{display:flex;align-items:center;gap:7px;border:1px solid #e6e7e7;border-radius:8px;padding:8px 13px;font-size:11px;background:#fffefb;color:#737c83}.category-tabs button.active{background:#edf1ff;border-color:#afc0f4;color:var(--blue);font-weight:600}.category-tabs button span{font-size:9px;opacity:.65}.catalog-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.catalog-head h3{font-size:12px}.catalog-head span{font-size:10px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{border:1px solid #e5e7e7;border-radius:13px;overflow:hidden;background:white;position:relative;transition:transform .16s,border-color .16s,box-shadow .16s;text-align:left;padding:0;min-width:0}.product-card:hover{transform:translateY(-3px);border-color:#a8b8e9;box-shadow:0 6px 15px #16274408}.product-card:active{transform:scale(.985)}.product-card:disabled{opacity:.6}.product-image{height:153px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f1eedf}.product-image svg{width:87%;height:94%;filter:drop-shadow(0 7px 6px #00000004)}.product-card:nth-child(6n+2) .product-image{background:#e9edf3}.product-card:nth-child(6n+3) .product-image{background:#f5e7ed}.product-card:nth-child(6n+4) .product-image{background:#eeecf4}.product-card:nth-child(6n+5) .product-image{background:#f8ecd9}.product-card:nth-child(6n+6) .product-image{background:#e7efea}.stock-label{position:absolute;top:9px;left:9px;font-size:8px;display:inline-flex;align-items:center;gap:4px;border-radius:4px;background:#ffffffdf;color:#6f7b75;padding:3px 6px;z-index:1}.stock-label.low{color:#bd6a3f;background:#fff6e8ed}.stock-label.out{background:#f4f0ef;color:#a05b51}.product-info{padding:12px 12px 13px}.product-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.product-sku{font-size:8px;color:#939ba0;letter-spacing:.5px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.price{font-size:17px;font-weight:600;color:#2d3e58}.price .currency{font-size:11px;margin-right:2px;font-weight:400}.product-add{display:grid;place-items:center;width:25px;height:25px;background:#f1f4fc;border:1px solid #e5ebfa;border-radius:7px;color:var(--blue)}.product-added{position:absolute;right:8px;top:8px;background:var(--blue);color:white;border-radius:50%;font-size:10px;display:grid;place-items:center;width:23px;height:23px}.empty{padding:50px 15px;text-align:center;color:var(--muted);font-size:12px}.empty svg{color:#b3bacc;margin-bottom:12px}.empty p{margin-top:6px;font-size:11px}.shop-footer{display:flex;gap:14px;align-items:center;color:#9a9da1;font-size:9px;margin-top:23px;padding-bottom:10px}.shop-footer .shortcut{display:flex;align-items:center;gap:5px}.shop-footer kbd{background:#eeefee;padding:2px 4px;border-radius:3px;font-family:inherit}
.cart-panel{background:white;border:1px solid #e5e7e7;border-radius:15px;position:sticky;top:20px;overflow:hidden}.cart-header{padding:20px 20px 15px;border-bottom:1px solid var(--line)}.cart-header .title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.cart-header .title .count{font-family:'Space Grotesk',sans-serif;font-size:10px;background:#eaf0ff;color:var(--blue);width:19px;height:19px;border-radius:50%;display:grid;place-items:center}.cart-header .bill-meta{font-size:9px;color:#98a0a7;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.cart-header .trash-button{padding:4px;color:#a6acaf}.cart-items{padding:5px 18px;min-height:190px;max-height:370px;overflow:auto}.cart-empty{min-height:219px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cart-empty .empty-bag{background:#f5f6fa;color:#b3bfd9;border:1px dashed #d9dfed;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;margin-bottom:14px}.cart-empty h3{font-size:12px;font-weight:500;color:#737c8b}.cart-empty p{font-size:10px;color:#a1a6ac;margin-top:5px}.cart-item{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid #f0f1f1}.cart-item:last-child{border:0}.cart-thumb{width:48px;height:52px;background:#f1eee5;border-radius:7px;flex-shrink:0;overflow:hidden}.cart-thumb svg{height:100%;width:100%}.cart-item-main{flex:1;min-width:0}.cart-item h3{font-size:10px;font-weight:500;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item .unit-price{font-size:9px;color:#959ca4}.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.quantity{display:flex;align-items:center;border:1px solid #e4e7eb;border-radius:5px;height:24px;overflow:hidden}.quantity button{width:24px;height:24px;display:grid;place-items:center;color:#778293}.quantity button:hover{background:#edf2ff}.quantity span{width:23px;text-align:center;font-family:'Space Grotesk',sans-serif;font-size:10px}.cart-item .line-total{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:500}.cart-tools{display:flex;border-bottom:1px dashed #dfe3e9;padding:13px 18px;gap:8px}.cart-tools button{font-size:10px;color:#7e8996;display:flex;align-items:center;gap:5px;padding:0}.cart-tools button+button{border-left:1px solid #e8eaed;padding-left:13px}.cart-summary{padding:18px 20px 0}.summary-line{display:flex;justify-content:space-between;color:#858d97;font-size:11px;margin-bottom:10px}.summary-line .amount{color:#525f70;font-size:12px}.summary-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9ebee;margin-top:14px;padding:16px 0 12px}.summary-total .amount{font-size:28px;color:var(--blue);font-weight:600;letter-spacing:-.9px}.summary-total .amount small{font-size:15px;font-weight:400;margin-right:3px}.summary-total b{font-size:12px;font-weight:500}.cart-checkout{padding:0 18px 17px}.checkout-button{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--blue);border-radius:9px;color:white;padding:15px 17px;font-size:13px;font-weight:500;transition:.15s}.checkout-button:hover{background:var(--blue-dark)}.checkout-button:disabled{background:#9baedc}.cart-checkout .hint{text-align:center;font-size:8px;color:#a5aab2;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:4px}.cart-shift{background:#f9fafc;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f3;font-size:9px}.cart-shift .shift-state{display:flex;gap:5px;align-items:center;color:#6d8677}.cart-shift button{color:var(--blue);font-size:9px}.mini-today{margin-top:17px;border:1px solid #e5e7e7;border-radius:12px;padding:16px 18px;background:#fdfdf9}.mini-today h3{font-size:10px;color:#868d91;display:flex;align-items:center;gap:5px;font-weight:400}.mini-today .amount{font-size:25px;letter-spacing:-1px;margin:7px 0 2px;display:block;color:#31425b}.mini-today .today-bottom{font-size:9px;color:#8b939b;display:flex;align-items:center;justify-content:space-between}.mini-today .today-bottom b{font-weight:500;color:var(--blue)}
.panel{background:white;border:1px solid #e4e7e8;border-radius:14px;padding:23px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title h2{font-size:16px}.panel-title p{font-size:10px;color:var(--muted);margin-top:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{padding:20px;background:white;border:1px solid #e5e7e8;border-radius:13px}.stat .stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;color:#858f99}.stat .stat-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#eef2ff;color:var(--blue)}.stat .big{font-family:'Space Grotesk',sans-serif;font-size:28px;letter-spacing:-.8px}.stat .sub{font-size:10px;color:#99a0a5;margin-top:5px}.stat.hero{background:var(--blue);color:white;border-color:var(--blue)}.stat.hero .stat-top,.stat.hero .sub{color:#c7d3f7}.stat.hero .stat-icon{background:#ffffff20;color:#fff}.two-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px}.equal-cols{grid-template-columns:1fr 1fr}.chart{height:220px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;padding:20px 10px 25px;border-bottom:1px solid var(--line);position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#f2f3f4 49px,#f2f3f4 50px)}.chart-col{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;max-width:90px}.chart-bar{width:65%;min-height:3px;border-radius:6px 6px 0 0;background:var(--blue);position:relative;max-width:46px}.chart-bar.alt{background:#c8d3f3}.chart-value{font-family:'Space Grotesk',sans-serif;font-size:9px;white-space:nowrap;margin-bottom:6px;color:#8290a3}.chart-label{position:absolute;bottom:-20px;font-size:9px;color:#8b949f;white-space:nowrap}.payment-row{display:flex;align-items:center;gap:12px;margin:17px 0}.payment-row .payment-icon{width:37px;height:37px;display:grid;place-items:center;background:#f6f4ee;border-radius:9px;color:#b68d40}.payment-row:nth-child(3) .payment-icon{background:#edf2ff;color:var(--blue)}.payment-row:nth-child(4) .payment-icon{background:#f5edf8;color:#9b85ac}.payment-main{flex:1;min-width:0}.payment-main .payment-label{font-size:11px;display:flex;justify-content:space-between}.payment-main .payment-label b{font-family:'Space Grotesk',sans-serif;font-weight:500}.bar-track{height:5px;background:#f1f3f4;border-radius:10px;margin-top:10px;overflow:hidden}.bar-track span{height:100%;background:var(--blue);display:block;border-radius:10px}.payment-foot{border-top:1px dashed #e4e7ea;font-size:10px;padding-top:15px;color:var(--muted)}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.filter-bar .search-box{flex:1;min-width:180px}.filter-bar select,.date-input{border:1px solid #e1e5e9;background:white;border-radius:8px;padding:10px 12px;font-size:11px;color:#687585;min-height:40px}.date-input{max-width:150px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.data-table th{padding:12px 13px;background:#f7f8fa;font-size:10px;color:#939ca5;font-weight:500;white-space:nowrap}.data-table th:first-child{border-radius:7px 0 0 7px}.data-table th:last-child{border-radius:0 7px 7px 0}.data-table td{padding:15px 13px;border-bottom:1px solid #f0f1f2;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table .cell-product{display:flex;gap:10px;align-items:center}.cell-product .thumb{width:38px;height:38px;border-radius:7px;background:#f4f0e6;display:grid;place-items:center}.cell-product .thumb svg{width:35px;height:35px}.cell-product small{color:#98a0a7;font-size:8px;display:block;margin-top:4px}.data-table .amount{font-size:13px}.data-table .row-action{color:var(--blue);font-size:10px;display:inline-flex;gap:5px;align-items:center}.rank-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f1f2f3}.rank-row:last-child{border:0}.rank-row .rank{font-family:'Space Grotesk',sans-serif;font-size:12px;color:#b0b6bb;width:20px}.rank-row .rank-product{width:40px;height:40px;background:#f1eee7;border-radius:7px}.rank-row .rank-product svg{width:100%;height:100%}.rank-row b{font-size:11px;font-weight:500}.rank-row small{display:block;color:#959ea6;font-size:9px;margin-top:4px}.rank-row .amount{font-size:13px}.notice{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:9px;font-size:11px;line-height:1.8;background:#f0f4ff;color:#6175a8;margin:15px 0}.notice.orange{background:#fff4e7;color:#a57947}.notice.green{background:#edf5ee;color:#567f64}.notice svg{margin-top:2px}.notice b{font-weight:600}.drawer-card{background:var(--blue);color:white;border-radius:14px;padding:25px;position:relative;overflow:hidden}.drawer-card .drawer-label{font-size:12px;color:#d2ddfb}.drawer-card .drawer-amount{font-family:'Space Grotesk',sans-serif;font-size:43px;font-weight:500;letter-spacing:-2px;margin:12px 0 22px}.drawer-card .drawer-meta{display:flex;gap:20px;font-size:10px;position:relative;z-index:1}.drawer-card .drawer-meta span{color:#b8c9f8;display:block;margin-bottom:4px}.drawer-card .drawer-meta b{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:400}.drawer-card .drawer-buddy{position:absolute;width:138px;right:0;top:10px;opacity:.7}.drawer-card .drawer-actions{display:flex;gap:8px;margin-top:24px;position:relative;z-index:1}.drawer-card .drawer-actions .btn{background:white;color:var(--blue);border:0}.drawer-card .drawer-actions .btn.outline{background:#ffffff12;color:white;border:1px solid #ffffff4d}.ledger-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f1f3}.ledger-row:last-child{border:0}.ledger-row .ledger-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#edf5ee;color:#4d7968}.ledger-row .ledger-icon.out{background:#fff0e9;color:#d27555}.ledger-row b{font-size:11px;font-weight:500}.ledger-row small{font-size:9px;display:block;margin-top:4px;color:#99a2a9}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.team-card{border:1px solid #e5e7ea;border-radius:13px;background:white;padding:23px}.team-card .avatar{width:46px;height:46px;font-size:17px}.team-card h3{margin:16px 0 4px}.team-card .team-email{font-size:10px;color:#98a0a7;overflow-wrap:anywhere}.team-card .team-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.setting-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #f0f2f3}.setting-row:last-child{border:0}.setting-row .setting-icon{width:37px;height:37px;border-radius:9px;background:#f0f3fb;color:var(--blue);display:grid;place-items:center}.setting-row h3{font-size:12px}.setting-row p{font-size:10px;color:#939ca4;margin-top:4px}.brand-reference{width:100%;display:block;border-radius:8px;max-width:500px;margin:auto}.palette{display:flex;gap:8px;margin:14px 0}.palette span{height:35px;flex:1;border-radius:7px}.mobile-nav{display:none}.mobile-menu{display:none}
.modal-overlay{position:fixed;inset:0;background:#1c2a4666;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .15s}.modal{background:#fffefc;width:480px;max-width:100%;max-height:92vh;border-radius:18px;box-shadow:0 24px 90px #0c184330;display:flex;flex-direction:column;overflow:hidden}.modal.wide{width:660px}.modal-header{padding:23px 25px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.modal-header h2{font-size:19px}.modal-header p{font-size:10px;margin-top:5px;color:#929aa4}.modal-header .close-modal{padding:3px;color:#96a0aa}.modal-body{padding:23px 25px;overflow-y:auto}.modal-footer{padding:16px 25px 22px;display:flex;gap:9px;justify-content:flex-end;border-top:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:11px}.field label{font-weight:500;color:#5b6978}.field input,.field select,.field textarea{border:1px solid #dfe3e9;background:white;border-radius:8px;padding:10px 12px;outline:0;min-width:0;width:100%;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#83a0ee;box-shadow:0 0 0 3px #2855d710}.field textarea{resize:vertical;min-height:68px}.field small{font-size:9px;color:#99a0a9;line-height:1.7}.field input.amount-input{font-family:'Space Grotesk',sans-serif;font-size:27px;padding:12px 15px;color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row .field{min-width:0}.form-error{background:#fff0ec;color:#b35441;font-size:11px;padding:10px 13px;border-radius:7px;margin-bottom:14px;display:none}.form-error.visible{display:block}.checkout-total{text-align:center;padding:2px 0 24px}.checkout-total .label{font-size:11px;color:#9aa3aa;margin-bottom:5px}.checkout-total .amount{font-size:45px;font-weight:600;color:var(--blue);letter-spacing:-1.4px}.checkout-total .amount small{font-size:23px;font-weight:400}.payment-tabs{display:flex;gap:9px;margin-bottom:22px}.payment-tabs button{flex:1;padding:14px 5px;border:1px solid #e2e6ec;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#8390a1}.payment-tabs button.active{border-color:var(--blue);background:#eff3ff;color:var(--blue)}.quick-cash{display:flex;gap:7px;margin-top:9px}.quick-cash button{flex:1;background:#f4f6fa;border:1px solid #e6eaf1;border-radius:6px;padding:8px 2px;font-size:10px;color:#7d8b9d;font-family:'Space Grotesk',sans-serif}.quick-cash button:hover{border-color:#8da8ec;color:var(--blue)}.change-box{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-radius:9px;background:#eef5ee;color:#587862;font-size:12px;margin-top:14px}.change-box .amount{font-size:23px}.change-box.negative{background:#fff0e9;color:#b47152}.success-mark{width:57px;height:57px;display:grid;place-items:center;background:#eaf4eb;border-radius:50%;color:#4d7968;margin:2px auto 15px}.receipt-brand{text-align:center;border-bottom:1px dashed #d4dae2;padding-bottom:19px;margin-bottom:17px}.receipt-brand .logo{font-size:29px}.receipt-brand p{font-size:10px;color:#96a0a9;margin-top:8px}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:10px;color:#7d8a96;margin-bottom:18px}.receipt-meta b{font-weight:500;color:#3a4b5d}.receipt-line{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:11px}.receipt-line small{display:block;color:#9ba3ab;margin-top:4px;font-size:9px}.receipt-totals{border-top:1px dashed #d4dae2;margin-top:13px;padding-top:12px}.receipt-totals .receipt-line.total{font-size:18px;font-weight:600;color:var(--blue)}.receipt-bottom{text-align:center;font-size:9px;color:#9ca5af;line-height:1.8;margin-top:20px}.void-mark{padding:8px;text-align:center;background:#fff0ed;color:#c05c49;margin-bottom:15px;border-radius:6px;font-size:12px}.auth-brand{background:var(--blue);color:white;padding:23px 25px;position:relative;overflow:hidden}.auth-brand h2{font-family:'Space Grotesk',sans-serif;font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.8px}.auth-brand p{font-size:11px;color:#d4dffc;margin-top:8px}.auth-brand .auth-buddy{position:absolute;right:4px;width:140px;bottom:-30px;opacity:.8}.auth-switch{text-align:center;font-size:11px;color:#98a0aa;margin-top:17px}.auth-switch button{color:var(--blue);font-weight:500;padding:0}.stock-line{display:grid;grid-template-columns:1fr 85px 28px;gap:8px;margin-bottom:10px;align-items:center}.stock-line select,.stock-line input{border:1px solid #e0e5e9;border-radius:7px;padding:10px 8px;min-width:0;width:100%;background:white;font-size:11px}.stock-line button{color:#9a9fa7;padding:4px}.check-line{display:flex;align-items:center;gap:9px;font-size:11px;color:#697887;margin:13px 0}.check-line input{width:15px;height:15px;accent-color:var(--blue)}.hold-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.hold-row h3{font-size:12px}.hold-row p{font-size:9px;color:#959fa9;margin-top:5px}.toast{position:fixed;bottom:26px;left:calc(50% + 100px);transform:translateX(-50%);background:#253a36;color:white;padding:13px 20px;border-radius:11px;font-size:12px;display:flex;align-items:center;gap:10px;z-index:200;box-shadow:0 8px 30px #13243b22;animation:slide .2s;max-width:90vw}.toast.error{background:#b45342}.loading-screen{position:fixed;inset:0;background:#ffffff77;z-index:150;display:grid;place-items:center}.spinner{width:30px;height:30px;border:3px solid #dce4f7;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.loading-label{background:white;padding:24px;border-radius:13px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #0001;font-size:12px}.count-note{padding:10px 0;font-size:10px;color:#99a1a9;text-align:right}.session-tag{font-size:9px;padding:3px 6px;background:#fff4e6;color:#b18450;border-radius:4px}.signin-btn{font-size:11px;color:var(--blue);padding:7px 12px;border:1px solid #dce4fa;border-radius:7px;background:#f6f8ff}.only-print{display:none}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{opacity:0;bottom:16px}to{opacity:1;bottom:26px}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.main-content{padding:32px 40px}.pos-layout{grid-template-columns:minmax(0,1fr) 366px;gap:30px}.product-image{height:175px}.product-grid{gap:18px}.product-name{font-size:12px}.brand-banner{min-height:165px}.banner-buddy{width:205px;right:20px}.brand-banner h2{font-size:35px}}
@media(max-width:1200px){.shell{grid-template-columns:190px 1fr}.sidebar{width:190px;padding:26px 12px 15px}.brand{padding:0 12px 30px}.logo{font-size:31px}.nav button{padding:0 12px;gap:10px;font-size:12px}.topbar{padding:0 22px}.main-content{padding:24px 22px}.pos-layout{grid-template-columns:minmax(0,1fr) 308px;gap:20px}.product-grid{gap:11px}.product-image{height:128px}.product-info{padding:10px}.product-name{font-size:10px}.brand-banner{padding:23px;min-height:142px}.brand-banner h2{font-size:25px}.banner-buddy{width:154px;right:-7px}.brand-banner .overline{font-size:8px}.topbar-title{font-size:10px}.branch-picker select{max-width:165px}.date-chip{font-size:10px}.category-tabs button{font-size:10px;padding:8px 10px}.stats-grid{gap:12px}.stat{padding:16px}.stat .big{font-size:24px}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.shell{grid-template-columns:78px 1fr}.sidebar{width:78px;padding:25px 10px 16px}.brand{padding:0 0 33px;text-align:center}.logo{font-size:0;letter-spacing:0}.brand .logo:before{content:'P';font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:38px;letter-spacing:-3px}.brand-dot{width:7px;height:7px}.brand-sub,.nav-label,.nav button .nav-text,.nav button .badge-count,.sidebar-note,.sidebar-bottom span{display:none}.nav{gap:10px}.nav button{justify-content:center;padding:0;height:48px}.nav button svg{width:23px;height:23px}.sidebar-bottom{padding:15px 0 0;justify-content:center;margin-top:auto}.sidebar-bottom svg{display:block}.main-content{padding:24px}.topbar{padding:0 24px}.toast{left:calc(50% + 39px)}.pos-layout{grid-template-columns:minmax(0,1fr) 305px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:144px}.product-name{font-size:11px}.brand-banner h2{font-size:24px}.banner-buddy{width:140px;right:-15px}.banner-spark{display:none}.brand-banner p{font-size:10px}.two-cols{grid-template-columns:1fr}.two-cols.equal-cols{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{display:none}.main{padding-bottom:78px}.topbar{height:65px;padding:0 18px;gap:7px}.topbar-title{display:none}.topbar:before{content:'PODLAB.';font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.5px;color:var(--blue)}.branch-picker{border:0;padding:0;gap:4px}.branch-picker select{font-size:10px;max-width:145px;padding:6px 0}.branch-picker svg{display:none}.account{padding-left:0;gap:0}.account div:not(.avatar){display:none}.avatar{width:29px;height:29px;font-size:10px}.signin-btn{font-size:10px;padding:6px 9px}.workspace-strip{padding:7px 17px;font-size:9px;gap:5px;flex-wrap:wrap}.workspace-strip .strip-detail{display:none}.workspace-strip button{font-size:9px}.main-content{padding:22px 17px}.page-heading{margin-bottom:18px;align-items:flex-start}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;max-width:230px}.date-chip{display:none}.heading-actions{gap:6px}.heading-actions .btn{padding:8px 10px;font-size:10px}.heading-actions .btn .hide-small{display:none}.pos-layout{grid-template-columns:1fr;gap:20px}.brand-banner{min-height:140px;padding:22px}.brand-banner h2{font-size:28px}.banner-buddy{width:165px;right:0}.brand-banner p{font-size:10px}.brand-banner .overline{font-size:8px;letter-spacing:2px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-image{height:120px}.product-name{font-size:9px}.product-sku{font-size:7px}.product-info{padding:9px}.price{font-size:14px}.product-add{width:21px;height:21px;border-radius:5px}.product-add svg{width:13px;height:13px}.stock-label{font-size:7px;left:6px;top:7px;padding:2px 4px}.cart-panel{position:static}.cart-items{min-height:90px;max-height:none}.cart-empty{min-height:150px}.cart-checkout{padding-bottom:16px}.cart-header{padding:17px 18px 13px}.mini-today{display:none}.shop-footer{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffefcf5;backdrop-filter:blur(10px);border-top:1px solid #e1e6ed;z-index:50;padding:7px 7px calc(9px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:5px;color:#9aa1a9;font-size:8px;flex:1;padding:5px 0}.mobile-nav button.active{color:var(--blue)}.mobile-nav button svg{width:19px;height:19px}.stats-grid{gap:10px}.stat{padding:15px}.stat .big{font-size:25px}.stat .stat-top{font-size:9px}.stat .sub{font-size:8px}.stat .stat-icon{width:27px;height:27px}.panel{padding:17px}.panel-title h2{font-size:15px}.two-cols.equal-cols{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.modal-overlay{padding:12px}.modal{max-height:94vh;border-radius:15px}.modal-header{padding:20px 20px 16px}.modal-body{padding:20px}.modal-footer{padding:15px 20px 20px}.modal-header h2{font-size:17px}.form-row{gap:10px}.filter-bar{gap:7px}.filter-bar select,.date-input{font-size:10px;padding:9px}.date-input{max-width:135px}.date-range{width:100%;display:flex;gap:7px}.date-range .date-input{max-width:none;width:100%;min-width:0}.toast{left:50%;bottom:88px;width:max-content;max-width:90vw;font-size:11px}.drawer-card .drawer-amount{font-size:38px}.receipt-meta{font-size:9px}.chart{gap:7px}.chart-value{font-size:8px}.notice{font-size:10px}}
@media(max-width:400px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:138px}.product-name{font-size:10px}.brand-banner h2{font-size:24px}.banner-buddy{width:138px;right:-6px}.brand-banner{padding:21px 18px}.topbar:before{font-size:20px}.branch-picker select{max-width:126px}.category-tabs{gap:5px}.category-tabs button{font-size:9px;padding:8px}.account .avatar{display:none}.checkout-total .amount{font-size:39px}}
@media print{@page{size:auto;margin:3mm}body{background:white!important;font-size:11px}#app,#toast-root,.modal-header,.modal-footer{display:none!important}#modal-root,.modal-overlay,.modal,.modal-body{display:block!important;position:static!important;background:white!important;box-shadow:none!important;backdrop-filter:none!important;max-height:none!important;width:100%!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important}.no-print{display:none!important}.only-print{display:block}.receipt-line{font-size:10px}.receipt-meta{font-size:9px}.receipt-brand .logo{color:#111!important}.receipt-totals .receipt-line.total{color:#111!important}.receipt-bottom{color:#333}.success-mark{display:none!important}.receipt-brand{padding-top:5px}.receipt-line,.receipt-meta,.receipt-totals{break-inside:avoid}}
/* PODLAB retail extensions */
.nav{gap:4px}.nav button{height:43px}.sidebar-note{padding-top:12px}.sidebar-note .tiny-buddy{width:77px}.scan-trigger{padding:4px 6px;color:var(--blue);display:grid;place-items:center}.promo-assist{border:1px solid #e9dbc7;border-radius:12px;background:#fffbef;margin:0 0 18px;padding:13px 15px}.promo-assist-title{display:flex;gap:7px;align-items:center;color:#b28642;font-size:10px;font-weight:500;margin-bottom:5px}.promo-assist-title button{margin-left:auto;font-size:9px;color:#a38b66;padding:0}.promo-tip{display:flex;gap:12px;align-items:center;padding:8px 0}.promo-tip+.promo-tip{border-top:1px dashed #ebdfc7}.promo-tip b{font-size:11px;font-weight:500;color:#6f5739}.promo-tip p{font-size:9px;color:#a08d71;margin-top:4px;line-height:1.7}.promo-tip .btn{white-space:nowrap;font-size:9px;padding:6px 9px}.promo-applied{background:#e8f2e8;color:var(--green);border-color:#c8ddca}.remove-promo{font-size:9px;color:#ac8e66;padding:5px 0 0}.variant-product-art{width:138px;height:115px;background:#f0ede5;border-radius:13px;margin:0 auto 20px;display:grid;place-items:center}.variant-product-art svg{width:90%;height:96%}.variant-options{display:flex;flex-direction:column;gap:9px}.variant-option{border:1px solid #e1e6ee;border-radius:11px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;background:white}.variant-option:hover{border-color:#9bb2ef;background:#f8faff}.variant-option b{font-size:13px;font-weight:500}.variant-option small{display:block;font-size:9px;color:#a0a8af;margin-top:6px}.variant-option p{font-size:9px;color:#818d9c;margin-top:5px}.variant-option>svg{color:var(--blue)}.variant-option .text-right b{font-size:15px}.variant-tag{font-size:9px;color:var(--blue);background:#edf2ff;padding:2px 5px;border-radius:4px;display:inline-block;margin-left:7px}.variant-siblings{padding:13px;background:#f6f8fc;border-radius:9px;display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.variant-siblings label{width:100%;font-size:10px;color:#93a0ae;margin-bottom:4px}.stock-location{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:9px;color:#8493a3;padding:0;text-align:left}.stock-location span{display:flex;align-items:center;gap:5px}.stock-location span:first-child{color:#617797}.stock-location:hover{color:var(--blue)}.location-summary{display:flex;gap:15px;align-items:center;padding:13px;background:#f7f5ed;border-radius:11px;margin-bottom:23px}.location-summary>div:first-child{width:70px;height:67px}.location-summary svg{width:100%;height:100%}.location-summary b{font-size:12px;font-weight:500}.location-summary p{font-size:9px;color:#9ba4ad;margin:7px 0}.location-summary .pill{font-size:9px}.promo-page-hero{background:var(--blue);border-radius:15px;color:white;display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:23px;padding:25px}.promo-page-hero .en{font-size:9px;letter-spacing:2px;color:#b7c8fb}.promo-page-hero h2{font-size:22px;margin:10px 0}.promo-page-hero p{font-size:11px;color:#cbd7f9;line-height:1.8}.promo-page-hero>div:last-child{width:150px;flex-shrink:0}.promo-page-hero svg{width:100%}.promo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.promo-card{border:1px solid #e4e7ec;border-radius:13px;padding:19px;min-width:0}.promo-card:nth-child(3n+1){background:#fffcf3}.promo-card:nth-child(3n+2){background:#f2f5ff}.promo-card:nth-child(3n){background:#f9f2f6}.promo-card h3{font-size:14px;margin-top:22px}.promo-value{font-size:29px;color:var(--blue);font-weight:600;letter-spacing:-1px;margin:10px 0}.promo-card>p{font-size:10px;color:#8a94a1;line-height:1.9;min-height:40px}.promo-conditions{border-top:1px dashed #dce1e9;padding-top:13px;margin-top:17px;display:flex;flex-direction:column;gap:6px;font-size:9px;color:#929eab}.settings-shortcuts{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.printer-connect{padding:15px;background:#f2f5fd;border-radius:10px;display:flex;align-items:center;gap:12px;justify-content:space-between}.printer-connect b{font-size:12px;font-weight:500}.printer-connect p{font-size:9px;color:#8f9cb0;margin-top:6px}.scan-target{padding:14px 0 24px;text-align:center;color:var(--blue)}.scan-target>svg{border:1px dashed #c2d0f5;padding:12px;box-sizing:content-box;border-radius:14px;background:#f5f8ff}.scan-target p{font-size:11px;line-height:1.9;margin-top:15px;color:#8c99ab}.email-preview{padding:15px;background:#f4f6ff;border-radius:12px;display:flex;align-items:center;gap:13px}.email-preview-icon{width:45px;height:45px;display:grid;place-items:center;background:#e1e9ff;border-radius:12px;color:var(--blue)}.email-preview b{font-size:12px;font-weight:500}.email-preview p{font-size:10px;line-height:1.8;color:#94a0b1;margin-top:6px}.checkout-promo-note{border:1px dashed #d8c5a1;background:#fffbef;border-radius:10px;padding:12px;font-size:11px;color:#aa8042;margin-bottom:18px}.checkout-promo-note svg{margin-right:7px}.checkout-promo-note small{display:block;font-size:9px;line-height:1.8;margin-top:5px;color:#ad9a7c}
.podlab-receipt{max-width:360px;margin:0 auto;background:#fffef9;padding:0 21px 16px;border:1px solid #f0eee5;border-radius:15px 15px 4px 4px;overflow:hidden;font-size:11px}.receipt-topline{display:flex;justify-content:space-between;border-bottom:1px dashed #d5dced;padding:14px 0 10px;font-family:'Space Grotesk',sans-serif;letter-spacing:1.8px;font-size:7px;color:#8497bf}.receipt-hello{text-align:center;padding:7px 0 21px}.receipt-mascot{width:82px;height:59px;margin:0 auto 7px}.receipt-mascot svg{height:100%;width:100%}.receipt-hello .logo{font-size:35px}.receipt-type{display:table;margin:13px auto 7px;background:#f9e2d7;color:#c1684c;padding:4px 12px;border-radius:15px;font-size:10px}.receipt-shop{font-size:10px;color:#8291a4;margin-top:9px}.receipt-scallop{height:12px;margin:0 -21px;background:radial-gradient(circle at 8px 0,#fffef9 7px,transparent 7.5px) 0 0/16px 12px repeat-x;background-color:#f3efdf;border-bottom:1px dashed #d8dce1}.receipt-ticket-meta{display:flex;flex-direction:column;gap:7px;padding:18px 0;color:#7b8a9b;font-size:9px}.receipt-ticket-meta .en{font-size:10px;letter-spacing:.6px;color:#4e6383}.demo-receipt-label{font-size:9px;color:#b87c43;background:#fff2df;padding:5px 9px;border-radius:5px;font-weight:400;align-self:flex-start}.receipt-item-head{display:flex;justify-content:space-between;font-size:9px;color:#97a0aa;border-bottom:1px dashed #d4dbe3;padding:4px 0 10px;margin-bottom:4px}.podlab-receipt .receipt-line{font-size:10px;line-height:1.8;gap:15px}.podlab-receipt .receipt-line>div{min-width:0;overflow-wrap:anywhere}.podlab-receipt .receipt-line>span.en{white-space:nowrap;align-self:flex-start}.podlab-receipt .receipt-line small{font-size:8px;line-height:1.8}.podlab-receipt .receipt-line small .en{font-size:7px}.podlab-receipt .receipt-totals{margin-top:12px}.receipt-pay-total{background:#eaf0ff;color:var(--blue);border-radius:9px;display:flex;justify-content:space-between;align-items:center;padding:13px 12px;margin:13px -4px;font-size:12px;font-weight:500}.receipt-pay-total .en{font-size:25px;font-weight:600;letter-spacing:-.6px}.receipt-reference{max-width:62%;overflow-wrap:anywhere;white-space:normal!important}.receipt-note{font-size:9px;color:#98a0aa;padding:10px 0;overflow-wrap:anywhere}.receipt-thanks{display:flex;flex-direction:column;gap:7px;text-align:center;padding:19px 0 9px;font-size:9px;color:#8b9ab0;border-top:1px dashed #d9dfe6;margin-top:18px}.receipt-thanks .en{font-size:9px;color:var(--blue);letter-spacing:1px}.receipt-thanks small{font-size:7px;color:#a0a8b1}.receipt-flower{font-size:27px;color:var(--orange);line-height:1.1}.receipt-stitches{height:5px;background:repeating-linear-gradient(90deg,#d7dfee 0 5px,transparent 5px 10px);margin:12px 0 0}.receipt-success{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:var(--green);background:#edf5ee;padding:12px;border-radius:9px;margin-bottom:18px}.receipt-controls{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#97a0aa;gap:8px;margin-top:17px}.receipt-controls button{color:var(--blue);font-size:9px;padding:0}.modal-footer{flex-wrap:wrap}
@media(max-width:1200px){.promo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-tip p{font-size:8px}.promo-assist{padding:11px 12px}.promo-assist-title{font-size:9px}.promo-tip b{font-size:10px}}
@media(max-height:850px) and (min-width:1051px){.sidebar-note .tiny-buddy{display:none}.sidebar-note{padding:14px 4px}.sidebar-note h3{font-size:9px}.sidebar-note p{font-size:8px}}
@media(max-width:760px){.promo-card-grid{grid-template-columns:1fr}.promo-page-hero{padding:21px 19px}.promo-page-hero h2{font-size:18px}.promo-page-hero p{font-size:9px}.promo-page-hero>div:last-child{width:90px}.promo-page-hero .en{font-size:7px}.promo-assist{padding:12px}.promo-tip p{font-size:9px}.promo-tip b{font-size:11px}.promo-tip .pill{font-size:8px}.promo-assist-title{font-size:10px}.variant-option{padding:12px}.variant-option b{font-size:12px}.variant-option .text-right b{font-size:13px}.settings-shortcuts .btn{font-size:10px;flex:1}.podlab-receipt{padding-left:17px;padding-right:17px}.modal-footer .btn{font-size:10px;padding:9px 12px}.printer-connect{flex-wrap:wrap}.receipt-pay-total .en{font-size:23px}.promo-assist-title button{font-size:8px}}
@media print{.podlab-receipt{width:74mm;max-width:100%;border:0!important;padding:0 1mm!important;border-radius:0!important;color:#000!important;background:#fff!important;margin:0!important;page-break-after:auto;font-size:10px;overflow:visible!important}.receipt-topline,.receipt-ticket-meta,.receipt-item-head,.receipt-hello,.receipt-thanks,.receipt-shop,.receipt-note,.receipt-type{color:#000!important}.receipt-type{background:transparent!important;border:1px solid black}.receipt-hello .logo,.receipt-pay-total,.receipt-thanks .en{color:#000!important}.receipt-pay-total{background:white!important;border-top:2px solid black;border-bottom:2px solid black;border-radius:0;padding:10px 0;margin:10px 0}.receipt-scallop{height:6px;background:none!important;border-bottom:1px dashed black}.receipt-mascot{filter:grayscale(1) contrast(2)}.receipt-topline{padding-top:0;font-size:6px;letter-spacing:1px}.receipt-flower{color:#000!important}.receipt-stitches{border-top:1px dashed #000;background:none!important;height:1px}.receipt-thanks{padding-bottom:0}.receipt-thanks small{color:#333!important}body[data-receipt-paper="58"] .podlab-receipt{width:52mm}body[data-receipt-paper="58"] .podlab-receipt .receipt-line{font-size:8px;gap:6px}body[data-receipt-paper="58"] .receipt-pay-total .en{font-size:19px}body[data-receipt-paper="58"] .receipt-topline{font-size:5px;letter-spacing:.5px}body[data-receipt-paper="58"] .receipt-hello .logo{font-size:29px}body[data-receipt-paper="58"] .receipt-ticket-meta{font-size:8px}body[data-receipt-paper="58"] .receipt-thanks .en{font-size:7px;letter-spacing:0}.receipt-controls,.receipt-success{display:none!important}}
.manual-mail-note{font-size:9px;line-height:1.9;color:#96a0ad;margin:14px 0}
.sidebar{overflow-y:auto}.brand,.nav,.sidebar-note,.sidebar-bottom{flex-shrink:0}.checkout-promo-note .btn{margin-top:9px}
/* Counter, catalog photos and structured locations */
.seller-field{margin:13px 0 0}.cart-header .seller-field{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:9px}.cart-header .seller-field select{padding:7px 9px;font-size:10px;background:#f5f7fd;border-color:#e0e7f6}.cart-header .seller-field label{font-size:10px}.checkout-delivery{margin:22px 0 17px;border:1px solid #dce4f7;background:#f7f9ff;border-radius:13px;padding:17px}.checkout-delivery h3{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:12px;margin-bottom:17px}.checkout-delivery .field{margin-bottom:12px}.delivery-note{font-size:10px;color:#8b99af;line-height:1.8}.checkout-delivery [hidden]{display:none!important}.seller-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seller-card{border:1px solid #e3e7ef;padding:13px;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left}.seller-card b{font-size:12px;font-weight:500}.seller-card small{font-size:9px;display:block;color:#9aa5b4;margin-top:5px}.category-directory{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.product-photo{height:100%;width:100%;object-fit:contain;display:block;border-radius:inherit}.product-image>.product-photo{position:absolute;inset:0;object-fit:cover}.product-image .stock-label,.product-image .product-added{z-index:1}.cart-thumb .product-photo,.thumb .product-photo{object-fit:cover}.product-upload{padding:16px;background:#f7f5ee;border:1px dashed #ddd8c6;border-radius:11px;margin:14px 0 20px}.product-upload .field{margin-bottom:13px}#product-photo-gallery{display:flex;gap:10px;flex-wrap:wrap}.photo-preview{position:relative;width:95px;height:95px;border:1px solid #dfe4ee;border-radius:9px;overflow:hidden;background:#fff}.photo-preview .product-photo{object-fit:cover}.photo-preview>button{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff;color:#a35143;box-shadow:0 2px 7px #0002}.photo-preview>span{position:absolute;bottom:5px;left:5px;font-size:8px;background:#2855d7;color:#fff;padding:2px 6px;border-radius:4px}.photo-empty{font-size:10px;color:#a19a84;line-height:1.8}.location-fields{border:1px solid #e1e7f0;border-radius:12px;padding:16px;margin:0 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.location-fields legend{padding:0 7px;font-size:12px;color:var(--blue)}.location-fields legend svg{vertical-align:middle}.location-fields .field{margin:0}.location-fields .field:first-of-type{grid-column:1/-1}.receipt-controls select{font-size:10px;border:1px solid #dbe3f3;padding:7px;border-radius:7px;max-width:180px;background:white;color:var(--blue)}
/* Full-size A4 receipt, with a repeatable table header for long bills. */
.podlab-receipt.receipt-a4{max-width:none;width:100%;padding:28px 24px 20px;border:1px solid #e3e7ee;background:#fffef9;border-radius:10px;color:#253853}.a4-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.a4-header .logo{font-size:36px}.a4-header p{font-size:10px;line-height:1.7;margin-top:8px;color:#8391a5}.a4-header p.en{font-size:7px;letter-spacing:1.4px;color:#2855d7}.a4-title{text-align:right;flex-shrink:0}.a4-title h2{font-size:18px;color:var(--blue);margin-top:3px}.a4-title>span{font-size:8px;letter-spacing:2px;color:#a7b1c0}.a4-title .receipt-mascot{height:48px;width:64px;margin:0 0 0 auto}.a4-rule{height:5px;margin:22px 0;background:linear-gradient(90deg,#2855d7 0 70%,#ef7255 70% 82%,#ed9db3 82% 91%,#f4ce59 91%)}.a4-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:23px 0 27px;font-size:10px;line-height:1.8}.a4-meta>div{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.a4-meta small,.a4-payment>small{font-size:8px;letter-spacing:.3px;color:#96a1b1;margin-top:6px}.a4-meta b{font-weight:500;color:#2855d7}.a4-items{width:100%;border-collapse:collapse;table-layout:fixed}.a4-items th{background:#edf1fd;color:#2855d7;padding:10px 7px;font-size:9px;font-weight:500;text-align:right}.a4-items th:nth-child(1){width:7%;text-align:left}.a4-items th:nth-child(2){width:40%;text-align:left}.a4-items th:nth-child(3){width:12%}.a4-items th:nth-child(4){width:20%}.a4-items th:nth-child(5){width:21%}.a4-items td{padding:14px 7px;border-bottom:1px solid #e9edf2;font-size:10px;text-align:right;vertical-align:top;overflow-wrap:anywhere}.a4-items td:nth-child(1),.a4-items td:nth-child(2){text-align:left}.a4-items small{display:block;font-size:7px;color:#99a6ba;margin-top:4px}.a4-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0 40px}.a4-payment{font-size:10px;line-height:1.9;overflow-wrap:anywhere}.a4-payment>small,.a4-payment>b{display:block}.a4-payment b{font-weight:500;color:#2855d7;margin:3px 0 9px}.receipt-a4 .receipt-totals{margin:0;padding:0;border:0}.receipt-a4 .receipt-pay-total{margin:13px 0 0;padding:12px 10px;font-size:11px}.receipt-a4 .receipt-pay-total b{font-size:20px}.a4-footer{border-top:1px dashed #d5deef;padding-top:20px;display:flex;align-items:center;gap:14px;font-size:9px;line-height:1.9}.a4-footer b{font-size:9px;letter-spacing:.5px;color:var(--blue)}.a4-footer small{font-size:8px;color:#a1adbd}.a4-footer>span:last-child{margin-left:auto;font-size:7px;color:#a1adbd;white-space:nowrap}.a4-footer p{font-size:9px;color:#8b99ad}
@media(max-width:760px){.seller-directory{grid-template-columns:1fr}.checkout-delivery{padding:13px}.location-fields{padding:13px;gap:10px}.podlab-receipt.receipt-a4{padding:18px 12px}.a4-header{gap:10px}.a4-header .logo{font-size:28px}.a4-title h2{font-size:14px}.a4-items td,.a4-items th{font-size:8px;padding-left:3px;padding-right:3px}.a4-meta{font-size:9px;gap:10px}.a4-bottom{gap:12px}.receipt-a4 .receipt-pay-total b{font-size:16px}.a4-footer>span:last-child{display:none}.receipt-controls{flex-wrap:wrap}.receipt-controls select{flex:1}}
@media print{body[data-receipt-paper="a4"] .podlab-receipt.receipt-a4{width:100%;max-width:none;padding:0!important;border:0;border-radius:0;color:#18273d!important;font-size:11pt;overflow:visible!important}.receipt-a4 .a4-header .logo{font-size:31pt}.receipt-a4 .a4-title h2{font-size:20pt}.receipt-a4 .a4-rule{background:none!important;border-top:3pt solid #2855d7;height:0;margin:7mm 0}.receipt-a4 .a4-meta{font-size:10pt;margin:7mm 0 9mm;line-height:1.8}.receipt-a4 .a4-meta small{font-size:8pt}.receipt-a4 .a4-items{font-size:10pt}.receipt-a4 .a4-items thead{display:table-header-group}.receipt-a4 .a4-items th{border-bottom:1pt solid #2855d7;background:transparent!important;font-size:9pt;padding:3mm 2mm}.receipt-a4 .a4-items td{font-size:10pt;padding:4mm 2mm}.receipt-a4 .a4-items tr,.receipt-a4 .a4-bottom,.receipt-a4 .a4-footer{break-inside:avoid}.receipt-a4 .a4-items small{font-size:8pt}.receipt-a4 .a4-bottom{margin:8mm 0 15mm;gap:10mm}.receipt-a4 .a4-payment{font-size:10pt}.receipt-a4 .receipt-line{font-size:10pt}.receipt-a4 .receipt-pay-total{border-top:1pt solid #2855d7;border-bottom:2pt solid #2855d7;color:#18273d!important}.receipt-a4 .receipt-pay-total b{font-size:20pt}.receipt-a4 .a4-footer{font-size:9pt;padding-top:6mm}.receipt-a4 .a4-footer b{font-size:10pt}.receipt-a4 .a4-footer p{font-size:9pt}.receipt-a4 .a4-footer small{font-size:8pt}.receipt-a4 .a4-header,.receipt-a4 .a4-meta{break-inside:avoid}}
.cashier-note{display:block;font-size:9px;color:#97a3b5;margin-top:4px}
.customer-queue-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf2ff;border:1px solid #dce5ff;border-radius:14px;padding:17px 19px;margin:18px 0}.queue-eyebrow{font-family:'Space Grotesk',sans-serif;color:var(--blue);font-size:8px;letter-spacing:1.7px}.queue-strip-copy h3{font-size:14px;font-weight:500;margin:7px 0;color:var(--blue)}.queue-strip-copy h3 span{font-size:11px;margin-left:10px;color:#8392ae}.queue-strip-copy h3 strong{margin-left:7px;font-size:23px}.queue-strip-copy p{font-size:9px;color:#8a98ae;line-height:1.8}.queue-strip-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.queue-strip-actions .row-action{font-size:9px}.queue-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.queue-metrics>div{background:white;border:1px solid #e5eaf1;border-radius:13px;padding:20px;display:flex;justify-content:space-between;align-items:center}.queue-metrics span{font-size:11px;color:#8593a8}.queue-metrics b{font-size:29px;color:var(--blue)}.queue-number{font-size:19px;color:var(--blue)}.queue-ticket{text-align:center;padding:0 21px 25px}.queue-ticket>.logo{font-size:32px;margin:25px 0 10px}.queue-ticket p{font-size:11px;color:#8491a5;line-height:1.9;margin:15px 0}.queue-ticket h2{font-size:15px;font-weight:500;margin-top:25px}.queue-ticket-number{display:block;color:var(--blue);font-size:66px;letter-spacing:-2px;margin:12px 0}.checkout-discount-choice{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px;background:#f5f7fb;border-radius:10px;margin:0 0 14px}.checkout-discount-choice>div{flex:1}.checkout-discount-choice b{font-size:11px;font-weight:500}.checkout-discount-choice small{display:block;font-size:9px;line-height:1.8;color:#8a99ac}.checkout-discount-choice .row-action{font-size:10px}.discount-selected{background:#e6edff!important;color:var(--blue)!important;border-color:#b7c9fb!important}.receipt-queue-number{font-size:19px!important;letter-spacing:1px;color:var(--blue)}[hidden]{display:none!important}
@media(max-width:1050px){.customer-queue-strip{flex-wrap:wrap}.queue-strip-actions{justify-content:flex-start}.queue-metrics{gap:9px}.queue-metrics>div{padding:14px}.queue-metrics span{font-size:10px}.queue-metrics b{font-size:24px}}
@media print{.queue-ticket-number,.receipt-queue-number{color:#000!important}.queue-ticket h2,.queue-ticket p{color:#000!important}.queue-ticket-number{font-size:52px}}

/* Supplied PODLAB mark, shared by the workspace, tickets and receipt layouts. */
.logo{width:136px;height:auto;max-width:100%;font-size:0;line-height:0;letter-spacing:0;gap:0;flex-shrink:0}
.logo .brand-logo{display:block;width:100%;height:auto;aspect-ratio:1780/879;object-fit:contain}
.brand .logo:before{content:none}.brand .logo{width:130px}.brand-sub{margin-top:9px}
.mobile-brand{display:none}.auth-brand .logo{width:120px;margin-bottom:17px}.auth-brand h2{font-size:21px}
.receipt-hello .logo{width:144px}.a4-header .logo{width:154px}.queue-ticket>.logo{width:144px}
@media(min-width:761px) and (max-width:1050px){.brand .logo{width:54px}}
@media(max-width:760px){.mobile-brand{display:block;flex-shrink:0}.mobile-brand .logo{width:60px}.topbar{gap:10px}.a4-header .logo{width:118px}}
@media print{.podlab-receipt .brand-logo{filter:grayscale(1) contrast(1.5)}.receipt-hello .logo,.queue-ticket>.logo{width:36mm}body[data-receipt-paper="58"] .receipt-hello .logo{width:29mm}.receipt-a4 .a4-header .logo{width:40mm}}