@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#18322f;font-synthesis:none;--ink:#163b36;--paper:#fffdf7;--muted:#71817d;--amber:#f0b44d;--line:#dcd9ce;--red:#bb4b43;--shadow:0 18px 50px #19322e17;background:#f4f1e9;font-family:IBM Plex Sans Arabic,Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 5%,#fff 0,#0000 25%),#f4f1e9;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:28px;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.brand{object-fit:contain;width:145px;height:39px}.topbar nav{align-self:stretch;gap:4px;display:flex}.topbar nav button,.link-button{color:#53645f;background:0 0;border:0;padding:0 16px;font-weight:600}.topbar nav button.active{color:var(--ink);box-shadow:inset 0 -3px var(--amber)}.top-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.status-pill{white-space:nowrap;background:#f1f3ef;border-radius:100px;padding:8px 12px;font-size:12px}.status-pill i,.device-dot{border-radius:50%;width:8px;height:8px;margin-inline-end:7px;display:inline-block}.status-pill.ok i,.device-dot.ok{background:#2d9a72;box-shadow:0 0 0 4px #dff3e9}.status-pill.warn i{background:#d18b25}.status-pill.bad i,.device-dot.bad{background:var(--red)}.offline-banner{color:#765115;text-align:center;background:#fff1cf;padding:7px;font-size:13px}.page{max-width:1500px;margin:auto;padding:34px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.section-heading h1{letter-spacing:-.5px;margin:3px 0;font-size:32px}.eyebrow{letter-spacing:1.8px;color:#a36c18;font:700 11px Manrope,sans-serif}.primary,.secondary{border:1px solid var(--ink);border-radius:10px;padding:12px 18px;font-weight:700}.primary{background:var(--ink);color:#fff;box-shadow:0 8px 20px #163b362e}.primary:hover{background:#0e2b27}.secondary{color:var(--ink);background:0 0}.small{margin-inline-start:8px;padding:9px 15px}.wide{width:100%;margin-top:10px}.login-layout{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-intro{background:var(--ink);color:#fff;flex-direction:column;justify-content:center;padding:8vw;display:flex;position:relative;overflow:hidden}.login-intro:before{content:"";inset-inline-end:-180px;border:1px solid #f0b44d40;border-radius:50%;width:420px;height:420px;position:absolute;top:-110px;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff04}.login-intro img{width:180px;margin-bottom:50px}.login-intro h1{margin:0;font-size:58px;line-height:1.1}.login-intro p{color:#bad0ca;max-width:480px;font-size:18px}.security-mark{gap:14px;margin-top:50px;display:flex}.security-mark span{letter-spacing:1.5px;border:1px solid #4b6b64;padding:8px 13px;font:600 10px Manrope}.login-panel{background:var(--paper);justify-content:center;align-items:center;display:flex;position:relative}.login-panel form{width:min(430px,80%);padding:50px}.login-panel h2{margin:8px 0 34px;font-size:38px}.login-panel label{color:#53645f;margin:18px 0;font-size:13px;font-weight:700;display:block}.login-panel input{border:1px solid var(--line);background:#fbfaf5;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:14px;display:block}.login-panel input:focus,.search-box:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px #f0b44d26}.language-login{top:25px;color:var(--ink);background:0 0;border:0;font-weight:700;position:absolute;inset-inline-end:30px}.form-message,.checkout-message{color:#714e19;background:#fff2d7;border-radius:8px;margin:10px 0;padding:10px 13px;font-size:13px}.pos-layout{grid-template-columns:minmax(0,1fr) 410px;min-height:calc(100vh - 76px);display:grid}.catalog-pane{min-width:0;padding:30px}.cart-pane{background:var(--paper);border-inline-start:1px solid var(--line);flex-direction:column;height:calc(100vh - 76px);padding:24px;display:flex;position:sticky;top:76px}.search-box{border:1px solid var(--line);background:var(--paper);border-radius:11px;align-items:center;height:52px;padding:0 16px;transition:all .2s;display:flex;box-shadow:0 5px 20px #1e37320a}.search-box span{color:var(--muted);font-size:25px}.search-box input{background:0 0;border:0;outline:none;width:100%;padding:0 12px}.search-box.compact{width:400px;height:44px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:13px;max-height:calc(100vh - 245px);margin-top:20px;padding-bottom:20px;display:grid;overflow:auto}.product-card{border:1px solid var(--line);background:var(--paper);text-align:start;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:150px;padding:16px;transition:all .16s;display:flex}.product-card:hover{box-shadow:var(--shadow);border-color:#99aaa5;transform:translateY(-2px)}.product-code{letter-spacing:1px;color:var(--muted);font:600 10px Manrope}.product-card strong{font-size:16px}.product-price{color:#8c5b11;font-size:18px;font-weight:700}.product-price small,.grand-total small{font-size:11px}.cart-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.cart-title h2{margin:0}.cart-title span{background:var(--ink);color:#fff;text-align:center;border-radius:50%;width:27px;height:27px}.cart-lines{flex:1;overflow:auto}.empty-state{text-align:center;color:#91a09c;place-content:center;height:100%;display:grid}.empty-state span{font-size:50px;font-weight:200}.cart-line{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:15px 0;display:grid}.cart-line small,.table-card small,.device-list small,.diagnostic-grid small{color:var(--muted);margin-top:4px;display:block}.quantity-control{border:1px solid var(--line);border-radius:8px;align-items:center;display:flex;overflow:hidden}.quantity-control button{background:#f3f2ec;border:0;width:30px;height:30px}.quantity-control b{text-align:center;min-width:27px}.totals{border-top:1px solid var(--line);padding-top:15px}.totals p{color:#60706c;justify-content:space-between;margin:8px 0;display:flex}.grand-total{border-top:1px solid var(--line);padding-top:12px;color:var(--ink)!important;margin-top:14px!important;font-size:21px!important}.checkout{width:100%;padding:15px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:21px;position:relative;box-shadow:0 6px 25px #1a332f0a}.metric-card span{color:var(--muted)}.metric-card strong{margin-top:12px;font-size:39px;display:block}.metric-card i{top:20px;border-radius:50%;width:10px;height:10px;position:absolute;inset-inline-end:20px}.metric-card.green i{background:#2d9a72}.metric-card.amber i{background:var(--amber)}.metric-card.red i{background:var(--red)}.panel,.table-card,.recovery-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;margin-top:20px;padding:22px}.device-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.device-list article{border:1px solid var(--line);border-radius:10px;align-items:center;padding:13px;display:flex}.table-card{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:start;border-bottom:1px solid #ebe8df;padding:15px 18px}th{color:var(--muted);letter-spacing:.6px;background:#f8f6ef;font-size:11px}td code{background:#edf0ec;border-radius:5px;padding:5px 7px}.empty-table{text-align:center;color:var(--muted);padding:30px}.diagnostic-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.diagnostic-grid article{background:var(--paper);border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.check{color:#fff;border-radius:50%;place-content:center;width:34px;height:34px;font-weight:800;display:grid}.check.ok{background:#2d9a72}.check.bad{background:var(--red)}.recovery-card{justify-content:space-between;align-items:center;display:flex}.recovery-card p{color:var(--muted);max-width:700px}.recovery-card h2{margin:6px 0}.recovery-card strong{color:#277b5d;display:block}@media (width<=1050px){.topbar{gap:10px;padding:0 14px}.brand{width:110px}.topbar nav button{padding:0 8px}.status-pill{display:none}.pos-layout{grid-template-columns:1fr 360px}.metric-grid,.diagnostic-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.login-layout{grid-template-columns:1fr}.login-intro{display:none}.login-panel{min-height:100vh}.topbar{flex-wrap:wrap;height:auto;padding:10px}.topbar nav{order:3;width:100%;height:42px;overflow:auto}.top-actions{font-size:12px}.pos-layout{display:block}.catalog-pane{padding:16px}.cart-pane{border-inline-start:0;border-top:1px solid var(--line);height:auto;position:static}.product-grid{grid-template-columns:repeat(2,1fr);max-height:none}.metric-grid,.diagnostic-grid{grid-template-columns:1fr}.page{padding:18px}.section-heading{flex-direction:column;align-items:stretch}.search-box.compact{width:100%}.recovery-card{display:block}.recovery-card button{width:100%;margin-top:15px}}.storage-summary{background:#ffffff14;border:1px solid #fff3;border-radius:10px;gap:5px;margin:18px 0;padding:13px;display:grid}.storage-summary.ok{border-color:#6fcf97}.storage-summary.bad{border-color:#eb5757}.storage-summary small,.storage-summary code{overflow-wrap:anywhere;color:inherit}.tab-strip{border-bottom:1px solid var(--line);gap:7px;margin-bottom:20px;display:flex;overflow:auto}.tab-strip button{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:12px 17px;font-weight:700}.tab-strip button.active{color:var(--ink);border-bottom:3px solid var(--amber)}.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-card,.designer-tools,.designer-canvas{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:22px}.form-card h2,.designer-tools h2{margin-top:0}.form-card label,.designer-tools label,.properties label{color:#53645f;margin:13px 0;font-size:13px;font-weight:700;display:block}.form-card input,.form-card select,.designer-tools input,.designer-tools select,.section-heading select{border:1px solid var(--line);background:#fbfaf5;border-radius:9px;width:100%;margin-top:5px;padding:11px;display:block}.inline-form,.button-row{align-items:center;gap:8px;display:flex}.inline-form input{flex:1;margin:0}.history-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr auto;align-items:center;gap:10px;margin:0;padding:10px 0;font-size:13px;display:grid}.history-row span{color:var(--muted)}.designer-grid{grid-template-columns:260px minmax(0,1fr);gap:18px;display:grid}.designer-tools>button{text-align:start;border:1px solid var(--line);background:#f8f6ef;border-radius:8px;width:100%;margin:7px 0;padding:10px;display:block}.properties{border-top:1px solid var(--line);margin-top:18px}.properties input[type=checkbox]{width:auto;display:inline}.designer-canvas{background:#e8e5dc;justify-content:center;align-items:flex-start;min-height:700px;display:flex}.receipt-preview{color:#111;background:#fff;width:302px;min-height:580px;padding:22px 15px;box-shadow:0 8px 30px #0000001f}.receipt-preview.a4{width:min(595px,100%);min-height:842px}.receipt-element{border:1px dashed #0000;min-height:34px;padding:8px;position:relative}.receipt-element:hover,.receipt-element.selected{border-color:var(--amber);background:#fff9e9}.element-actions{top:-16px;display:none;position:absolute;inset-inline-end:0}.receipt-element.selected .element-actions{display:flex}.element-actions button{border:1px solid var(--line);background:#fff;padding:2px 6px}.receipt-table{min-width:0;font-size:inherit}.receipt-table td{border-bottom:1px dotted #bbb;padding:5px}.qr-placeholder{font-size:70px;line-height:1;display:inline-block}.designer-page>.section-heading select{width:auto;margin:0;display:inline-block}@media (width<=950px){.operations-grid,.designer-grid{grid-template-columns:1fr}.designer-tools{order:2}.designer-canvas{order:1}.topbar nav{overflow:auto}}.split-payments{border-top:1px solid var(--line);gap:6px;padding:12px 0;display:grid}.split-payments>label{grid-template-columns:1fr 105px;align-items:center;gap:8px;font-size:13px;display:grid}.split-payments input{border:1px solid var(--line);text-align:end;background:#fff;border-radius:7px;width:100%;padding:7px}.payment-feedback{border-top:1px dashed var(--line);gap:5px;margin-top:5px;padding-top:8px;display:grid}.payment-feedback p{color:var(--muted);background:#f4f3ed;border-radius:8px;justify-content:space-between;align-items:center;margin:0;padding:7px 9px;font-size:13px;display:flex}.payment-feedback p b{color:var(--ink);font-size:16px}.payment-feedback .remaining{color:#714e19;background:#fff2d7}.payment-feedback .change.positive{color:#176247;background:#dff3e9}.payment-feedback .change.positive b{color:#176247}.product-card.with-image{padding-top:0;overflow:hidden}.product-card>img{object-fit:cover;background:#ece9df;width:calc(100% + 28px);height:110px;margin:0 -14px 12px}.item-image-upload{cursor:pointer;background:#ece9df;border-radius:9px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.item-image-upload img{object-fit:cover;width:100%;height:100%}.item-image-upload input{display:none}.admin-split{grid-template-columns:minmax(280px,390px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-split>.form-card{max-height:calc(100vh - 116px);margin:0;position:sticky;top:96px;overflow:auto}.admin-split>.table-card{margin:0}.form-card textarea{border:1px solid var(--line);direction:ltr;background:#fbfaf5;border-radius:9px;width:100%;min-height:90px;margin-top:5px;padding:11px;display:block}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.check-grid label{overflow-wrap:anywhere;background:#f8f6ef;border-radius:7px;align-items:center;gap:7px;margin:0;padding:8px;display:flex}.check-grid input{width:auto;margin:0}.state{border-radius:99px;padding:4px 8px;font-size:12px;display:inline-block}.state.ok{color:#176247;background:#dff3e9}.state.bad{color:#8e302a;background:#fae2df}.secondary.compact{padding:6px 9px;font-size:12px}.admin-page h3{color:var(--muted);margin:18px 0 7px;font-size:13px}.admin-page small{color:var(--muted)}@media (width<=950px){.admin-split{grid-template-columns:1fr}.admin-split>.form-card{max-height:none;position:static}}.stock-link{color:#8c5b11;padding:5px 0;display:block}.stock-breakdown td{background:#f8f6ef}.stock-breakdown>td>div{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px;display:grid}.stock-breakdown article{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr auto;padding:10px;display:grid}.stock-breakdown article small{grid-column:1/-1}.pos-view-controls{align-items:center;gap:7px;display:flex}.pos-view-controls select{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:10px}.product-grid.mode-compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.product-grid.mode-compact .product-card{min-height:95px;padding:11px}.product-grid.mode-compact .product-card>img{height:68px}.product-grid.mode-text .product-card{min-height:88px}.product-grid.mode-image .product-card{min-height:130px}.product-grid.mode-image .product-card>img{height:145px;margin-bottom:0}@media (width<=760px){.pos-view-controls{flex-wrap:wrap}.pos-view-controls select{max-width:135px}.product-grid[style]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.floor-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.restaurant-table{aspect-ratio:1.4;background:var(--paper);border:2px solid #9db0aa;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.restaurant-table strong{font-size:24px}.restaurant-table.status-0{background:#fff0ee;border-color:#cf5750}.restaurant-table.status-1{background:#fff4de;border-color:#e5952c}.restaurant-table.status-2{background:#e7f7ef;border-color:#2d9a72}.restaurant-order{grid-template-columns:minmax(0,1fr) 390px;gap:18px;display:grid}.restaurant-order>section>.inline-form select{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:11px}.restaurant-items{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin-top:15px;display:grid}.restaurant-items>button{border:1px solid var(--line);background:var(--paper);text-align:start;border-radius:12px;gap:7px;padding:12px;display:grid}.restaurant-items img{object-fit:cover;border-radius:8px;width:100%;height:90px}.restaurant-line{border-bottom:1px solid var(--line);padding:12px 0;position:relative}.restaurant-line>button{background:0 0;border:0;position:absolute;inset-inline-end:0}.restaurant-line fieldset{border:0;padding:7px 0}.restaurant-line fieldset label{margin:5px;font-weight:400;display:block}.kds-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.kds-ticket{background:var(--paper);border:2px solid #cf5750;border-radius:13px;overflow:hidden}.kds-ticket.status-1{border-color:#e5952c}.kds-ticket.status-2{border-color:#2d9a72}.kds-ticket header{background:#f7f4ec;justify-content:space-between;padding:14px;display:flex}.kds-ticket header b{font-size:30px}.kds-ticket>div{border-bottom:1px dashed var(--line);padding:11px 14px}.kds-ticket small,.kds-ticket em{display:block}.kds-ticket footer{padding:12px}.kds-ticket footer button{background:var(--ink);color:#fff;border:0;border-radius:8px;width:100%;padding:12px}.kds-ticket footer .kds-orange{background:#d77e12}.kds-ticket footer .kds-green{background:#27815f}.queue-columns{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.queue-status{text-align:center;background:#fff;border-top:10px solid #cf5750;border-radius:18px;min-height:55vh;padding:25px}.queue-status.status-1{border-color:#e5952c}.queue-status.status-2{border-color:#2d9a72}.queue-status>div{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.queue-status b{font-size:52px}.queue-tv{color:#fff;background:#102925;max-width:none;min-height:calc(100vh - 76px)}.queue-tv .queue-status{color:var(--ink)}@media (width<=850px){.restaurant-order,.queue-columns{grid-template-columns:1fr}.queue-status{min-height:180px}}.floor-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px;display:grid}.order-summary{position:sticky;top:95px}.order-summary>button:first-child{float:inline-end}.order-summary p{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;display:flex}@media (width<=850px){.floor-layout{grid-template-columns:1fr}.order-summary{position:static}}.report-filters{background:var(--paper);border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;padding:16px;display:grid}.report-filters label{color:var(--muted);font-size:12px;font-weight:700}.report-filters input,.report-filters select{border:1px solid var(--line);background:#fbfaf5;border-radius:8px;width:100%;margin-top:5px;padding:9px;display:block}.report-filters>button{align-self:end}.report-output{max-height:58vh}.report-output table{min-width:max-content}@media (width<=900px){.report-filters{grid-template-columns:repeat(2,1fr)}}@media print{.topbar,.tab-strip,.report-filters,.reports-page>.section-heading .button-row,.offline-banner{display:none!important}.page{padding:0}.table-card{border:0;max-height:none;overflow:visible}body{color:#000;background:#fff}table{min-width:0;font-size:10px}}.setup-wizard{max-width:900px}.wizard-card{max-width:650px;margin:auto}.wizard-progress{grid-template-columns:repeat(13,1fr);gap:5px;margin:20px 0;display:grid}.wizard-progress span{color:#777;background:#ddd;border-radius:20px;place-items:center;height:28px;font-size:11px;display:grid}.wizard-progress span.active{background:var(--ink);color:#fff}@media (width<=760px){.wizard-progress{grid-template-columns:repeat(7,1fr)}}.designer-scopes{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.designer-scopes label{font-size:12px;font-weight:700}.designer-scopes select{border:1px solid var(--line);background:var(--paper);border-radius:8px;width:100%;padding:9px;display:block}.receipt-preview.paper-58{width:219px;min-height:600px}.receipt-preview.paper-80{width:302px;min-height:700px}.receipt-preview.paper-A4{width:min(595px,100%);min-height:842px}.receipt-preview.paper-A5{width:min(420px,100%);min-height:595px}.receipt-element{max-width:100%}.receipt-logo{max-width:120px;max-height:60px}.properties input[type=range]{width:100%}@media (width<=760px){.designer-scopes{grid-template-columns:repeat(2,1fr)}}@media print{.designer-page>.section-heading,.designer-page>.designer-scopes,.designer-tools{display:none!important}.designer-grid{display:block}.designer-canvas{background:#fff;min-height:0;padding:0}.receipt-preview{box-shadow:none;margin:0 auto}.receipt-element{border:0!important}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.document-lines{gap:7px;margin:12px 0;display:grid}.document-line{border:1px solid var(--line);background:#f8f6ef;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:9px;display:grid}.document-line input,.document-line select{margin:0}.document-line.return-line{grid-template-columns:minmax(120px,1fr) minmax(220px,2fr) 110px}.document-line small{color:var(--muted)}.danger{color:#8e302a;background:#fff;border:1px solid #d99b96;border-radius:7px;padding:7px}.menu-group-tabs{gap:7px;margin:14px 0;display:flex;overflow:auto}.menu-group-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:9px 14px}.menu-group-tabs button.active{background:var(--ink);color:#fff}.item-editor{margin-bottom:18px}@media (width<=760px){.form-grid,.document-line,.document-line.return-line{grid-template-columns:1fr}.document-line button{width:100%}}
