:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:linear-gradient(180deg, #f6f8fc 0%, #edf2f8 100%);--surface:#ffffffe6;--surface-soft:#f4f7fcf2;--surface-elevated:#fff;--line:#94a3b838;--text:#0f172a;--muted:#64748b;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#0f766e1f;--radius:18px;--shadow:0 18px 48px #0f172a14;--density:comfortable}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--text);background:var(--app-bg);letter-spacing:0;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[dir=rtl],body[dir=rtl]{direction:rtl}html[dir=ltr],body[dir=ltr]{direction:ltr}button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:calc(var(--radius) - 8px);background:var(--surface-elevated);color:var(--text)}button{cursor:pointer;min-height:44px;padding:0 14px;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{width:100%;min-height:44px;text-align:inherit;padding:10px 12px}textarea{resize:vertical;min-height:110px}input[type=checkbox]{width:auto;min-height:auto}a{color:inherit}.primary,.ghost-button,.soft-chip,.tab,.table-chip,.menu-list-row,.product-card,.table-card,.table-card,.data-table-row,.sidebar-link{text-decoration:none}.primary,.ghost-button{justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 28px #0f766e29}.ghost-button,.soft-chip,.tab,.table-chip,.menu-list-row,.product-card,.table-card,.data-table-row{background:var(--surface-elevated)}.ghost-button{color:var(--text)}.ghost-button.danger{color:#b91c1c;border-color:#b91c1c47}.workspace-shell{grid-template-columns:296px minmax(0,1fr);min-height:100vh;display:grid}.workspace-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-inline-end:1px solid var(--line);background:#ffffffb8;align-self:start;gap:18px;min-height:100vh;padding:22px 18px;display:grid;position:sticky;top:0}.sidebar-brand,.brand-lockup,.hero-brand,.shell-meta,.detail-hero,.page-header,.section-head,.kpi-top,.row,.ticket-line,.order-summary-row,.printer-row,.table-card,.menu-list-row,.order-card,.data-table-head,.data-table-row,.token-box,.modal-head,.action-row,.topbar-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.sidebar-brand{align-items:center}.brand-mark{background:var(--accent);color:#fff;width:42px;height:42px;box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.brand-mark.large{border-radius:18px;width:56px;height:56px;font-size:18px}.sidebar-brand strong,.hero-brand strong,.shell-title h1,.login-hero h1{font-size:20px;line-height:1.2}.sidebar-brand span,.hero-brand span,.shell-title p,.page-copy p,.login-hero p,.section-head p,.detail-hero p,.empty-state p,.token-box p{color:var(--muted)}.sidebar-nav{gap:8px;display:grid}.sidebar-link{border-radius:calc(var(--radius) - 8px);min-height:46px;color:var(--text);border:1px solid #0000;align-items:center;gap:12px;padding:11px 14px;display:flex}.sidebar-link.active{background:var(--accent-soft);color:var(--accent-strong);border-color:#0f766e38}.sidebar-icon{display:inline-flex}.sidebar-link small{color:var(--muted);margin-inline-start:auto}.sidebar-footer{border-top:1px solid var(--line);color:var(--muted);gap:10px;padding-top:14px;display:grid}.language-select{min-width:180px;color:var(--muted);gap:6px;display:grid}.language-select select{background:var(--surface-elevated);min-height:40px;color:var(--text)}.language-select.compact{min-width:138px}.workspace-main{min-width:0;padding:26px}.page-stack,.stack,.detail-stack,.modal-stack,.stack-form,.stack-list{gap:16px;display:grid}.page-header{align-items:flex-end;margin-bottom:10px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:6px;font-size:12px;font-weight:700;display:inline-flex}.page-copy h1,.section-head h2,.detail-hero h3,.login-panel h2{margin:0}.page-copy h1{font-size:clamp(28px,3vw,38px)}.page-actions,.section-actions{flex-wrap:wrap;gap:10px;display:inline-flex}.panel,.metric,.kpi-card,.chart-card,.empty-state,.login-panel,.table-card,.menu-list-row,.product-card,.theme-card,.theme-surface-card,.role-card,.printer-row,.token-box,.notice,.table-chip,.data-table-head,.data-table-row,.table-grid .table-card,.operational-topbar,.modal-card{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section-card{padding:18px}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.two-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.kpi-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{gap:10px;padding:16px;display:grid}.kpi-card span,.kpi-card small,.chart-label,.chart-value,.empty-state p,.field small,.token-box p,.table-card span,.menu-list-row span,.product-card span,.printer-row span,.status-pill,.mini-metrics span,.row span,.ticket-line span{color:var(--muted)}.kpi-card strong{font-size:28px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chart-card{gap:10px;min-height:260px;padding:14px;display:grid}.chart-card strong{font-size:15px}.chart{width:100%;height:220px}.chart-label,.chart-value{font-size:10px}.donut-wrap{place-items:center;margin:0 auto;display:grid;position:relative}.donut-center{text-align:center;place-items:center;display:grid;position:absolute}.donut-center strong{font-size:20px}.tab-bar{flex-wrap:wrap;gap:10px;display:flex}.tab,.soft-chip,.table-chip,.menu-list-row,.table-card,.product-card{border:1px solid var(--line);border-radius:calc(var(--radius) - 8px);transition:border-color .12s,background .12s,transform .12s}.tab{min-height:42px;padding:10px 14px}.tab.active,.soft-chip.active,.table-chip.active,.menu-list-row.active,.table-card.active,.product-card.active{background:var(--accent-soft);border-color:#0f766e66}.field{gap:8px;display:grid}.input-prefix{border:1px solid var(--line);border-radius:calc(var(--radius) - 8px);background:var(--surface-elevated);align-items:center;gap:10px;padding-inline:12px;display:flex}.input-prefix input{background:0 0;border:0;padding-inline:0}.button-row,.action-row,.line-actions,.row-actions,.chip-flow{flex-wrap:wrap;gap:10px;display:flex}.empty-state,.loading-state{text-align:center;place-items:center;gap:8px;padding:24px;display:grid}.spinner{border:2px solid #94a3b859;border-top-color:var(--accent);border-radius:999px;width:18px;height:18px;animation:.9s linear infinite spin}.status-pill{background:#94a3b81f;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.tone-success{color:#166534;background:#16a34a1f}.status-pill.tone-warning,.status-pill.tone-info{color:#1d4ed8;background:#2563eb1f}.status-pill.tone-danger{color:#991b1b;background:#b91c1c1f}.status-pill.tone-neutral{color:#475569;background:#64748b1f}.notice{padding:14px 16px}.notice.error{color:#991b1b;background:#fef2f2cc;border-color:#b91c1c47}.data-table{gap:10px;display:grid}.data-table-head,.data-table-row{align-items:stretch;padding:12px 14px}.data-table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.data-table-body{gap:8px;display:grid}.data-table-row{text-align:start;justify-content:flex-start;width:100%}.data-table-row.clickable:hover{border-color:#0f766e47}.data-table-head,.data-table-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;display:grid}.table-grid,.theme-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.table-card,.product-card,.menu-list-row{text-align:start;gap:8px;padding:14px;display:grid}.menu-list-row{width:100%}.menu-index,.ticket-lines,.stack-list{gap:10px;display:grid}.ticket-line{border-bottom:1px solid var(--line);padding:12px 0}.ticket-line.voided{opacity:.55;text-decoration:line-through}.mini-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.mini-metrics>div{border-radius:calc(var(--radius) - 8px);border:1px solid var(--line);background:var(--surface-elevated);padding:12px}.mini-metrics strong{margin-top:4px;font-size:18px;display:block}.detail-hero{align-items:flex-start}.token-box{align-items:flex-start;padding:14px}.token-box-prominent{background:#ecfdf5eb;border-color:#0f766e52}.token-box p{word-break:break-all;margin:4px 0 0}.token-box small{color:var(--muted);margin-top:8px;display:block}.theme-card,.theme-surface-card,.role-card{gap:12px;padding:16px;display:grid}.theme-swatch{border-radius:calc(var(--radius) - 4px);border:1px solid var(--line);height:120px}.theme-surface-grid{gap:14px;display:grid}.table-chip-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.table-chip{text-align:start;gap:6px;padding:12px;display:grid}.pos-table-section{grid-column:1/-1}.pos-table-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.pos-table-card{text-align:start;border:1px solid var(--line);border-radius:calc(var(--radius) - 8px);background:var(--surface-elevated);align-content:space-between;gap:10px;min-height:124px;padding:14px;display:grid}.pos-table-card.active{background:var(--accent-soft);border-color:#0f766e85;box-shadow:0 16px 34px #0f766e24}.pos-table-card-head,.pos-table-card-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.pos-table-card>span,.pos-table-card small,.selected-table-summary span,.selected-table-summary small{color:var(--muted)}.selected-table-summary{border:1px solid var(--line);border-radius:calc(var(--radius) - 8px);background:var(--surface-elevated);gap:4px;padding:12px 14px;display:grid}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.product-card{align-content:space-between;min-height:136px}.product-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.operational-shell{min-height:100vh}.pos-workspace,.tablet-workspace{gap:16px;min-height:100vh;padding:20px;display:grid}.operational-topbar{justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.pos-grid,.tablet-hero-grid{grid-template-columns:1.2fr 1fr .92fr;align-items:start;gap:16px;display:grid}.tablet-menu-grid{display:block}.table-chip-grid.tablet-table-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tablet-product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:80;background:#0f172a73;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,840px);padding:18px}.modal-head{align-items:flex-start;margin-bottom:14px}.icon-button{border-radius:999px;width:38px;min-width:38px;height:38px;padding:0}.qty-control{grid-template-columns:52px 1fr 52px;gap:10px;display:grid}.split-choice{border:1px solid var(--line);border-radius:calc(var(--radius) - 8px);background:var(--surface-elevated);align-items:center;gap:10px;padding:10px 12px;display:flex}.split-picker{gap:10px;max-height:320px;display:grid;overflow:auto}.login-screen{grid-template-columns:1.4fr .9fr;gap:24px;min-height:100vh;padding:28px;display:grid}.login-hero,.login-panel{border-radius:calc(var(--radius) + 6px);padding:28px}.login-hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#0f172ae6,#0f766ed9);align-content:space-between;display:grid}.login-hero p,.login-hero span,.login-hero .eyebrow{color:#ffffffd6}.login-panel{gap:18px;display:grid}.login-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.login-form,.surface-switcher{gap:14px;display:grid}.hero-brand{align-items:center;gap:14px}.login-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.login-points>div{border-radius:calc(var(--radius) - 4px);background:#ffffff1f;padding:16px}.mini-pills{flex-wrap:wrap;gap:10px;display:flex}.pill{border-radius:999px;min-height:34px;padding-inline:12px}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.chart-card .chart{min-height:160px}.shell-header{display:none}html[dir=rtl] .workspace-shell{direction:ltr;grid-template-columns:minmax(0,1fr) 296px}html[dir=rtl] .workspace-sidebar{border-inline-end:0;border-inline-start:1px solid var(--line);direction:rtl;grid-column:2}html[dir=rtl] .workspace-main{direction:rtl;grid-area:1/1}html[dir=rtl] .sidebar-link,html[dir=rtl] .menu-list-row,html[dir=rtl] .product-card,html[dir=rtl] .table-card,html[dir=rtl] .data-table-row,html[dir=rtl] .field,html[dir=rtl] .login-panel,html[dir=rtl] .panel{text-align:right}html[dir=ltr] .sidebar-link,html[dir=ltr] .menu-list-row,html[dir=ltr] .product-card,html[dir=ltr] .table-card,html[dir=ltr] .data-table-row,html[dir=ltr] .field,html[dir=ltr] .login-panel,html[dir=ltr] .panel{text-align:left}html[dir=rtl] .page-header,html[dir=rtl] .section-head,html[dir=rtl] .operational-topbar,html[dir=rtl] .login-card-head,html[dir=rtl] .product-card-footer,html[dir=rtl] .topbar-actions{direction:rtl}html[dir=rtl] .chart,html[dir=rtl] .donut,html[dir=rtl] svg{direction:ltr}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1280px){.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{min-height:auto;position:relative}html[dir=rtl] .workspace-sidebar,html[dir=rtl] .workspace-main{grid-area:auto}html[dir=rtl] .workspace-sidebar{border-inline-start:0;border-inline-end:1px solid var(--line)}.pos-grid,.tablet-hero-grid,.workspace-grid,.kpi-grid{grid-template-columns:1fr}}@media (width<=860px){.login-screen{grid-template-columns:1fr;padding:18px}.login-points{grid-template-columns:1fr}.operational-topbar,.page-header,.section-head{flex-direction:column;align-items:flex-start}.workspace-main{padding:16px}}