@font-face{font-family:DemoArabic;src:url('../fonts/NotoSansArabic.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#eef1f5;color:#1a2c36;font-family:DemoArabic,system-ui,sans-serif;font-size:14px;line-height:1.7}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4e6fbd;outline-offset:3px}button{border:1px solid #d1dbe4;background:#fff;padding:9px 12px;border-radius:9px;color:#27425a;font-size:12px;min-height:42px}input,select{min-width:0;width:100%;background:#fff;border:1px solid #cdd7e1;border-radius:10px;padding:11px 12px;color:#213642}h1,h2,h3,p{margin-top:0}h1,h2{font-size:21px;line-height:1.8}h3{font-size:17px;line-height:1.7}.demo-skip{position:absolute;top:-100px;z-index:10;background:#fff;padding:15px}.demo-skip:focus{top:10px}.demo-header{background:#152d3b;color:#f3f7f9;padding:19px max(22px,calc((100vw - 1440px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:4px solid #b6cae3}.demo-brand{display:flex;align-items:center;gap:13px;text-decoration:none}.demo-monogram{display:grid;place-items:center;width:46px;height:46px;background:#d7e8fa;color:#203b55;border-radius:13px;font:25px system-ui}.demo-brand strong{font-size:16px}.demo-brand small{display:block;font-size:10px;color:#bdcddd}.demo-header nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px}.demo-header nav a{text-decoration:none}.demo-header nav button{background:#ffffff10;color:#fff;border-color:#ffffff35}.demo-shell{width:min(1440px,calc(100% - 44px));margin:auto;padding-block:24px 45px}.demo-disclosure{display:flex;gap:13px;padding:16px 20px;background:#e2eaf4;border:1px solid #d1dfed;border-radius:12px;color:#475c70}.demo-disclosure>span{font-size:24px}.demo-disclosure p{font-size:12px;line-height:1.9;margin:0}.demo-status{font-size:12px;min-height:22px;color:#416153;margin-block:14px}.demo-error{background:#fff0ed;border:1px solid #e3b9ad;color:#913c2c;padding:13px 17px;border-radius:10px;font-size:13px}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.demo-metrics>div{background:#fff;border:1px solid #d7e0e8;border-radius:13px;padding:20px}.demo-metrics span{display:block;font-size:11px;color:#637282;margin-bottom:10px}.demo-metrics strong{font-size:24px;direction:ltr;display:inline-block;line-height:1.6;font-variant-numeric:tabular-nums}.pos-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:24px;align-items:start}.demo-panel{background:#fff;border:1px solid #d9e1e8;border-radius:17px;padding:25px;min-width:0}.demo-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;border-bottom:1px solid #e5ebf0;padding-bottom:12px}.demo-panel-heading h1,.demo-panel-heading h2{margin:0;font-size:20px}.demo-panel-heading>span{color:#8699a9;font:12px system-ui}.demo-label{display:block;font-size:12px;margin-bottom:8px;color:#657480}.demo-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.demo-product{background:#fbfcfe;border:1px solid #dce3e9;border-radius:13px;padding:17px;min-width:0}.demo-product>small{font:10px system-ui;color:#8a9bab}.demo-product h2{font-size:16px;margin-block:8px}.demo-product>strong{font-size:18px;direction:ltr;display:inline-block;font-variant-numeric:tabular-nums}.demo-product>p{font-size:11px;color:#7c8a95;margin-block:5px 12px}.product-actions{display:grid;gap:5px}.product-actions>button:first-child{background:#edf2fa;border-color:#cfdbeb}.demo-text-button{border:0;background:transparent;font-size:10px;text-decoration:underline;min-height:32px}.sample-pack{height:105px;background:#edf1f5;border-radius:10px;margin-bottom:15px;position:relative;display:flex;align-items:center;justify-content:center}.sample-pack>i{display:block;width:43px;height:75px;border-radius:8px 8px 13px 13px;background:#b3caad;border-top:12px solid #456f54;box-shadow:6px 8px 0 #0000000b}.sample-pack>span{position:absolute;inset-inline-start:12px;bottom:12px;font:9px system-ui;color:#647789;letter-spacing:.12em}.sample-pack.shampoo>i{height:82px;background:#acc6dc;border-top-color:#405e78}.sample-pack.cleanser>i{height:68px;background:#d8c7b3;border-top:9px solid #8c6958;border-radius:5px 5px 12px 12px}.sample-pack.soap>i{width:70px;height:43px;background:#e2d6be;border:0;border-radius:12px}.pos-sale{position:sticky;top:20px}.demo-cart-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 30px;gap:10px;align-items:center;border-bottom:1px solid #e8edf1;padding-block:12px}.demo-cart-row strong{display:block;font-size:12px}.demo-cart-row small{font-size:10px;color:#7d8b97;direction:ltr;display:inline-block}.demo-cart-row input{padding:6px;width:65px;text-align:center}.demo-remove{padding:0;min-height:30px;width:30px;border:0;font:22px system-ui;background:#f6eeee;color:#8b5145}.pos-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.pos-inputs label{font-size:11px;line-height:1.8}.pos-inputs input{margin-top:7px;direction:ltr}.demo-totals{padding:0;margin-block:20px}.demo-totals>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px}.demo-totals>div:nth-child(2){font-weight:bold;font-size:20px;border-block:1px solid #dde5ec;padding-block:13px;margin-block:8px}.demo-totals dd{margin:0;direction:ltr;font-variant-numeric:tabular-nums}.demo-primary{background:#274f79;color:#fff;border-color:#274f79;width:100%;font-weight:700;padding:13px;min-height:51px}.demo-empty{font-size:12px;line-height:2;color:#81909c;padding-block:20px}.demo-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.demo-invoice{padding-block:15px;border-bottom:1px solid #e3eaf0}.invoice-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.invoice-title>b{margin-inline-start:auto;direction:ltr}.status-chip{display:inline-block;font-size:10px;border-radius:15px;background:#e4edf8;padding:4px 9px;color:#4b6583}.status-chip.refunded,.status-chip.waiting{background:#fff0d8;color:#8a652e}.status-chip.closed{background:#e8ece9;color:#647363}.status-chip.contacted{background:#dff0e4;color:#3b6b4b}.invoice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.invoice-actions button{font-size:10px}.demo-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.demo-toolbar button{font-size:10px}.demo-movement{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;border-bottom:1px solid #e6ecf1;padding-block:12px;font-size:11px;align-items:center}.demo-movement small{color:#7b8b98;font:10px system-ui;overflow-wrap:anywhere}.demo-movement b{direction:ltr;font-variant-numeric:tabular-nums}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;padding-top:25px;border-top:1px solid #ced9e1}.demo-footer h2{font-size:20px;margin-bottom:7px}.demo-footer p{font-size:12px;color:#6b7c86;max-width:750px}.demo-footer>a{background:#d9e4ee;padding:11px 16px;border-radius:9px;text-decoration:none;font-size:12px;white-space:nowrap}.demo-whatsapp-router{background:#f0f4ed}.demo-whatsapp-router .demo-header{background:#193e35;border-color:#c9dec3}.demo-whatsapp-router .demo-monogram{background:#cce5bd;color:#254c35}.demo-whatsapp-router .demo-disclosure{background:#e5efdf;border-color:#d4e1cb;color:#56664b}.demo-whatsapp-router .demo-panel{border-color:#dbe5d3}.demo-whatsapp-router .demo-primary{background:#315c43;border-color:#315c43}.router-top{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.router-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.router-fields label,.router-view label{font-size:12px}.router-fields select,.router-view select{margin-top:8px}.demo-small{font-size:11px;line-height:1.9;color:#6c7e63;margin-block:18px 0}.router-agents{display:grid;gap:14px}.router-agent{display:flex;gap:14px;align-items:center;padding:14px;background:#f5f8f0;border-radius:12px}.agent-avatar{width:40px;height:40px;display:grid;place-items:center;background:#e1ecd7;border-radius:50%;font:17px system-ui;color:#4e7047}.router-agent>div{flex:1}.router-agent strong{font-size:13px}.router-agent small{display:block;color:#7d8e73;font-size:10px}.availability.on{background:#deedd5;color:#426437;border-color:#bad0ac}.availability.off{background:#f1e9e2;border-color:#d8cabc;color:#8d6a4e}.availability{font-size:11px;min-width:70px}.router-view{display:flex;align-items:end;justify-content:space-between;gap:18px}.router-view label{width:min(350px,100%)}.router-lead-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:22px}.router-lead{border:1px solid #dce5d5;border-radius:13px;padding:19px;background:#fcfdf9;min-width:0}.lead-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:11px system-ui}.router-lead h3{font-size:16px;margin-block:15px 8px}.router-lead>p{font-size:11px;color:#7b8b70;line-height:1.9}.lead-controls{display:grid;gap:10px;margin-top:18px}.lead-controls label{font-size:10px;color:#687c5c}.lead-controls select{margin-top:6px;padding:8px;font-size:11px}.lead-controls button{font-size:11px}.demo-whatsapp-router .demo-footer>a{background:#dce8d3}.demo-app [hidden]{display:none!important}@media(max-width:1050px){.pos-workspace{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr)}.demo-panel{padding:21px}.demo-header{align-items:start}.demo-header nav{gap:12px}.router-lead-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.demo-shell{width:calc(100% - 28px);padding-top:18px}.demo-header{flex-direction:column;padding:17px}.demo-header nav{width:100%;justify-content:space-between;gap:10px}.demo-header nav button{font-size:10px}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-metrics>div{padding:17px}.demo-metrics strong{font-size:21px}.pos-workspace,.demo-bottom-grid,.router-top{grid-template-columns:1fr;gap:18px}.pos-sale{position:static}.demo-panel{padding:20px 17px}.demo-panel-heading h1,.demo-panel-heading h2{font-size:18px}.demo-product-grid{gap:12px}.demo-product{padding:13px}.demo-product h2{font-size:14px}.demo-product>strong{font-size:16px}.product-actions button{font-size:11px}.product-actions .demo-text-button{font-size:9px}.demo-bottom-grid{margin-top:18px}.demo-footer{align-items:start;flex-direction:column}.router-lead-list{grid-template-columns:1fr}.router-view{align-items:stretch;flex-direction:column}.router-view label{width:100%}.demo-disclosure{padding:13px;gap:10px}.demo-disclosure p{font-size:11px}}@media(max-width:360px){.demo-header nav{font-size:10px}.pos-inputs,.router-fields{grid-template-columns:1fr}.demo-product-grid{grid-template-columns:1fr}.demo-metrics strong{font-size:18px}.demo-brand strong{font-size:14px}.demo-movement{grid-template-columns:1fr auto}.demo-movement small{grid-row:2}.demo-movement b{grid-column:2;grid-row:1}.invoice-title{gap:7px}.router-agent{padding:10px;gap:9px}.agent-avatar{width:32px;height:32px}.availability{padding:7px;min-width:60px}}