@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--ink:#142a25;--green:#0e7662;--lime:#d2ed89;--muted:#7e8c85;--line:#e7ece7;--bg:#f6f8f6;--card:#fff;--dark:#101c19;--shadow:0 8px 26px #18382b08}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans','Tajawal',sans-serif;color:var(--ink);background:var(--bg)}body{font-size:14px}button,a,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:var(--dark);color:#edf4ef;min-height:100vh;padding:27px 17px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font-size:19px;font-weight:800;direction:ltr;padding:0 8px}.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--lime);color:var(--dark);display:grid;place-items:center;font-size:23px}.brand b{color:var(--lime)}.brand small{display:block;color:#899c91;font-size:9px;letter-spacing:1.2px;margin-top:4px}.venue{margin:32px 3px 20px;padding:13px 11px;border:1px solid #ffffff16;border-radius:13px;display:flex;align-items:center;gap:10px;background:#ffffff06}.venue-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#c9f06a18;color:var(--lime);font-size:19px}.venue span:nth-child(2){display:grid;gap:4px;min-width:0}.venue strong{font-size:13px}.venue small{font-size:10px;color:#95a69c}.venue-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:#67cc8c;box-shadow:0 0 0 4px #67cc8c17}.venue-dot{margin-inline-start:auto;flex:none}.main-nav{display:grid;gap:6px}.nav-item{width:100%;border:0;border-radius:10px;background:transparent;color:#a7b4ad;display:flex;align-items:center;gap:13px;padding:12px 13px;text-align:start;font-size:13px;font-weight:600;transition:.18s}.nav-item>span:first-child{width:19px;text-align:center;font-size:17px}.nav-item:hover{background:#ffffff0a;color:#fff}.nav-item.active{background:#c9f06a;color:#17251f}.nav-count{margin-inline-start:auto;background:#ffffff9c;border-radius:12px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #ffffff16;border-radius:13px;padding:14px;display:grid;gap:8px;background:#ffffff06}.help-card>span{color:var(--lime);font-size:18px}.help-card b{font-size:12px}.help-card small{color:#96a79d;font-size:11px}.help-card a{color:var(--lime);font-size:11px;font-weight:700;margin-top:2px;text-decoration:none}.back-link{display:block;color:#9caaa2;font-size:11px;padding:18px 9px 0;text-decoration:none}.main-area{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:5}.topbar-label{display:flex;align-items:center;gap:10px;color:#687971;font-size:12px;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:16px}.today-label{font-size:12px;color:#77867e}.language{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700}.avatar{border:0;background:var(--ink);color:var(--lime);width:34px;height:34px;border-radius:50%;font-weight:800}.page-panel{display:none;padding:31px 36px 45px;max-width:1500px;margin:auto}.page-panel.active{display:block;animation:enter .2s ease}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:3px 0 24px}.eyebrow{font-size:10px;letter-spacing:1.2px;color:var(--green);font-weight:800}.page-heading h1{font-size:29px;letter-spacing:-.7px;margin:6px 0 4px}.page-heading p{color:var(--muted);font-size:13px;margin:0}.primary-btn,.secondary-btn{border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;font-size:12px;font-weight:700;white-space:nowrap}.primary-btn{background:var(--green);color:#fff;box-shadow:0 4px 10px #0e766220}.primary-btn:hover{background:#0a6553}.primary-btn>span:first-child{font-size:17px}.secondary-btn{background:#fff;border:1px solid var(--line);color:var(--ink)}.secondary-btn:hover{border-color:#b6d1bf;color:var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.surface{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric-card{padding:16px 17px;min-height:130px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#78867f;font-size:11px;font-weight:600}.metric-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:15px;font-weight:800}.metric-icon.green{background:#e7f5ec;color:#27835f}.metric-icon.purple{background:#f0edff;color:#7664be}.metric-icon.blue{background:#e9f4fc;color:#548bb1}.metric-icon.orange{background:#fff3e4;color:#ca8b38}.metric-card>strong{display:block;font-size:25px;letter-spacing:-.7px;margin:9px 0 6px}.metric-card>small{font-size:10px;color:#8b9891}.trend-up{color:#328f63;font-style:normal;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:14px;margin-top:15px}.surface{padding:19px 20px}.surface-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.surface-head h2{font-size:15px;margin:0 0 5px}.surface-head p{font-size:10px;color:#929f98;margin:0}.period-pill{border-radius:20px;padding:7px 11px;background:#f2f6f2;color:#718078;font-size:10px}.sales-total{display:flex;align-items:baseline;gap:9px;margin:21px 0 5px}.sales-total strong{font-size:24px}.sales-total span{font-size:10px;color:#8b9891}.chart-wrap{height:145px;display:flex;gap:12px;align-items:stretch}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#9aa49e;font-size:9px;padding:2px 0}.chart{flex:1;position:relative;display:flex;align-items:end;justify-content:space-around;gap:9px;padding:0 7px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#eff2ef 36px,#eff2ef 37px);border-bottom:1px solid var(--line)}.chart-bar{position:relative;flex:1;max-width:32px;min-width:13px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#9bcdb0,#e0f0e4);transition:height .3s}.chart-bar.today{background:linear-gradient(180deg,#16856d,#78c5a0)}.chart-hours{display:flex;justify-content:space-between;color:#9aa49e;font-size:9px;padding:7px 0 0 28px}.popular-symbol{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#edf7e5;color:#5d903c}.popular-list{display:grid;gap:14px;margin:20px 0 15px}.popular-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px}.popular-rank{width:31px;height:31px;border-radius:9px;background:#f1f5f1;color:#738078;display:grid;place-items:center;font-size:10px;font-weight:800}.popular-name{font-size:11px;font-weight:700}.popular-count{font-size:10px;color:#8b9891}.popular-meter{grid-column:2/4;height:4px;border-radius:4px;background:#eff3ef;margin-top:-6px;overflow:hidden}.popular-meter i{display:block;height:100%;background:#86bd92;border-radius:4px}.text-btn{border:0;background:none;color:var(--green);font-size:11px;font-weight:700;padding:6px 0}.text-btn:hover{text-decoration:underline}.recent-surface{margin-top:14px}.table-scroll{overflow:auto;margin-top:14px}table{border-collapse:collapse;width:100%;min-width:680px;text-align:left}th{font-size:10px;color:#8b9891;text-transform:none;font-weight:600;padding:10px 11px;border-bottom:1px solid var(--line);white-space:nowrap}td{font-size:11px;padding:12px 11px;border-bottom:1px solid #f0f3f0;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.order-number{font-weight:800;color:var(--green)}.status{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700}.status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.status-open{background:#fff3e3;color:#b78333}.status-ready{background:#e9f3fc;color:#4d89ba}.status-paid{background:#e8f5ed;color:#3d9565}.row-action{border:0;background:#f0f6f1;border-radius:7px;color:var(--green);padding:6px 9px;font-size:9px;font-weight:700}.row-action:hover{background:#dff0e4}.demo-note{display:flex;align-items:center;gap:8px;color:#828f88;font-size:10px;margin:17px 2px 0}.demo-note>span:first-child{font-size:14px;color:#8aa59a}.filter-row{display:flex;gap:7px;margin:0 0 15px}.filter-chip{border:1px solid var(--line);background:#fff;color:#75837b;border-radius:20px;padding:8px 14px;font-size:11px}.filter-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.orders-surface{padding:5px 17px 15px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.menu-card{padding:16px;background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.food-icon{width:44px;height:44px;border-radius:12px;background:#f1f5ec;display:grid;place-items:center;font-size:21px}.food-details{min-width:0}.food-details strong{display:block;font-size:12px;margin-bottom:4px}.food-details small{color:#8b9891;font-size:10px}.food-price{font-size:12px;font-weight:800;white-space:nowrap}.menu-card .category-tag{grid-column:2/4;color:#8b9891;font-size:9px;margin-top:-8px}.stock-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stock-card{padding:16px;background:#fff;border:1px solid var(--line);border-radius:13px}.stock-top{display:flex;justify-content:space-between;align-items:center}.stock-top strong{font-size:12px}.stock-emoji{width:31px;height:31px;border-radius:9px;background:#f2f6ee;display:grid;place-items:center}.stock-qty{display:flex;align-items:baseline;gap:5px;margin:13px 0 9px}.stock-qty strong{font-size:23px}.stock-qty span{font-size:10px;color:#85928b}.stock-track{height:5px;border-radius:5px;background:#edf1ed;overflow:hidden}.stock-track i{display:block;height:100%;border-radius:5px;background:#79b88c}.stock-track i.low{background:#e1a34f}.stock-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.stock-badge{font-size:9px;font-weight:700;color:#37845a}.stock-badge.low{color:#bd7f2b}.restock-btn{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:7px;padding:6px 9px;font-size:9px;font-weight:700}.restock-btn:hover{background:#eff7f0}.empty{padding:30px;text-align:center;color:#8b9891;font-size:12px}.page-panel[dir="rtl"]{text-align:right}.page-panel[dir="rtl"] table{text-align:right}.page-panel[dir="rtl"] .popular-meter{grid-column:1/3}.page-panel[dir="rtl"] .popular-item{grid-template-columns:auto minmax(0,1fr) 32px}.page-panel[dir="rtl"] .chart-hours{padding:7px 28px 0 0}.page-panel[dir="rtl"] .y-labels{align-items:flex-end}.page-panel[dir="rtl"] th,.page-panel[dir="rtl"] td{text-align:right}dialog{border:0;border-radius:17px;padding:0;width:min(560px,calc(100vw - 28px));max-height:min(88vh,780px);box-shadow:0 24px 80px #07130f45;color:var(--ink)}dialog::backdrop{background:#08151075;backdrop-filter:blur(3px)}dialog form{padding:23px;max-height:88vh;overflow:auto}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:21px;margin:6px 0 0}.icon-btn{width:31px;height:31px;border:0;border-radius:8px;background:#f1f4f1;font-size:21px;color:#65736b}.field-label{display:block;margin-bottom:7px;font-size:11px;font-weight:700}.field-select{width:100%;padding:11px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--ink);margin-bottom:15px}.order-menu{display:grid;gap:8px;max-height:340px;overflow:auto}.order-menu-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px}.order-menu-row strong{font-size:11px}.order-menu-row small{display:block;color:#8c9992;font-size:9px;margin-top:4px}.order-menu-row b{font-size:10px}.qty-controls{display:flex;align-items:center;gap:7px}.qty-controls button{width:25px;height:25px;border:0;border-radius:7px;background:#edf5ee;color:var(--green);font-weight:800}.qty-controls span{width:15px;text-align:center;font-size:11px;font-weight:700}.dialog-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:15px;padding:15px 0;font-size:12px}.dialog-total strong{font-size:17px}.submit-order{width:100%}.price-fields{display:grid;gap:8px;margin-bottom:18px}.price-row{display:grid;grid-template-columns:1fr 140px;align-items:center;gap:15px;padding:8px 0;border-bottom:1px solid #f0f3f0}.price-row label{font-size:11px;font-weight:600}.price-row input{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px}.toast{position:fixed;bottom:22px;inset-inline-end:22px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:9px;box-shadow:0 9px 30px #0e211b30;transform:translateY(14px);opacity:0;pointer-events:none;transition:.25s;z-index:20;font-size:11px}.toast.show{transform:none;opacity:1}
html[dir="rtl"] body{font-family:'Tajawal','DM Sans',sans-serif}html[dir="rtl"] .app-shell{grid-template-columns:minmax(0,1fr) 250px}html[dir="rtl"] .sidebar{grid-column:2;grid-row:1}html[dir="rtl"] .main-area{grid-column:1;grid-row:1}html[dir="rtl"] .brand,html[dir="rtl"] .venue,html[dir="rtl"] .nav-item,html[dir="rtl"] .help-card{text-align:right}html[dir="rtl"] .page-heading,html[dir="rtl"] .topbar,html[dir="rtl"] .metric-top,html[dir="rtl"] .surface-head,html[dir="rtl"] .stock-top,html[dir="rtl"] .stock-bottom{direction:rtl}html[dir="rtl"] table{direction:rtl}html[dir="rtl"] .orders-surface,html[dir="rtl"] .recent-surface{direction:rtl}html[dir="rtl"] .order-menu-row,html[dir="rtl"] .price-row{direction:rtl}html[dir="rtl"] .help-card a,html[dir="rtl"] .back-link{text-align:right}
@media(max-width:1050px){.app-shell{grid-template-columns:215px minmax(0,1fr)}html[dir="rtl"] .app-shell{grid-template-columns:minmax(0,1fr) 215px}.page-panel{padding:27px 25px 40px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.app-shell,html[dir="rtl"] .app-shell{display:block}.sidebar{height:auto;min-height:0;position:relative;padding:13px 15px 10px}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.venue,.sidebar-bottom{display:none}.main-nav{display:flex;gap:4px;overflow-x:auto;margin-top:12px;padding-bottom:2px}.nav-item{flex:none;width:auto;padding:9px 11px;gap:7px;font-size:10px}.nav-item>span:first-child{width:auto;font-size:14px}.nav-count{padding:1px 5px}.topbar{height:55px;padding:0 15px}.today-label{display:none}.topbar-label{font-size:10px}.topbar-actions{gap:9px}.page-panel{padding:23px 14px 35px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:17px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.primary-btn,.secondary-btn{padding:11px 13px}.metric-grid{gap:8px}.metric-card{padding:13px;min-height:118px}.metric-card>strong{font-size:22px}.metric-card>small{font-size:9px}.metric-top{font-size:10px}.dashboard-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.surface{padding:15px}.sales-surface{min-height:285px}.popular-surface{min-height:250px}.recent-surface{margin-top:10px}.recent-surface .surface-head{align-items:center}.recent-surface .surface-head .text-btn{font-size:9px}.menu-grid,.stock-cards{grid-template-columns:1fr}.menu-card{grid-template-columns:42px 1fr auto}.menu-card .category-tag{grid-column:2/4}.filter-row{overflow:auto}.filter-chip{white-space:nowrap}.demo-note{font-size:9px;line-height:1.6}.chart{gap:5px}.chart-bar{min-width:12px}}