.page-template-page-pos-demo .site-header{background:#fff;border-bottom:1px solid #e5ebf3}.pos-demo-shell{--pos:#1557ff;--pos-dark:#071b3b;--pos-green:#13a778;--pos-bg:#f3f6fa;padding-top:84px;background:var(--pos-bg);color:#17243a}.pos-demo-notice{background:#fff3cd;border-bottom:1px solid #efd889}.pos-demo-notice .container{min-height:44px;display:flex;align-items:center;gap:15px;font-size:.72rem}.pos-demo-notice strong{color:#7a5700}.pos-demo-notice span{color:#786a42}.pos-demo-notice a{margin-left:auto;color:#6a4c00;font-weight:800}.pos-app{width:min(1500px,100%);min-height:calc(100vh - 128px);margin:auto;display:grid;grid-template-columns:238px 1fr;background:#fff;box-shadow:0 30px 90px rgba(7,27,59,.08)}.pos-sidebar{position:relative;display:flex;flex-direction:column;padding:25px 16px;background:var(--pos-dark);color:#fff}.pos-brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.pos-brand>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#15cdeb,var(--pos));font-size:.75rem;font-weight:900}.pos-brand div,.pos-store div{display:flex;flex-direction:column}.pos-brand strong{font-size:.94rem}.pos-brand small,.pos-store small{color:#8199ba;font-size:.57rem}.pos-nav{display:flex;flex-direction:column;gap:5px}.pos-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;color:#9eb1cc;text-align:left;font-size:.78rem;font-weight:700}.pos-nav button span{display:grid;place-items:center;width:22px}.pos-nav button:hover,.pos-nav button.is-active{background:#15325b;color:#fff}.pos-store{display:flex;align-items:center;gap:9px;margin-top:auto;padding:16px 8px 0;border-top:1px solid #213c60}.pos-store strong{font-size:.7rem}.pos-online{width:9px;height:9px;border-radius:50%;background:#38d99a;box-shadow:0 0 0 5px rgba(56,217,154,.11)}.pos-main{min-width:0;background:var(--pos-bg)}.pos-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e1e8f0;background:#fff}.pos-topbar small,.pos-section-head span,.pos-welcome span{color:#7d8ca1;font-size:.58rem;font-weight:850;letter-spacing:.1em}.pos-topbar h1{margin:1px 0;font-size:1.15rem}.pos-top-actions{display:flex;align-items:center;gap:13px;color:#61718a;font-size:.72rem}.pos-user{width:35px;height:35px;border:0;border-radius:50%;background:#e8efff;color:var(--pos);font-size:.65rem;font-weight:900}.pos-mobile-menu{display:none;border:0;background:transparent;font-size:1.3rem}.pos-view{padding:25px}.pos-register{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;padding:20px}.pos-tools{display:flex;gap:8px}.pos-tools label{flex:1}.pos-tools input{width:100%;height:45px;padding:0 15px;border:1px solid #dbe3ed;border-radius:10px;background:#fff;outline:0}.pos-tools input:focus{border-color:var(--pos);box-shadow:0 0 0 3px rgba(21,87,255,.1)}.pos-tools>button{width:45px;border:1px solid #dbe3ed;border-radius:10px;background:#fff;color:var(--pos)}.pos-categories{display:flex;gap:7px;overflow:auto;padding:14px 0}.pos-categories button{flex:none;padding:8px 13px;border:1px solid #dbe3ed;border-radius:99px;background:#fff;color:#66758a;font-size:.68rem;font-weight:750}.pos-categories button.is-active{border-color:var(--pos);background:var(--pos);color:#fff}.pos-product-grid{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:11px}.pos-product{position:relative;padding:10px;border:1px solid #e0e7ef;border-radius:13px;background:#fff;text-align:left;transition:.2s}.pos-product:hover{transform:translateY(-3px);border-color:#a8bfff;box-shadow:0 12px 25px rgba(21,87,255,.1)}.pos-product-art{height:95px;display:grid;place-items:center;border-radius:9px;background:var(--product-bg,#e9f0ff);font-size:2rem}.pos-product small{display:block;margin-top:9px;color:#8795a8;font-size:.55rem}.pos-product strong{display:block;min-height:36px;margin:2px 0;font-size:.72rem}.pos-product b{color:var(--pos);font-size:.75rem}.pos-product em{position:absolute;right:16px;bottom:14px;display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#e9efff;color:var(--pos);font-style:normal;font-weight:900}.pos-cart{display:flex;flex-direction:column;min-height:610px;padding:19px;border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(7,27,59,.08)}.pos-cart-head{display:flex;justify-content:space-between}.pos-cart-head div{display:flex;flex-direction:column}.pos-cart-head small{color:#8997a9;font-size:.55rem}.pos-cart-head strong{font-size:.8rem}.pos-cart-head button{border:0;background:transparent;color:#d14857;font-size:.65rem;font-weight:800}.pos-customer{display:flex;align-items:center;gap:9px;margin:14px 0;padding:10px;border:1px dashed #bdcad9;border-radius:10px;background:#f9fbfd;text-align:left}.pos-customer>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e9efff;color:var(--pos)}.pos-customer div{display:flex;flex-direction:column}.pos-customer strong{font-size:.65rem}.pos-customer small{color:#8b98aa;font-size:.53rem}.pos-cart-items{flex:1;max-height:350px;overflow:auto}.pos-empty-cart{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8795a8;text-align:center}.pos-empty-cart>span{display:grid;place-items:center;width:55px;height:55px;margin-bottom:10px;border-radius:16px;background:#eff3f8;color:#9aabc0;font-size:1.4rem}.pos-empty-cart strong{color:#536278;font-size:.78rem}.pos-empty-cart small{max-width:180px}.pos-cart-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 0;border-bottom:1px solid #edf1f6}.pos-cart-row strong{display:block;font-size:.68rem}.pos-cart-row small{color:#8795a8;font-size:.55rem}.pos-cart-controls{display:flex;align-items:center;gap:6px}.pos-cart-controls button{width:24px;height:24px;border:1px solid #dce4ed;border-radius:6px;background:#fff}.pos-cart-controls span{min-width:17px;text-align:center;font-size:.65rem}.pos-totals{padding:14px 0;border-top:1px solid #e5ebf2}.pos-totals>div{display:flex;justify-content:space-between;margin:5px 0;color:#738095;font-size:.68rem}.pos-totals .pos-total{margin-top:11px;padding-top:11px;border-top:1px dashed #d8e0ea;color:#17243a;font-size:.9rem}.pos-pay{display:flex;justify-content:space-between;width:100%;min-height:50px;padding:0 15px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--pos),#173bd6);color:#fff;font-size:.72rem;font-weight:800}.pos-pay:disabled{background:#bdc8d7;cursor:not-allowed}.pos-welcome,.pos-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.pos-welcome h2,.pos-section-head h2{margin:5px 0;font-size:1.9rem}.pos-welcome p,.pos-section-head p{margin:0;color:#718096}.pos-primary,.pos-secondary{padding:11px 16px;border:0;border-radius:9px;background:var(--pos);color:#fff;font-size:.7rem;font-weight:800}.pos-secondary{border:1px solid #d7e0ea;background:#fff;color:#536278}.pos-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pos-metrics article{padding:20px;border:1px solid #e1e8f0;border-radius:13px;background:#fff}.pos-metrics span,.pos-metrics small{display:block;color:#8492a4;font-size:.6rem}.pos-metrics strong{display:block;margin:8px 0;font-size:1.25rem}.pos-dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;margin-top:14px}.pos-chart-card,.pos-summary-card{padding:22px;border:1px solid #e1e8f0;border-radius:14px;background:#fff}.pos-chart-card>div:first-child{display:flex;justify-content:space-between}.pos-chart-card h3,.pos-summary-card h3{margin:0}.pos-chart-card span{color:#8795a8;font-size:.65rem}.pos-bars-chart{height:220px;display:flex;align-items:end;gap:7%;padding-top:25px;border-bottom:1px solid #dce4ed}.pos-bars-chart i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(#1ecbe9,var(--pos))}.pos-summary-card ol{padding:0;list-style:none}.pos-summary-card li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f5}.pos-summary-card li>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#eaf0ff;color:var(--pos);font-size:.65rem;font-weight:850}.pos-summary-card li div{display:flex;flex-direction:column}.pos-summary-card strong{font-size:.7rem}.pos-summary-card small{color:#8492a4}.pos-table-wrap{overflow:auto;border:1px solid #e0e7ef;border-radius:14px;background:#fff}.pos-table{width:100%;border-collapse:collapse;font-size:.7rem}.pos-table th,.pos-table td{padding:14px 16px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap}.pos-table th{background:#f8fafc;color:#7b899b;font-size:.58rem;text-transform:uppercase}.pos-pill{padding:5px 8px;border-radius:99px;background:#e5f7ef;color:#11805c;font-size:.55rem;font-weight:800}.pos-payment-dialog{width:min(500px,calc(100% - 30px));padding:0;border:0;border-radius:20px;box-shadow:0 40px 100px rgba(7,27,59,.35)}.pos-payment-dialog::backdrop{background:rgba(4,17,39,.65);backdrop-filter:blur(4px)}.pos-payment-dialog form{position:relative;padding:35px;text-align:center}.pos-dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:1.5rem}.pos-dialog-icon{display:grid;place-items:center;width:60px;height:60px;margin:auto;border-radius:18px;background:#e8f7f1;color:var(--pos-green);font-size:1.5rem}.pos-payment-dialog small{display:block;margin-top:14px;color:var(--pos);font-weight:900;letter-spacing:.1em}.pos-payment-dialog h2{margin:8px 0}.pos-payment-dialog p{color:#718096;font-size:.85rem}.pos-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.pos-payment-methods button{padding:13px 7px;border:1px solid #dce4ee;border-radius:9px;background:#fff;font-weight:750}.pos-payment-methods button:hover{border-color:var(--pos);color:var(--pos)}.pos-dialog-result{display:flex;flex-direction:column;margin-top:20px;padding:15px;border-radius:10px;background:#e8f7f1;color:#17694f}.pos-dialog-result span{font-size:.67rem}
@media(max-width:1100px){.pos-product-grid{grid-template-columns:repeat(3,1fr)}.pos-register{grid-template-columns:minmax(0,1fr) 310px}.pos-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.pos-demo-shell{padding-top:68px}.pos-demo-notice .container{padding-block:9px;flex-wrap:wrap}.pos-demo-notice a{margin-left:0}.pos-app{display:block;min-height:0}.pos-sidebar{position:fixed;z-index:150;top:68px;bottom:0;left:0;width:250px;transform:translateX(-105%);transition:transform .25s}.pos-sidebar.is-open{transform:none}.pos-mobile-menu{display:block}.pos-topbar{height:70px;padding:0 15px}.pos-topbar>div:first-of-type{margin-right:auto;margin-left:10px}.pos-top-actions>span{display:none}.pos-register{grid-template-columns:1fr}.pos-cart{min-height:520px}.pos-product-grid{grid-template-columns:repeat(3,1fr)}.pos-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:520px){.pos-view,.pos-register{padding:13px}.pos-topbar small{display:none}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-product-art{height:80px}.pos-categories{margin-right:-13px}.pos-metrics{grid-template-columns:1fr}.pos-welcome,.pos-section-head{align-items:flex-start;flex-direction:column}.pos-payment-methods{grid-template-columns:1fr}.pos-cart{padding:15px}.pos-table th,.pos-table td{padding:12px}.pos-dialog-result{font-size:.8rem}}
.pos-view[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.pos-sidebar,.pos-product{transition:none}}