*{box-sizing:border-box}
:root{color-scheme:light;--bg:#edf3f8;--surface:rgba(255,255,255,.88);--solid:#fff;--text:#172536;--muted:#65788e;--line:rgba(32,68,102,.14);--line-2:rgba(38,112,190,.3);--primary:#2c77c8;--primary-2:#4f9feb;--primary-soft:rgba(44,119,200,.1);--success:#18875f;--success-soft:rgba(24,135,95,.1);--warn:#b26b09;--warn-soft:rgba(178,107,9,.1);--danger:#c74259;--danger-soft:rgba(199,66,89,.1);--violet:#7959c8;--sidebar:#11263c;--sidebar-text:#d9e8f6;--sidebar-muted:#829ab1;--shadow:0 18px 55px rgba(37,67,96,.13);--radius:16px;--sidebar-w:276px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0d151f;--surface:rgba(20,31,44,.92);--solid:#14202d;--text:#e8f0f7;--muted:#91a1b3;--line:rgba(212,231,248,.12);--line-2:rgba(90,168,238,.33);--primary:#67aff0;--primary-2:#4395dc;--primary-soft:rgba(67,149,220,.14);--success:#50c696;--success-soft:rgba(80,198,150,.12);--warn:#f0b35b;--warn-soft:rgba(240,179,91,.12);--danger:#f07c91;--danger-soft:rgba(240,124,145,.12);--violet:#a98dea;--sidebar:#09121c;--sidebar-text:#e3edf7;--sidebar-muted:#8193a7;--shadow:0 22px 65px rgba(0,0,0,.3)}
:root.restaurant-theme{--primary:#cc7425;--primary-2:#efa24f;--primary-soft:rgba(204,116,37,.11);--sidebar:#271a12;--sidebar-text:#fff0df;--sidebar-muted:#bca58e;--line-2:rgba(204,116,37,.32);--success:#32865d;--violet:#8d5bbd}
:root.restaurant-theme[data-theme="dark"]{--primary:#f3a253;--primary-2:#d88032;--primary-soft:rgba(243,162,83,.13);--sidebar:#160f0b;--sidebar-text:#fff1e4;--sidebar-muted:#ae927d}
html{font-size:14px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;line-height:1.55;direction:rtl}
body.en{font-family:Inter,system-ui,sans-serif;direction:ltr}body:not(.en) [data-en],body.en [data-ar]{display:none!important}
button,input{font:inherit}a{color:inherit}.demo-app{min-height:100vh;display:flex}.demo-sidebar{position:fixed;z-index:40;inset-block:0;inset-inline-start:0;width:var(--sidebar-w);padding:18px 14px;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar) 96%,#fff 4%),var(--sidebar));color:var(--sidebar-text);border-inline-end:1px solid rgba(255,255,255,.07);box-shadow:0 0 35px rgba(0,0,0,.18)}
.demo-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.demo-brand img{width:42px;height:42px}.demo-brand>span{display:flex;flex-direction:column;line-height:1.25}.demo-brand b{font:700 1rem Inter,sans-serif}.demo-brand small{color:var(--sidebar-muted);font-size:.68rem}.safe-pill{display:inline-flex;align-items:center;gap:5px;margin-top:6px;width:max-content;padding:3px 7px;border:1px solid rgba(80,198,150,.25);border-radius:99px;color:#79dbb4;font:600 .57rem Inter,sans-serif}.safe-pill i{width:5px;height:5px;border-radius:50%;background:#79dbb4}
.demo-nav{padding:14px 0;overflow:auto;scrollbar-width:thin}.nav-label{margin:14px 9px 6px;color:var(--sidebar-muted);font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.demo-nav button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;margin:3px 0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--sidebar-text);cursor:pointer;text-align:start;font-size:.78rem;font-weight:600;transition:.16s}.demo-nav button:hover{background:rgba(255,255,255,.06)}.demo-nav button.active{background:rgba(79,159,235,.16);border-color:rgba(104,178,242,.26);color:#fff}.restaurant-demo .demo-nav button.active{background:rgba(243,162,83,.16);border-color:rgba(243,162,83,.28)}.nav-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.06);font-size:.85rem}.nav-count{margin-inline-start:auto;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:rgba(255,255,255,.1);font:700 .61rem Inter,sans-serif}.nav-count.alert{background:#c74259;color:#fff}
.sidebar-foot{margin-top:auto;padding:12px 9px 2px;border-top:1px solid rgba(255,255,255,.09);color:var(--sidebar-muted);font-size:.65rem}.sidebar-foot a{display:flex;align-items:center;gap:7px;color:var(--sidebar-text);text-decoration:none;margin-top:9px}.demo-main{width:calc(100% - var(--sidebar-w));margin-inline-start:var(--sidebar-w);min-height:100vh}.demo-topbar{position:sticky;z-index:30;top:0;height:68px;padding:0 24px;display:flex;align-items:center;gap:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.mobile-menu{display:none;border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:9px;width:38px;height:38px;cursor:pointer}.top-title{display:flex;flex-direction:column}.top-title h1{font-size:1rem;margin:0}.top-title p{font-size:.66rem;color:var(--muted);margin:1px 0 0}.top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.top-button{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--solid);color:var(--text);cursor:pointer;font-size:.72rem}.top-button.square{width:38px;padding:0}.demo-user{display:flex;align-items:center;gap:8px;margin-inline-start:4px}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--success));color:#fff;font:700 .66rem Inter,sans-serif}.demo-user span{display:flex;flex-direction:column;font-size:.68rem}.demo-user small{color:var(--muted);font-size:.58rem}
.demo-content{padding:25px;max-width:1500px;margin-inline:auto}.demo-banner{display:flex;align-items:center;gap:9px;padding:10px 13px;margin-bottom:18px;border:1px solid var(--line-2);border-radius:11px;background:var(--primary-soft);color:var(--primary);font-size:.72rem;font-weight:600}.demo-banner span:first-child{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:var(--solid)}
.view[hidden]{display:none!important}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.page-head h2{font-size:1.48rem;margin:0}.page-head p{color:var(--muted);margin:3px 0 0;font-size:.76rem}.page-actions{display:flex;gap:8px}.action-button{min-height:37px;border:1px solid var(--line);border-radius:9px;padding:6px 11px;background:var(--solid);color:var(--text);font-size:.7rem;font-weight:600;cursor:pointer}.action-button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.action-button:disabled{opacity:.55;cursor:not-allowed}
.briefing{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:14px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(115deg,var(--solid),var(--primary-soft))}.briefing h3{margin:0;font-size:1rem}.briefing p{margin:4px 0 0;color:var(--muted);font-size:.73rem}.briefing-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--solid);font-size:.65rem}.chip i{width:6px;height:6px;border-radius:50%;background:var(--success)}.chip.warn i{background:var(--warn)}.chip.danger i{background:var(--danger)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.stat-card{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 3px 12px rgba(34,62,89,.04)}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.stat-change{font:600 .6rem Inter,sans-serif;color:var(--success);padding:3px 6px;border-radius:99px;background:var(--success-soft)}.stat-change.warn{color:var(--warn);background:var(--warn-soft)}.stat-card strong{display:block;font:700 1.65rem Inter,sans-serif;margin:12px 0 1px}.stat-card>span:last-child{color:var(--muted);font-size:.68rem}
.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-top:12px}.panel{padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h3{font-size:.83rem;margin:0}.panel-head small{color:var(--muted);font-size:.62rem}.panel-link{border:0;background:none;color:var(--primary);font-size:.65rem;cursor:pointer}.bar-chart{height:190px;display:flex;align-items:end;gap:10px;padding:18px 4px 2px;border-bottom:1px solid var(--line)}.bar-chart span{flex:1;position:relative;height:var(--h);min-height:20px;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,var(--primary),var(--primary-2));opacity:.83}.bar-chart span::after{content:attr(data-label);position:absolute;top:calc(100% + 7px);inset-inline:0;text-align:center;color:var(--muted);font:500 .55rem Inter,sans-serif}.bar-chart span:nth-child(1){--h:46%}.bar-chart span:nth-child(2){--h:58%}.bar-chart span:nth-child(3){--h:52%}.bar-chart span:nth-child(4){--h:68%}.bar-chart span:nth-child(5){--h:73%}.bar-chart span:nth-child(6){--h:82%}.bar-chart span:nth-child(7){--h:76%}
.activity-list{display:grid;gap:8px}.activity{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:9px;border-radius:10px;background:var(--bg)}.activity-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--primary-soft);font-size:.72rem}.activity b{display:block;font-size:.7rem}.activity small{color:var(--muted);font-size:.6rem}.progress-list{display:grid;gap:13px}.progress-row>div{display:flex;justify-content:space-between;font-size:.65rem;margin-bottom:5px}.progress-track{height:7px;border-radius:99px;background:var(--bg);overflow:hidden}.progress-fill{height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--success))}.progress-row:nth-child(1) .progress-fill{--w:96%}.progress-row:nth-child(2) .progress-fill{--w:92%}.progress-row:nth-child(3) .progress-fill{--w:88%}.progress-row:nth-child(4) .progress-fill{--w:98%}
.table-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.table-toolbar h3{font-size:.84rem;margin:0}.table-search{width:min(280px,50%);height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font-size:.68rem}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:11px 14px;text-align:start;border-bottom:1px solid var(--line);font-size:.68rem;white-space:nowrap}.data-table th{color:var(--muted);font-weight:600;background:color-mix(in srgb,var(--bg) 70%,transparent)}.data-table tbody tr:hover{background:var(--primary-soft)}.data-table tr:last-child td{border-bottom:0}.asset-id{font:700 .67rem Inter,sans-serif;color:var(--primary)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:99px;font-size:.6rem;font-weight:700;background:var(--success-soft);color:var(--success)}.status-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.warn{background:var(--warn-soft);color:var(--warn)}.status-badge.danger{background:var(--danger-soft);color:var(--danger)}.status-badge.info{background:var(--primary-soft);color:var(--primary)}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-grid,.ticket-grid,.menu-grid,.table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.vehicle-card,.ticket-card,.menu-item,.dining-table{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.vehicle-card-head,.ticket-head,.menu-item-head{display:flex;align-items:start;justify-content:space-between;gap:8px}.vehicle-card h3,.ticket-card h3,.menu-item h3{margin:0;font-size:.78rem}.vehicle-card p,.ticket-card p,.menu-item p{color:var(--muted);font-size:.63rem;margin:3px 0}.vehicle-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.vehicle-meta span{padding:7px;border-radius:8px;background:var(--bg);font-size:.61rem}.vehicle-meta small{display:block;color:var(--muted)}
.route-map{position:relative;height:360px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background-color:#dfeaf2;background-image:linear-gradient(30deg,rgba(255,255,255,.8) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.8) 87.5%),linear-gradient(150deg,rgba(255,255,255,.8) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.8) 87.5%),linear-gradient(30deg,rgba(255,255,255,.8) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.8) 87.5%);background-size:80px 140px;background-position:0 0,0 0,40px 70px}:root[data-theme="dark"] .route-map{background-color:#182633;background-image:linear-gradient(30deg,rgba(255,255,255,.04) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.04) 87.5%),linear-gradient(150deg,rgba(255,255,255,.04) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.04) 87.5%)}.route-line{position:absolute;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--success));transform-origin:0 50%;box-shadow:0 0 0 3px rgba(255,255,255,.55)}.route-one{width:48%;top:58%;left:18%;transform:rotate(-25deg)}.route-two{width:31%;top:38%;left:51%;transform:rotate(32deg)}.map-pin{position:absolute;display:grid;place-items:center;width:32px;height:32px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:var(--primary);color:#fff;font:700 .55rem Inter,sans-serif;transform:rotate(-45deg);box-shadow:0 5px 14px rgba(0,0,0,.18)}.map-pin span{transform:rotate(45deg)}.pin-a{top:58%;left:16%}.pin-b{top:31%;left:50%;background:var(--success)}.pin-c{top:58%;left:81%;background:var(--warn)}
.approval-list{display:grid;gap:9px}.approval-item{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.approval-item>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--warn-soft)}.approval-item>div{flex:1}.approval-item h3{margin:0;font-size:.72rem}.approval-item p{margin:2px 0 0;color:var(--muted);font-size:.62rem}.approval-actions{display:flex;gap:5px}.small-button{border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:7px;padding:5px 8px;font-size:.58rem;cursor:pointer}.small-button.accept{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--line))}
.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.report-card{min-height:230px;padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.report-card h3{font-size:.82rem;margin:0 0 15px}.donut{width:145px;height:145px;margin:14px auto;border-radius:50%;background:conic-gradient(var(--primary) 0 62%,var(--success) 62% 84%,var(--warn) 84% 95%,var(--danger) 95%);display:grid;place-items:center}.donut::after{content:"92%";display:grid;place-items:center;width:95px;height:95px;border-radius:50%;background:var(--solid);font:700 1.15rem Inter,sans-serif}.audit-note{padding:12px;border:1px solid color-mix(in srgb,var(--success) 28%,var(--line));border-radius:11px;background:var(--success-soft);color:var(--success);font-size:.68rem;margin-bottom:12px}
.kds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kds-column{padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 72%,var(--bg))}.kds-column>h3{display:flex;justify-content:space-between;font-size:.75rem;margin:2px 2px 11px}.kds-column>h3 span{display:grid;place-items:center;min-width:21px;height:21px;border-radius:99px;background:var(--solid);font:700 .6rem Inter,sans-serif}.ticket-card{margin-bottom:8px;background:var(--solid)}.ticket-time{font:700 .61rem Inter,sans-serif;color:var(--warn)}.ticket-items{list-style:none;padding:0;margin:10px 0;display:grid;gap:5px}.ticket-items li{font-size:.63rem}.ticket-items li::before{content:"×1";font:700 .55rem Inter,sans-serif;color:var(--primary);margin-inline-end:6px}.ticket-action{width:100%;border:0;border-radius:8px;padding:7px;background:var(--primary-soft);color:var(--primary);font-size:.6rem;font-weight:700;cursor:pointer}
.table-grid{grid-template-columns:repeat(5,1fr)}.dining-table{text-align:center;cursor:pointer;transition:.15s}.dining-table:hover{transform:translateY(-2px);border-color:var(--line-2)}.table-number{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 8px;border-radius:50%;background:var(--success-soft);color:var(--success);font:700 .8rem Inter,sans-serif}.dining-table.busy .table-number{background:var(--warn-soft);color:var(--warn)}.dining-table.ready .table-number{background:var(--primary-soft);color:var(--primary)}.dining-table b{display:block;font-size:.68rem}.dining-table small{color:var(--muted);font-size:.58rem}
.menu-grid{grid-template-columns:repeat(4,1fr)}.menu-price{font:700 .72rem Inter,sans-serif;color:var(--primary)}.menu-item .small-button{width:100%;margin-top:10px}.stock-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.68rem}.stock-line:last-child{border-bottom:0}.stock-level{width:90px;height:6px;background:var(--bg);border-radius:99px;overflow:hidden}.stock-level i{display:block;height:100%;width:var(--stock);background:var(--success);border-radius:inherit}.stock-line.low .stock-level i{background:var(--warn)}.stock-line.critical .stock-level i{background:var(--danger)}
.command-dialog{border:0;padding:0;border-radius:18px;background:var(--surface);color:var(--text);width:min(620px,calc(100% - 28px));box-shadow:0 30px 100px rgba(0,0,0,.35)}.command-dialog::backdrop{background:rgba(6,13,22,.62);backdrop-filter:blur(5px)}.command-box{padding:14px}.command-head{display:flex;align-items:center;gap:9px}.command-head input{flex:1;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:0 12px}.command-head button{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--solid);color:var(--text);cursor:pointer}.command-results{display:grid;gap:5px;margin-top:10px}.command-results button{display:flex;align-items:center;gap:8px;border:0;border-radius:9px;background:transparent;color:var(--text);padding:9px;cursor:pointer;text-align:start}.command-results button:hover{background:var(--primary-soft)}.command-results span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--primary-soft)}
.stock-level i{width:70%}.stock-line:nth-child(2) .stock-level i{width:82%}.stock-line:nth-child(3) .stock-level i{width:74%}.stock-line:nth-child(4) .stock-level i{width:22%}.stock-line:nth-child(5) .stock-level i{width:14%}.stock-line:nth-child(6) .stock-level i{width:68%}.stock-line:nth-child(7) .stock-level i{width:54%}
.dashboard-grid .progress-row:nth-child(1) .progress-fill{--w:46%}.dashboard-grid .progress-row:nth-child(2) .progress-fill{--w:32%}.dashboard-grid .progress-row:nth-child(3) .progress-fill{--w:18%}.dashboard-grid .progress-row:nth-child(4) .progress-fill{--w:4%}
.toast-stack{position:fixed;z-index:100;bottom:18px;inset-inline-end:18px;display:grid;gap:8px}.toast{padding:11px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--solid);box-shadow:var(--shadow);font-size:.68rem;color:var(--text);animation:toast-in .2s ease-out}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}.sidebar-overlay{display:none}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.vehicle-grid,.ticket-grid,.menu-grid{grid-template-columns:repeat(2,1fr)}.table-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:1fr}.kds-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}}
@media(max-width:820px){:root{--sidebar-w:270px}.demo-sidebar{transform:translateX(105%);transition:.2s}body.en .demo-sidebar{transform:translateX(-105%)}.demo-sidebar.open{transform:translateX(0)}.demo-main{width:100%;margin:0}.mobile-menu{display:block}.demo-topbar{height:62px;padding:0 13px}.demo-content{padding:15px}.demo-user span{display:none}.sidebar-overlay{position:fixed;z-index:35;inset:0;background:rgba(5,12,20,.5)}.sidebar-overlay.open{display:block}.page-head{align-items:start;flex-direction:column}.briefing{align-items:start;flex-direction:column}.split-grid{grid-template-columns:1fr}.table-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.top-title p,.top-button.labelled{display:none}.stats-grid,.vehicle-grid,.ticket-grid,.menu-grid,.report-grid{grid-template-columns:1fr}.table-grid{grid-template-columns:repeat(2,1fr)}.page-actions{width:100%}.page-actions .action-button{flex:1}.demo-banner{align-items:flex-start}.route-map{height:300px}.control-mobile-hide{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}