@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Readex+Pro:wght@400;500;600;700&display=swap";:root{--bg: #f7f7f5;--paper: #ffffff;--line: #e9e9e4;--text: #24251f;--muted: #888981;--brand: #1e483a;--brand-accent: #e7c279;--green: #34795a;--green-2: #e9f3ed;--amber: #bd8330;--amber-2: #fbf2e5;--blue: #5079a2;--blue-2: #eaf0f6;--red: #a65048;--red-2: #f8e9e7;--table-free-bg: var(--paper);--table-free-fg: var(--muted);--table-open-bg: var(--amber-2);--table-open-fg: var(--amber);--table-review-bg: var(--red-2);--table-review-fg: var(--red);--table-pending-fg: var(--blue);--btn-primary-bg: var(--brand);--btn-primary-fg: #ffffff;--btn-soft-bg: var(--paper);--btn-soft-border: var(--line);--touch-min: 44px;--font-body: "IBM Plex Sans Arabic", Tahoma, "Segoe UI", sans-serif;--font-display: "Readex Pro", "IBM Plex Sans Arabic", Tahoma, sans-serif;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 14px;--fs-lg: 18px;--fs-xl: 26px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius: 14px;--radius-sm: 9px;--shadow: 0 3px 14px rgba(35, 37, 29, .035)}:root{font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(52,121,90,.28);outline-offset:2px}button:disabled{opacity:.48;cursor:not-allowed}svg{flex-shrink:0}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-left:1px solid var(--line);z-index:40;display:flex;flex-direction:column;padding:22px 15px 14px;direction:rtl;overflow:auto}.brand{display:flex;gap:11px;align-items:center;padding:2px 6px 19px;border-bottom:1px solid var(--line)}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--brand);color:var(--brand-accent);display:grid;place-items:center}.brand>div:nth-child(2){display:grid;gap:1px}.brand strong{font-family:Readex Pro,sans-serif;font-size:16px;letter-spacing:.03em}.brand span{font-size:11px;color:var(--muted)}.demo-status{margin:14px 3px 6px;background:#f5f6f2;color:#697064;border:1px solid #eeefe9;border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:11px}.demo-status b,.connection-pill b{background:#e9f3ed;color:#34795a;font:600 9px Readex Pro,sans-serif;letter-spacing:.04em;padding:3px 5px;border-radius:4px}.demo-dot{height:7px;width:7px;background:#579575;border-radius:50%}.sidebar nav{display:grid;gap:12px;padding-top:7px}.nav-section{display:grid;gap:2px}.nav-label{padding:8px 9px 4px;color:#a3a49b;font-size:10px;font-weight:600}.nav-item{height:38px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 10px;text-align:right;font-size:12px;color:#686b62;transition:background .15s,color .15s}.nav-item:hover{background:#f6f7f4}.nav-item.active{background:#eaf3ee;color:#285d45;font-weight:600}.nav-item .count{margin-right:auto;font:500 10px Readex Pro;font-style:normal;background:#f8e8e5;color:#a65048;padding:2px 7px;border-radius:12px}.sidebar-bottom{margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.user-chip{display:flex;align-items:center;gap:9px;padding:4px 5px}.user-chip>div:nth-child(2){display:grid;gap:1px;flex:1}.user-chip strong{font-size:11px}.user-chip small{font-size:10px;color:var(--muted)}.user-chip>svg{color:#a3a49b}.avatar{height:30px;width:30px;border-radius:10px;background:#f1dfc5;color:#806340;display:grid;place-items:center;font-weight:600}.avatar.small{height:29px;width:29px;border-radius:50%;font-size:12px}.reset-demo{margin:10px 4px 0;border:1px solid var(--line);background:#fff;border-radius:7px;height:32px;font-size:10px;color:#77796f;display:flex;align-items:center;justify-content:center;gap:7px}.main-shell{margin-left:246px;width:calc(100% - 246px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:58px;background:#ffffffe0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.crumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#a3a49b}.crumb strong{font-size:12px;color:#41433a;font-weight:600}.top-actions{display:flex;align-items:center;gap:15px}.connection-pill{height:29px;display:flex;align-items:center;gap:7px;color:#76796e;font-size:10px;background:#f6f6f3;border:1px solid #ecece7;border-radius:6px;padding:0 8px}.connection-pill>span:first-child{height:6px;width:6px;background:#d59355;border-radius:50%}.connection-pill svg{color:#b27e48}.icon-btn{height:34px;width:34px;border:0;background:transparent;display:grid;place-items:center;color:#73766d;border-radius:8px;position:relative}.icon-btn:hover{background:#f2f3ef}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#c66b5d;top:6px;right:7px;border:1px solid white}.menu-toggle,.side-close{display:none}.main-content{width:min(1220px,100%);margin:0 auto;padding:25px 34px 30px;flex:1}.demo-strip{min-height:36px;border:1px solid #e5eee8;background:#f0f6f2;color:#667569;border-radius:8px;padding:7px 10px;display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:20px}.demo-strip>span{display:flex;align-items:center;gap:6px}.demo-strip svg{color:var(--green)}.demo-strip b{color:#3d644e}.demo-strip button{border:0;background:none;color:#8d998e;padding:2px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 20px}.eyebrow{font:600 9px Readex Pro,sans-serif;color:#a0a195;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}.eyebrow span{color:#c1b08d;padding:0 2px}.page-head h1{font:600 22px Readex Pro,IBM Plex Sans Arabic,sans-serif;margin:0 0 5px;letter-spacing:-.04em}.page-head p{font-size:11px;color:#8d8f86;margin:0;line-height:1.8}.head-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.primary-btn,.soft-btn,.back-btn,.text-btn{min-height:36px;border-radius:8px;padding:0 12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:600;white-space:nowrap;transition:transform .12s,background .12s}.primary-btn{background:#285840;color:#fff;box-shadow:0 2px 3px #23553b1a}.primary-btn:hover{background:#214e37;transform:translateY(-1px)}.soft-btn,.back-btn{background:#fff;border-color:#e8e9e3;color:#64675e}.soft-btn:hover,.back-btn:hover{background:#f8f8f5}.text-btn{background:transparent;color:#75776e;padding-inline:7px}.full{width:100%}.sync-banner{min-height:57px;background:#f0f5f2;border:1px solid #e0ebe4;border-radius:10px;padding:9px 13px;display:flex;align-items:center;gap:10px;margin-bottom:14px}.sync-icon{height:33px;width:33px;border-radius:9px;background:#e1eee6;color:#4c8062;display:grid;place-items:center}.sync-banner>div:nth-child(2){display:grid;gap:1px;flex:1}.sync-banner strong{font-size:11px;color:#45634e}.sync-banner span{font-size:9px;color:#87938a}.sync-banner button{height:28px;border:0;background:transparent;color:#52735d;display:flex;align-items:center;gap:6px;font-size:9px}.pending-chip{background:#fff;border:1px solid #e5ebe5;border-radius:6px;padding:5px 8px;color:#78877a;font-size:9px;font-weight:500}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stat-card{min-height:96px;position:relative;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 15px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;gap:2px}.stat-card>span{font-size:10px;color:#898b82}.stat-card>strong{font:600 21px Readex Pro,IBM Plex Sans Arabic,sans-serif;letter-spacing:-.04em;color:#33362d}.stat-card>strong i{font:500 10px IBM Plex Sans Arabic;font-style:normal;letter-spacing:0;color:#85877d}.stat-card small{display:flex;align-items:center;gap:5px;font-size:9px;color:#a0a197}.stat-icon{position:absolute;left:14px;top:14px;color:#a7b8aa}.stat-mark{width:6px;height:6px;border-radius:50%}.warn-mark{background:#c89855}.green-mark{background:#73a081}.blue-mark{background:#7193b2}.table-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin:0 1px 11px}.table-toolbar h2,.panel-title h2,.menu-intro h2{font:600 14px Readex Pro,IBM Plex Sans Arabic,sans-serif;margin:0;color:#414239}.table-toolbar h2>span{font:500 9px IBM Plex Sans Arabic;background:#efefeb;color:#77796f;padding:4px 7px;border-radius:5px;margin-right:5px}.table-toolbar p{margin:3px 0 0;font-size:9px;color:#999a91}.legend{display:flex;gap:14px}.legend span{display:flex;align-items:center;gap:5px;font-size:9px;color:#85877e}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-dot.free{background:#85ad91}.legend-dot.occupied{background:#d7a456}.legend-dot.review{background:#c27a6e}.table-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.table-group{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 11px 12px;box-shadow:var(--shadow);min-width:0}.group-head{height:27px;display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#575950}.group-head strong{font-size:10px}.group-head>span{font-size:9px;color:#9a9b93;flex:1}.group-head>svg{color:#a9aaa2}.group-icon{height:22px;width:22px;border-radius:6px;background:#f0f2ed;display:grid;place-items:center;color:#738270}.table-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.table-card{height:68px;min-width:0;border:1px solid #ededeb;background:#fbfbfa;border-radius:8px;text-align:right;padding:6px 7px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .12s,transform .12s,background .12s}.table-card:hover{transform:translateY(-1px);border-color:#b5c9ba;background:#f8fbf8}.table-card.occupied{background:#fdfaf5;border-color:#f0e8d9}.table-card.needs-review{background:#fcf7f6;border-color:#efdfdc}.table-card-top{display:flex;justify-content:space-between;align-items:center;gap:3px}.table-number{font:600 12px Readex Pro,sans-serif;color:#41443b}.table-state{display:flex;align-items:center;gap:3px;font-size:7px;white-space:nowrap;color:#8e9088}.table-state i{width:5px;height:5px;border-radius:50%;background:#8cb397}.occupied .table-state i{background:#c79b54}.review-state{color:#aa6a60}.review-state i{background:#bf776b}.table-value{font:600 11px Readex Pro,IBM Plex Sans Arabic,sans-serif;color:#776344;direction:rtl}.table-value small{font:400 8px IBM Plex Sans Arabic;color:#9a907f}.table-time{font-size:8px;color:#9b9a91;display:flex;align-items:center;gap:3px}.table-open-hint{display:flex;align-items:center;justify-content:space-between;color:#aaa99f;font-size:8px}.screen-footnote{margin:15px 1px 0;display:flex;align-items:center;gap:7px;color:#98998f;font-size:9px}.screen-footnote svg{color:#9ca693}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:15px;align-items:start}.menu-panel,.order-panel,.panel,.narrow-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.menu-panel{padding:16px}.menu-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.menu-intro h2{font-size:15px}.demo-badge{font:500 9px Readex Pro,sans-serif;color:#9a7345;background:#f8f1e7;border:1px solid #f1e7d7;border-radius:5px;padding:4px 7px;white-space:nowrap}.category-row{display:flex;gap:6px;overflow:auto;padding-bottom:10px;scrollbar-width:thin}.category-row button{height:34px;border:1px solid #ebebe6;background:#fff;color:#77796f;border-radius:7px;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:9px;white-space:nowrap}.category-row button.selected{background:#edf4ef;border-color:#deebe1;color:#3d7152;font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-card{overflow:hidden;border:1px solid #ecece7;border-radius:9px;background:#fff}.product-art{height:73px;display:grid;place-items:center;position:relative;background:#f4f0e7}.product-art>span{font-size:29px;filter:saturate(.8)}.art-1{background:#edf3ed}.art-2{background:#f5eded}.art-3{background:#edf0f4}.art-4{background:#f4eee7}.favorite{position:absolute;top:5px;left:5px;width:25px;height:25px;border:0;border-radius:6px;background:#ffffffbf;color:#82837a;display:grid;place-items:center}.product-info{padding:8px}.product-info>strong{display:block;font-size:10px;color:#44463e}.product-info>span{display:block;font-size:8px;color:#a2a299;margin:2px 0 6px}.product-prices{display:grid;gap:4px}.product-prices button{height:31px;border:1px solid #edeee9;background:#fbfbfa;border-radius:6px;display:flex;align-items:center;gap:5px;padding:0 6px;text-align:right}.product-prices button>span{flex:1;font-size:8px;color:#85877c}.product-prices button>b{font:500 9px Readex Pro,IBM Plex Sans Arabic;white-space:nowrap;color:#55584d}.product-prices button>b i{font:400 8px IBM Plex Sans Arabic;font-style:normal}.product-prices button>svg{color:#71927a}.product-add{display:none}.order-panel{position:sticky;top:73px;padding:14px}.order-panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:11px;border-bottom:1px solid #f0f0ec}.order-panel-head h2{font:600 13px Readex Pro,IBM Plex Sans Arabic;margin:0 0 3px}.order-panel-head span{font-size:9px;color:#9a9b91}.line-count{background:#f2f2ee;padding:4px 7px;border-radius:5px}.order-lines{max-height:260px;overflow:auto}.order-line{padding:10px 0;border-bottom:1px solid #f1f1ed}.line-main,.line-controls{display:flex;align-items:center;justify-content:space-between;gap:6px}.line-main>div{display:grid;gap:2px}.line-main strong{font-size:9px}.line-main span{font-size:8px;color:#999a91}.line-total{border:0;background:transparent;font:500 9px Readex Pro;color:#55584e;padding:4px}.line-controls{margin-top:6px}.qty-control{display:flex;align-items:center;border:1px solid #ecece7;border-radius:6px;height:26px;overflow:hidden}.qty-control button{width:27px;height:25px;border:0;background:#fafaf8;display:grid;place-items:center;color:#77796f}.qty-control strong{min-width:22px;text-align:center;font:500 9px Readex Pro}.add-note{border:0;background:transparent;color:#9a9b92;font-size:8px;display:flex;align-items:center;gap:4px}.note-input{width:100%;height:32px;margin-top:7px;border:1px solid #e5e7e0;border-radius:6px;padding:0 8px;font-size:9px}.order-note{display:flex;gap:6px;align-items:center;color:#94968d;font-size:8px;padding:10px 0;border-bottom:1px solid #f0f0ec}.order-totals{padding:10px 0;display:grid;gap:8px}.order-totals>div{display:flex;justify-content:space-between;font-size:9px;color:#83857b}.order-totals b{font:500 9px Readex Pro,IBM Plex Sans Arabic}.order-totals small{font-size:8px;color:#aaa99f}.order-totals .grand-total{border-top:1px dashed #e4e4dd;padding-top:10px;margin-top:1px;align-items:center;color:#42443b;font-weight:600}.grand-total strong{font:600 19px Readex Pro,IBM Plex Sans Arabic;color:#2f5d43}.grand-total i,.summary-total i{font:400 10px IBM Plex Sans Arabic;font-style:normal}.order-panel .primary-btn{height:40px;font-size:10px}.order-panel>.text-btn{margin-top:5px;font-size:9px}.order-empty{height:142px;display:grid;place-content:center;justify-items:center;gap:5px;color:#92948a}.order-empty>div{width:39px;height:39px;background:#f6f6f2;border-radius:50%;display:grid;place-items:center;color:#92948a}.order-empty strong{font-size:10px;color:#606258}.order-empty span{font-size:8px}.narrow-card{width:min(570px,100%);margin:18px auto 0;padding:19px}.summary-context{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.table-avatar{width:35px;height:35px;border-radius:9px;background:#edf4ef;color:#4e7a5e;display:grid;place-items:center}.summary-context>div:nth-child(2){display:grid;gap:1px;flex:1}.summary-context span{font-size:9px;color:#999a91}.summary-context strong{font:500 12px Readex Pro,IBM Plex Sans Arabic}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:13px 1px;border-bottom:1px solid #f1f1ed}.summary-line>div{display:grid;gap:3px}.summary-line strong{font-size:10px}.summary-line span{font-size:9px;color:#92948b}.summary-line>strong{font:500 10px Readex Pro,IBM Plex Sans Arabic}.summary-total{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.summary-total>span{font-size:10px;color:#6f7168}.summary-total strong{font:600 21px Readex Pro,IBM Plex Sans Arabic;color:#315d45}.demo-alert{display:flex;align-items:flex-start;gap:8px;border:1px solid #f0e6d7;background:#fcf7ef;color:#886a41;border-radius:7px;padding:10px;margin-bottom:13px;font-size:9px;line-height:1.8}.demo-alert svg{margin-top:1px}.summary-card>.primary-btn{height:40px}.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:start;max-width:900px;margin:0 auto}.payment-panel{padding:18px}.payment-total{display:flex;align-items:center;justify-content:space-between;background:#f7f8f5;border:1px solid #eeefe9;border-radius:9px;padding:12px 14px;margin-bottom:19px}.payment-total span{font-size:10px;color:#73766c}.payment-total strong{font:600 22px Readex Pro,IBM Plex Sans Arabic;color:#335d44}.payment-total i{font:400 11px IBM Plex Sans Arabic;font-style:normal}.payment-panel h2,.payment-receipt h3{font:600 13px Readex Pro,IBM Plex Sans Arabic;margin:0 0 9px}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:17px}.payment-methods>button{height:48px;border:1px solid #e9eae4;background:#fff;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 9px;text-align:right}.payment-methods>button.chosen{border-color:#91b49a;background:#f3f8f4}.payment-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#f2f3ef;color:#788475}.payment-icon svg{width:16px}.payment-methods strong{font-size:9px;flex:1}.payment-methods>button>span:last-child{color:#588367}.radio{width:14px;height:14px;border:1px solid #cccfc6;border-radius:50%;display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.form-grid label,.quick-form label{display:grid;gap:5px;font-size:9px;color:#777970}.form-grid input,.form-grid select,.quick-form input,.quick-form select{height:36px;border:1px solid #e9eae5;background:#fff;border-radius:7px;padding:0 9px;font-size:10px;color:#4f5148;width:100%}.form-grid .wide{grid-column:1/-1}.confirm-pay{height:42px;justify-content:space-between;padding-inline:13px}.confirm-pay>span{margin-right:auto;opacity:.8;font:500 10px Readex Pro,IBM Plex Sans Arabic}.payment-receipt{padding:16px}.payment-receipt>span{font-size:9px;color:#999a91;display:block;margin-top:-5px;margin-bottom:12px}.payment-receipt>div:not(.receipt-total):not(.receipt-note){display:flex;justify-content:space-between;gap:8px;border-top:1px solid #f0f0ec;padding:9px 0;font-size:8px;color:#85877e}.payment-receipt>div b{font:500 9px Readex Pro,IBM Plex Sans Arabic;color:#56594f}.receipt-total{border-top:1px dashed #dedfd8;margin-top:2px;padding-top:11px;display:flex;justify-content:space-between;font-size:9px}.receipt-total strong{font:600 13px Readex Pro,IBM Plex Sans Arabic}.receipt-note{margin-top:14px;padding:9px;border-radius:6px;background:#f6f6f2;color:#8b8d83;font-size:8px;display:flex;align-items:center;gap:6px}.page-head>.back-btn{margin-bottom:1px}.balance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:13px 0}.balance-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px;display:grid;justify-items:start;gap:5px;text-align:right;box-shadow:var(--shadow)}.balance-card:hover{border-color:#bfd0c2}.balance-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:8px;background:#eff4f0;color:#62806b}.balance-icon svg{width:16px}.balance-label{display:flex;align-items:center;gap:4px;font-size:9px;color:#77796f}.balance-card>strong{font:600 17px Readex Pro,IBM Plex Sans Arabic;color:#34372e}.balance-card>strong i{font:400 9px IBM Plex Sans Arabic;font-style:normal}.balance-card>small{font-size:8px;color:#a0a197}.wide-alert{margin:10px 0}.panel{padding:15px}.transaction-panel{margin-top:12px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.panel-title>div{display:grid;gap:2px}.panel-title h2{font-size:13px}.panel-title span{font-size:9px;color:#9a9b92}.panel-title .soft-btn{height:30px;min-height:30px;font-size:9px}.transaction-list{display:grid}.transaction-row{min-height:52px;display:flex;align-items:center;gap:9px;border-top:1px solid #f0f0ec}.tx-icon{height:29px;width:29px;border-radius:8px;display:grid;place-items:center;background:#eaf3ed;color:#568268}.tx-icon.out{background:#f8eeea;color:#b16e5d}.tx-icon.transfer{background:#edf1f5;color:#6582a0}.tx-name{display:grid;gap:2px;flex:1}.tx-name strong{font-size:9px}.tx-name span{font-size:8px;color:#9b9c93}.transaction-row>strong{font:500 10px Readex Pro,IBM Plex Sans Arabic;color:#4f765e;white-space:nowrap}.transaction-row>strong.negative{color:#ae6e60}.transaction-row>strong i{font:400 8px IBM Plex Sans Arabic;font-style:normal}.quick-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;max-width:900px;align-items:start}.quick-form{display:grid;gap:12px}.form-section-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #f0f0ec;margin-bottom:2px}.form-icon{height:37px;width:37px;border-radius:10px;display:grid;place-items:center}.in-icon{color:#4f8565;background:#eaf3ed}.out-icon{color:#ac6d59;background:#f8eeea}.form-section-head>div:last-child{display:grid;gap:2px}.form-section-head h2{font:600 12px Readex Pro,IBM Plex Sans Arabic;margin:0}.form-section-head span{font-size:8px;color:#9a9b92}.amount-field{position:relative}.amount-field input{height:44px!important;padding-left:39px!important;font:500 15px Readex Pro!important}.amount-field>span{position:absolute;left:12px;top:11px;font-size:11px;color:#8d8f85}.quick-form>.primary-btn{height:40px;margin-top:3px}.quick-help{padding:17px}.help-icon{height:34px;width:34px;border-radius:9px;background:#f4f4ef;color:#828777;display:grid;place-items:center}.help-icon svg{width:18px}.quick-help h3{font:600 12px Readex Pro,IBM Plex Sans Arabic;margin:10px 0 5px}.quick-help>p{font-size:9px;line-height:1.9;color:#81837a;margin:0 0 12px}.offline-note{display:flex;align-items:center;gap:6px;background:#f5f6f2;border-radius:6px;padding:8px;font-size:8px;color:#8c8e84;margin-bottom:16px}.quick-help h4{font-size:9px;margin:0 0 3px;color:#62645b}.quick-help .transaction-row{min-height:43px}.staff-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.staff-card{padding:14px}.staff-top{display:flex;align-items:center;gap:9px}.staff-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:600}.staff-avatar.peach{background:#f5e7dd;color:#9a6a4b}.staff-avatar.lilac{background:#ede8f4;color:#7a658f}.staff-avatar.mint{background:#e2efe5;color:#528263}.staff-top>div:nth-child(2){display:grid;gap:2px;flex:1}.staff-top>div:nth-child(2) strong{font-size:10px}.staff-top>div:nth-child(2) span{font-size:8px;color:#96978f}.staff-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #f0f0ec;border-bottom:1px solid #f0f0ec;margin-top:12px;padding:10px 0;gap:6px}.staff-stats>div{display:grid;gap:3px}.staff-stats>div+div{border-right:1px solid #f0f0ec;padding-right:9px}.staff-stats span{font-size:8px;color:#97988e}.staff-stats strong{font:500 12px Readex Pro,IBM Plex Sans Arabic}.staff-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.staff-actions .soft-btn{height:29px;min-height:29px;font-size:8px}.staff-actions .text-btn{font-size:8px}.period-tabs{display:flex;gap:5px;margin:2px 0 13px}.period-tabs button{height:30px;border:1px solid #e8e9e3;background:#fff;border-radius:6px;padding:0 12px;font-size:9px;color:#83857b}.period-tabs button.current{background:#285840;border-color:#285840;color:#fff}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;display:grid;gap:4px}.metric-card>span{font-size:9px;color:#85877e}.metric-card>strong{font:600 18px Readex Pro,IBM Plex Sans Arabic;color:#34372e}.metric-card>strong i{font:400 9px IBM Plex Sans Arabic;font-style:normal}.metric-card small{font-size:8px;color:#9b9c93;display:flex;align-items:center;gap:4px}.metric-card small.positive{color:#568367}.report-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:12px}.chart-panel,.payment-breakdown{min-height:195px}.chart-legend{display:flex;gap:13px;margin-top:8px}.chart-legend span{display:flex;align-items:center;gap:5px;font-size:8px;color:#96978e}.chart-legend i{width:7px;height:7px;border-radius:2px;background:#5b8c6c}.chart-legend span+span i{background:#d4b170}.bar-chart{height:113px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:15px;margin-top:4px;padding:0 8px}.bar-column{height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:5px}.bars{height:91px;display:flex;align-items:flex-end;gap:4px;width:100%;justify-content:center;border-bottom:1px solid #edeee9;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#f4f4f0 30px)}.bars i,.bars b{width:10px;max-height:82px;border-radius:3px 3px 0 0;background:#72977c}.bars b{background:#ddc28f}.bar-column>span{font-size:8px;color:#9a9b92}.payment-breakdown h2{font:600 12px Readex Pro,IBM Plex Sans Arabic;margin:0 0 10px}.breakdown-row{display:grid;grid-template-columns:1fr 30px;align-items:center;gap:4px 8px;margin:8px 0}.breakdown-row>span{font-size:9px;color:#707269;display:flex;align-items:center;gap:6px}.breakdown-row>strong{font:500 9px Readex Pro;text-align:left}.pay-dot{height:7px;width:7px;border-radius:50%;background:#668b70}.dot-1{background:#d0ad70}.dot-2{background:#7d9ab1}.dot-3{background:#b98c80}.progress{grid-column:1/-1;height:4px;border-radius:5px;background:#f0f0eb;overflow:hidden}.progress i{display:block;height:100%;border-radius:5px;background:#789981}.dot-1~.progress i{background:#d0ad70}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.more-card{display:flex;align-items:center;gap:9px;min-height:59px;text-align:right;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.more-card:hover{border-color:#bdd0c1}.more-card>div{display:grid;gap:2px;flex:1}.more-card>div span{font-size:8px;color:#a0a198}.more-card>div strong{font-size:9px}.more-card>svg{color:#a0a197;width:15px}.more-icon{width:31px;height:31px;border-radius:8px;background:#f1f4ef;color:#6b826e;display:grid;place-items:center}.generic-card{padding:19px}.generic-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #f0f0ec}.generic-icon{height:39px;width:39px;border-radius:10px;background:#edf3ee;color:#64816a;display:grid;place-items:center}.generic-list{display:grid;margin:7px 0 15px}.generic-list>div{display:flex;align-items:center;gap:10px;min-height:43px;border-bottom:1px solid #f1f1ed}.generic-list>div>span{font:500 9px Readex Pro;color:#a5a69d}.generic-list p{margin:0;flex:1;font-size:10px;color:#55574e;line-height:1.7}.generic-list .text-btn{font-size:9px}.generic-card>.primary-btn{height:38px}.empty-state-card{padding:18px;text-align:center;color:#92948a;font-size:10px}.footer{min-height:39px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;color:#a1a297;font-size:9px}.footer b{font:500 8px Readex Pro;color:#60806a}.toast{position:fixed;bottom:24px;left:24px;z-index:60;max-width:min(390px,calc(100% - 35px));display:flex;align-items:center;gap:8px;background:#284e3b;color:#fff;border-radius:9px;padding:11px 14px;box-shadow:0 8px 24px #172d2030;font-size:10px;animation:toast-in .2s ease-out}.toast svg{color:#c1ddca}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mobile-nav,.drawer-backdrop{display:none}.product-name-add{display:block;width:100%;padding:0;border:0;background:transparent;text-align:right;font-size:10px;font-weight:600;color:#44463e}.product-name-add:hover{color:#34795a}@media(min-width:1500px){.main-content{padding-top:32px}.table-groups{gap:16px}.table-card{height:73px}.stat-card{min-height:105px}.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1120px){.sidebar{width:218px;padding-inline:11px}.main-shell{margin-left:218px;width:calc(100% - 218px)}.main-content,.topbar{padding-inline:23px}.order-layout{grid-template-columns:minmax(0,1fr) 275px}.table-groups{gap:9px}.table-group{padding:9px}.table-grid{gap:4px}.table-card{height:64px;padding:5px}.table-state{font-size:6px}.balance-grid{gap:8px}.quick-layout{grid-template-columns:minmax(0,1fr) 265px}}@media(max-width:820px){.sidebar{width:238px;transform:translate(-105%);transition:transform .2s;box-shadow:0 12px 30px #20251c20}.sidebar.show{transform:translate(0)}.side-close{display:grid;margin-right:auto}.drawer-backdrop{display:block;position:fixed;inset:0;background:#1c211e55;border:0;z-index:30}.main-shell{margin:0;width:100%}.main-content{padding:20px 20px 28px}.topbar{padding-inline:20px}.menu-toggle{display:grid}.crumb{margin-left:auto;margin-right:8px}.page-head h1{font-size:20px}.order-layout{grid-template-columns:minmax(0,1fr) 270px}.balance-grid{grid-template-columns:repeat(2,1fr)}.mobile-nav{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;height:58px;padding:3px max(12px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#ffffffed;border-top:1px solid #e9e9e4;backdrop-filter:blur(10px);justify-content:space-around;align-items:center}.mobile-nav button{position:relative;height:48px;min-width:46px;border:0;background:transparent;color:#92948a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:8px}.mobile-nav button svg{width:19px;height:19px}.mobile-nav button.active{color:#3c7453}.mobile-nav .mobile-add{width:40px;min-width:40px;height:40px;background:#285840;border-radius:13px;color:#fff;margin-top:-17px;box-shadow:0 4px 11px #28584035}.mobile-nav .mobile-add svg{width:20px}.footer{padding-inline:20px;padding-bottom:60px}}@media(max-width:620px){body{font-size:13px}.main-content{padding:16px 13px 24px}.topbar{height:53px;padding-inline:12px}.top-actions{gap:8px}.connection-pill{height:26px;padding-inline:6px;gap:5px}.connection-pill>span:nth-of-type(2){display:none}.crumb{font-size:9px;gap:5px}.crumb strong{font-size:10px}.page-head{align-items:flex-start;margin-bottom:15px}.page-head h1{font-size:18px}.page-head p{font-size:9px;max-width:95%}.page-head:has(.head-actions){display:block}.page-head>.head-actions{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;background:transparent;padding:0;border:0;box-shadow:none;justify-content:stretch}.head-actions>*{min-width:0;padding-inline:5px;font-size:8px}.sync-banner{gap:7px;padding:8px}.sync-banner>div:nth-child(2) span{font-size:8px}.sync-banner button{font-size:8px}.sync-banner button svg{display:none}.pending-chip{font-size:8px;padding:4px}.stat-row{gap:6px;margin-bottom:16px}.stat-card{min-height:80px;padding:9px 8px}.stat-card>span{font-size:8px;max-width:92%}.stat-card>strong{font-size:16px}.stat-card>strong i{font-size:8px}.stat-card small{font-size:7px}.stat-icon{left:7px;top:8px;width:14px}.table-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.table-toolbar h2{font-size:12px}.legend{gap:11px}.legend span{font-size:8px}.table-groups{grid-template-columns:1fr;gap:9px}.table-group{padding:9px}.table-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.table-card{height:62px;padding:5px 6px}.table-number{font-size:11px}.table-state{font-size:7px}.table-value{font-size:10px}.screen-footnote{font-size:8px;padding-bottom:5px}.order-layout{grid-template-columns:1fr;gap:10px}.menu-panel{padding:11px}.menu-intro h2{font-size:13px}.category-row button{height:32px;padding-inline:8px;font-size:8px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-art{height:65px}.product-info{padding:7px}.product-prices button{height:29px}.product-add{display:flex;margin-top:6px;width:100%;height:30px;align-items:center;justify-content:center;gap:5px;border:1px solid #e5ece6;border-radius:6px;background:#f2f7f3;color:#477253;font-size:8px}.order-panel{position:static;padding:12px}.order-lines{max-height:none}.page-head:has(.back-btn){align-items:center}.back-btn{min-height:33px;font-size:8px;padding-inline:8px}.narrow-card{padding:14px;margin-top:8px}.summary-line{padding:11px 1px}.payment-layout,.quick-layout{grid-template-columns:1fr;gap:10px}.payment-panel,.quick-form{padding:13px}.payment-receipt{order:2}.form-grid{gap:8px}.balance-grid{gap:7px}.balance-card{padding:10px}.balance-card>strong{font-size:15px}.panel{padding:12px}.transaction-panel{overflow:hidden}.transaction-row{gap:7px}.tx-name span{font-size:7px}.report-metrics{gap:6px}.metric-card{padding:9px}.metric-card>span{font-size:8px}.metric-card>strong{font-size:14px}.metric-card small{font-size:7px;line-height:1.5}.report-grid{grid-template-columns:1fr;gap:8px}.chart-panel{min-height:180px}.payment-breakdown{min-height:170px}.bar-chart{gap:6px}.bars i,.bars b{width:9px}.staff-cards{grid-template-columns:1fr;gap:8px}.staff-card{padding:11px}.staff-stats{margin-top:9px;padding:8px 0}.staff-actions .soft-btn{min-height:30px}.more-grid{grid-template-columns:repeat(2,1fr);gap:7px}.more-card{min-height:54px;padding:7px}.more-card>div strong{font-size:8px}.generic-card{padding:13px}.generic-list>div{min-height:42px;gap:7px}.generic-list p{font-size:9px}.demo-strip{font-size:8px;margin-bottom:15px}.footer{padding-inline:13px;padding-bottom:64px;font-size:8px}.toast{left:10px;right:10px;bottom:68px;max-width:none;font-size:9px}.primary-btn,.soft-btn,.back-btn{min-height:34px;font-size:9px}}@media(max-width:380px){.connection-pill b{display:none}.stat-card{padding-inline:6px}.stat-card>strong{font-size:14px}.table-state{font-size:6px;gap:2px}.table-grid{gap:3px}.table-card{padding-inline:4px}.table-toolbar h2>span{font-size:8px}.more-grid{grid-template-columns:1fr 1fr}.product-prices button{padding-inline:4px}.product-prices button>span{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.setup-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);font-family:var(--font-body);color:var(--text)}.nav-tag{margin-inline-start:auto;font-style:normal;font-size:var(--fs-xs);color:var(--amber);background:var(--amber-2);border-radius:6px;padding:1px 6px}.nav-item .count{margin-inline-start:auto}.connection-pill{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;min-height:var(--touch-min)}.connection-pill.is-online{color:var(--green)}.connection-pill.is-offline{color:var(--red)}.connection-pill b{background:var(--green-2);color:var(--green);padding:2px 8px;border-radius:999px;font-size:var(--fs-xs)}.unavailable-reason{padding:var(--space-4);line-height:1.8}.notice-warn{background:var(--amber-2);border-color:var(--amber)}.notice-demo{background:var(--blue-2)}.table-open-hint.pending-paid{color:var(--table-pending-fg)}.toast-error{background:var(--red);color:#fff}.menu-row,.review-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.review-row>div:first-child{display:grid;gap:2px}.review-actions,.head-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.menu-edit{display:flex;gap:var(--space-2);align-items:center}.menu-edit input,.inline-label select{min-height:var(--touch-min);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 10px;background:var(--paper)}.toggle{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm)}.muted-line{color:var(--muted);font-size:var(--fs-sm)}.small-strong{font-size:var(--fs-md)!important}.inline-form{display:flex;gap:var(--space-3);align-items:end;margin-bottom:var(--space-3)}.inline-form label{flex:1}.total-card{background:var(--green-2);cursor:default}.tx-amounts{display:grid;justify-items:end}.as-button{width:100%;border:0;background:transparent;text-align:right}.file-btn{position:relative;overflow:hidden;cursor:pointer}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.line-main{display:flex;justify-content:space-between;gap:var(--space-3)}.product-prices{display:flex;gap:var(--space-2);flex-wrap:wrap}.product-prices button{display:flex;align-items:center;gap:6px;min-height:var(--touch-min);border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-sm);padding:0 10px}.product-prices button:disabled{opacity:.45}.money{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.negative{color:var(--red)}.main-shell,.main-content,.order-layout>*,.menu-panel,.products-grid,.payment-layout>*,.quick-layout>*{min-width:0}.category-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.category-row button{flex:0 0 auto}body{overflow-x:hidden}@media(max-width:820px){.main-content{padding-bottom:calc(var(--touch-min) + 40px + env(safe-area-inset-bottom,0px))}}