:root{--tablio-ink:#171b24;--tablio-ink-secondary:#3e4652;--tablio-muted:#5f6672;--tablio-surface:#fff;--tablio-surface-subtle:#f7f8fa;--tablio-surface-strong:#f1f3f5;--tablio-border:#e2e5e9;--tablio-border-subtle:#edf0f2;--tablio-primary:#157a6e;--tablio-primary-hover:#106a60;--tablio-on-primary:#fff;--tablio-focus:#0f766e;--tablio-success:#237a4b;--tablio-warning:#8a5700;--tablio-danger:#b42318;--tablio-info:#175cd3;--tablio-neutral:#5f6672;--tablio-table-available:#10b981;--tablio-table-occupied:#f43f5e;--tablio-table-reserved:#0ea5e9;--tablio-table-bill:#f97316;--tablio-table-cleaning:#64748b;--tablio-accent-app:#157a6e;--tablio-accent-floor:#0e7490;--tablio-accent-pos:#4338ca;--tablio-accent-kds:#334155;--tablio-accent-staff:#175cd3;--tablio-accent-inventory:#6d28d9;--tablio-accent-admin:#4b5563;--tablio-accent:var(--tablio-accent-app);--tablio-font:var(--font-geist,"Geist"), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--tablio-font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--tablio-text-xs:12px;--tablio-text-sm:13px;--tablio-text-md:14px;--tablio-text-lg:18px;--tablio-text-xl:24px;--tablio-text-display:clamp(32px, 4vw, 40px);--tablio-space-1:4px;--tablio-space-2:8px;--tablio-space-3:12px;--tablio-space-4:16px;--tablio-space-6:24px;--tablio-space-8:32px;--tablio-space-12:48px;--tablio-space-16:64px;--tablio-radius-xs:4px;--tablio-radius-sm:6px;--tablio-radius-md:8px;--tablio-radius-lg:12px;--tablio-radius-pill:999px;--tablio-touch-target:48px;--tablio-shadow-layer:0 12px 32px #171b2424, 0 2px 6px #171b2414}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tablio-ink:#eef0f3;--tablio-ink-secondary:#c5cad2;--tablio-muted:#a3a9b3;--tablio-surface:#12151b;--tablio-surface-subtle:#181c23;--tablio-surface-strong:#1f242c;--tablio-border:#2b313b;--tablio-border-subtle:#232831;--tablio-primary:#2bb3a1;--tablio-primary-hover:#3cc7b4;--tablio-on-primary:#0b1412;--tablio-focus:#3cc7b4;--tablio-success:#4cc28a;--tablio-warning:#e3a64a;--tablio-danger:#f97066;--tablio-info:#6b9bff;--tablio-neutral:#a3a9b3;--tablio-accent-app:#2bb3a1;--tablio-accent-floor:#22b8cf;--tablio-accent-pos:#8b8cf8;--tablio-accent-kds:#94a3b8;--tablio-accent-staff:#6b9bff;--tablio-accent-inventory:#a78bfa;--tablio-accent-admin:#9aa3b0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--tablio-ink:#eef0f3;--tablio-ink-secondary:#c5cad2;--tablio-muted:#a3a9b3;--tablio-surface:#12151b;--tablio-surface-subtle:#181c23;--tablio-surface-strong:#1f242c;--tablio-border:#2b313b;--tablio-border-subtle:#232831;--tablio-primary:#2bb3a1;--tablio-primary-hover:#3cc7b4;--tablio-on-primary:#0b1412;--tablio-focus:#3cc7b4;--tablio-success:#4cc28a;--tablio-warning:#e3a64a;--tablio-danger:#f97066;--tablio-info:#6b9bff;--tablio-neutral:#a3a9b3;--tablio-accent-app:#2bb3a1;--tablio-accent-floor:#22b8cf;--tablio-accent-pos:#8b8cf8;--tablio-accent-kds:#94a3b8;--tablio-accent-staff:#6b9bff;--tablio-accent-inventory:#a78bfa;--tablio-accent-admin:#9aa3b0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--tablio-surface-subtle);color:var(--tablio-ink);font-family:var(--tablio-font);font-size:var(--tablio-text-md);margin:0}:focus-visible{outline:2px solid var(--tablio-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.tablio-btn{justify-content:center;align-items:center;gap:var(--tablio-space-2);min-height:40px;padding:0 var(--tablio-space-4);border-radius:var(--tablio-radius-md);font:inherit;font-weight:600;font-size:var(--tablio-text-md);cursor:pointer;border:1px solid #0000;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.tablio-btn[data-size=lg]{min-height:var(--tablio-touch-target);width:100%}.tablio-btn[data-variant=primary]{background:var(--tablio-primary);color:var(--tablio-on-primary)}.tablio-btn[data-variant=primary]:hover{background:var(--tablio-primary-hover)}.tablio-btn[data-variant=secondary]{background:var(--tablio-surface);color:var(--tablio-ink);border-color:var(--tablio-border)}.tablio-btn[data-variant=secondary]:hover{background:var(--tablio-surface-strong)}.tablio-btn[data-variant=ghost]{color:var(--tablio-ink-secondary);background:0 0}.tablio-btn[data-variant=ghost]:hover{background:var(--tablio-surface-strong)}.tablio-btn[data-variant=destructive]{background:var(--tablio-surface);color:var(--tablio-danger);border-color:var(--tablio-border)}.tablio-btn:disabled{opacity:.6;cursor:progress}.tablio-field{gap:var(--tablio-space-1);display:grid}.tablio-field label{font-size:var(--tablio-text-sm);color:var(--tablio-ink);font-weight:600}.tablio-field input,.tablio-field select{min-height:var(--tablio-touch-target);padding:0 var(--tablio-space-3);border:1px solid var(--tablio-border);border-radius:var(--tablio-radius-md);background:var(--tablio-surface);color:var(--tablio-ink);font:inherit;font-size:16px}.tablio-field input:focus-visible,.tablio-field select:focus-visible{outline:2px solid var(--tablio-focus);outline-offset:1px;border-color:var(--tablio-focus)}.tablio-field[data-invalid] input{border-color:var(--tablio-danger)}.tablio-field .tablio-field-hint{font-size:var(--tablio-text-xs);color:var(--tablio-muted)}.tablio-field .tablio-field-error{font-size:var(--tablio-text-xs);color:var(--tablio-danger);min-height:1em}.tablio-alert{padding:var(--tablio-space-3) var(--tablio-space-4);border-radius:var(--tablio-radius-md);border:1px solid var(--tablio-border);background:var(--tablio-surface-strong);font-size:var(--tablio-text-md)}.tablio-alert[data-tone=danger]{color:var(--tablio-danger);border-color:color-mix(in srgb, var(--tablio-danger) 35%, transparent);background:color-mix(in srgb, var(--tablio-danger) 6%, var(--tablio-surface))}.tablio-alert[data-tone=success]{color:var(--tablio-success);border-color:color-mix(in srgb, var(--tablio-success) 35%, transparent);background:color-mix(in srgb, var(--tablio-success) 6%, var(--tablio-surface))}.tablio-wordmark{letter-spacing:-.02em;color:var(--tablio-ink);align-items:baseline;gap:var(--tablio-space-2);font-size:22px;font-weight:700;display:inline-flex}.tablio-wordmark b{color:var(--tablio-primary)}.tablio-wordmark-product{letter-spacing:.08em;text-transform:uppercase;color:var(--tablio-accent);font-size:11px;font-weight:700}.tablio-auth{min-height:100dvh;padding-block:var(--tablio-space-8);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));place-items:center;display:grid}.tablio-auth-card{background:var(--tablio-surface);border:1px solid var(--tablio-border);border-radius:var(--tablio-radius-lg);grid-template-columns:1fr;width:100%;max-width:1040px;display:grid;overflow:hidden}.tablio-auth-panel{display:none}.tablio-auth-body{padding:var(--tablio-space-8) var(--tablio-space-6);gap:var(--tablio-space-6);align-content:center;display:grid}.tablio-auth-inner{gap:var(--tablio-space-6);width:100%;max-width:400px;margin:0 auto;display:grid}.tablio-auth-inner>div:has(>.tablio-auth-title){gap:var(--tablio-space-2);display:grid}.tablio-auth-title{font-size:var(--tablio-text-display);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}.tablio-auth-lede{color:var(--tablio-muted);margin:0}.tablio-form{gap:var(--tablio-space-4);display:grid}.tablio-link{color:var(--tablio-primary);font-weight:600;text-decoration:none}.tablio-link:hover{text-decoration:underline}@media (min-width:56rem){.tablio-auth-card{min-height:600px;box-shadow:var(--tablio-shadow-layer);grid-template-columns:1fr 1fr}.tablio-auth-panel{align-content:end;gap:var(--tablio-space-3);padding:var(--tablio-space-12);color:#fff;background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--tablio-accent) 70%, #000) 0%, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--tablio-accent) 85%, #000), #10141b);display:grid}.tablio-auth-panel p{opacity:.85;max-width:34ch;margin:0}.tablio-auth-panel h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:32px;line-height:1.15}.tablio-auth-body{padding:var(--tablio-space-12)}}.venue-map{aspect-ratio:16/10;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.venue-floor{fill:var(--tablio-surface)}.venue-grid-line{fill:none;stroke:var(--tablio-border-subtle);stroke-width:1px}.venue-item{cursor:default}.venue-wall{fill:var(--tablio-ink-secondary)}.venue-window{fill:color-mix(in srgb, var(--tablio-info) 18%, var(--tablio-surface));stroke:var(--tablio-info);stroke-width:2px}.venue-door{fill:var(--tablio-surface);stroke:var(--tablio-muted);stroke-width:2px;stroke-dasharray:6 4}.venue-door-swing{fill:none;stroke:var(--tablio-border);stroke-width:2px}.venue-plant{fill:color-mix(in srgb, var(--tablio-success) 30%, var(--tablio-surface));stroke:var(--tablio-success);stroke-width:2px}.venue-zone{fill:var(--tablio-surface-strong);stroke:var(--tablio-border);stroke-width:2px}.venue-zone-label,.venue-free-label{fill:var(--tablio-muted);pointer-events:none;font-size:18px;font-weight:600}.venue-free-label{fill:var(--tablio-ink-secondary);font-size:22px}.venue-table{--status:var(--tablio-table-available)}.venue-table[data-status=occupied]{--status:var(--tablio-table-occupied)}.venue-table[data-status=reserved]{--status:var(--tablio-table-reserved)}.venue-table[data-status=bill]{--status:var(--tablio-table-bill)}.venue-table[data-status=cleaning]{--status:var(--tablio-table-cleaning)}.venue-table-top{fill:color-mix(in srgb, var(--status) 8%, var(--tablio-surface));stroke:color-mix(in srgb, var(--status) 70%, var(--tablio-surface));stroke-width:3px}.venue-seat{fill:var(--tablio-surface-strong);stroke:var(--tablio-border);stroke-width:2px}.venue-table-label{fill:var(--tablio-ink);pointer-events:none;font-size:20px;font-weight:700}.venue-table-seats{fill:var(--tablio-muted);pointer-events:none;font-size:14px}.venue-item[data-selected] .venue-table-top,.venue-item[data-selected] .venue-wall,.venue-item[data-selected] .venue-zone,.venue-item[data-selected] .venue-door,.venue-item[data-selected] .venue-window,.venue-item[data-selected] .venue-plant{stroke:var(--tablio-focus);stroke-width:4px}.venue-handle{fill:var(--tablio-surface);stroke:var(--tablio-focus);stroke-width:3px;cursor:nwse-resize}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--tablio-ui-canvas:#f7f8fa;--tablio-ui-sidebar:#fff;--tablio-ui-surface:#fff;--tablio-ui-surface-muted:#f1f3f5;--tablio-ui-surface-elevated:#fff;--tablio-ui-surface-hover:#e7eaed;--tablio-ui-border:#e2e5e9;--tablio-ui-border-subtle:#edf0f2;--tablio-ui-border-control:#767d86;--tablio-ui-text-primary:#171b24;--tablio-ui-text-secondary:#3e4652;--tablio-ui-text-muted:#5f6672;--tablio-ui-action-primary:#157a6e;--tablio-ui-action-primary-hover:#106a60;--tablio-ui-action-foreground:#fff;--tablio-ui-action-border:#157a6e;--tablio-ui-focus-ring:#0f766e;--tablio-ui-disabled-text:#8b929d;--tablio-ui-disabled-surface:#f1f3f5;--tablio-ui-selection-surface:#ecfdf5;--tablio-ui-selection-foreground:#065f46;--tablio-ui-success:#065f46;--tablio-ui-success-surface:#ecfdf5;--tablio-ui-warning:#92400e;--tablio-ui-warning-surface:#fffbeb;--tablio-ui-danger:#9f1239;--tablio-ui-danger-surface:#fff1f2;--tablio-ui-information:#075985;--tablio-ui-information-surface:#f0f9ff;--tablio-ui-chart-blue:#075985;--tablio-ui-chart-green:#157a6e;--tablio-ui-chart-purple:#5b21b6;--tablio-ui-chart-amber:#92400e;--primary-deep:#065f46;--green-border:#065f46;--blue-deep:#075985;--blue-border:#075985;--amber-border:#92400e;--purple-soft:#f1f3f5;--purple-faint:#f7f8fa;--chart-top:#438ddd;--chart-bottom:#075985;--chart-peak-bottom:#075985;--floor:#f7f8fa;--floor-grid:#e2e5e9;--floor-wall:#c7ccd2;--floor-shade:#edf0f2;--floor-chair:#c7ccd2;--floor-chair-border:#767d86;--table-green:#ecfdf5;--table-red:#fff1f2;--table-blue:#f0f9ff;--table-amber:#fffbeb;--table-purple:#f1f3f5;--plant:#157a6e;--wood-soft:#fffbeb;--wood-border:#92400e;--shadow-color:#0308110d;--overlay:#050b1399;--shadow-lg:0 8px 24px #00000014;--floor-available:#065f46;--floor-available-fill:#ecfdf5;--floor-occupied:#9f1239;--floor-occupied-fill:#fff1f2;--floor-reserved:#075985;--floor-reserved-fill:#f0f9ff;--floor-bill_requested:#92400e;--floor-bill_requested-fill:#fffbeb;--floor-awaiting_cleaning:#5f6672;--floor-awaiting_cleaning-fill:#f1f3f5;--font:"Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--white:#fff;--chart-peak-top:#70b1ff;--auth-photo-brand:#86efc5;--radius:11px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sidebar-width:226px;--auth-photo-base:#0e1b29;--auth-photo-overlay:linear-gradient(180deg, #0b172c45 0%, #0b172c26 28%, #0b172cc9 67%, #0b172cf2 100%);--auth-photo-text:#fff;--auth-photo-secondary:#c2cedb;--auth-photo-muted:#b5c2d1;--background:var(--tablio-ui-canvas);--sidebar:var(--tablio-ui-sidebar);--surface:var(--tablio-ui-surface);--surface-muted:var(--tablio-ui-surface-muted);--surface-raised:var(--tablio-ui-surface-elevated);--surface-hover:var(--tablio-ui-surface-hover);--table-head:var(--tablio-ui-surface-muted);--border:var(--tablio-ui-border);--border-subtle:var(--tablio-ui-border-subtle);--border-strong:var(--tablio-ui-border-control);--text:var(--tablio-ui-text-primary);--text-muted:var(--tablio-ui-text-secondary);--text-subtle:var(--tablio-ui-text-muted);--primary:var(--tablio-ui-action-primary);--primary-bright:var(--tablio-ui-selection-foreground);--primary-action:var(--tablio-ui-action-primary);--primary-action-hover:var(--tablio-ui-action-primary-hover);--primary-soft:var(--tablio-ui-selection-surface);--primary-border:var(--tablio-ui-action-border);--success:var(--tablio-ui-success);--green-soft:var(--tablio-ui-success-surface);--warning:var(--tablio-ui-warning);--amber-soft:var(--tablio-ui-warning-surface);--danger:var(--tablio-ui-danger);--red-soft:var(--tablio-ui-danger-surface);--blue-bright:var(--tablio-ui-information);--blue-soft:var(--tablio-ui-information-surface);--blue:var(--tablio-ui-chart-blue);--purple:var(--tablio-ui-chart-purple);--success-action:var(--tablio-ui-action-primary);--toggle-off:var(--tablio-ui-border-control)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tablio-ui-canvas:#0c1117;--tablio-ui-sidebar:#11161d;--tablio-ui-surface:#11161d;--tablio-ui-surface-muted:#171d25;--tablio-ui-surface-elevated:#1d242e;--tablio-ui-surface-hover:#27303b;--tablio-ui-border:#3b4654;--tablio-ui-border-subtle:#2c3541;--tablio-ui-border-control:#737e8d;--tablio-ui-text-primary:#f4f7fb;--tablio-ui-text-secondary:#d4dae3;--tablio-ui-text-muted:#a7b0bd;--tablio-ui-action-primary:#168577;--tablio-ui-action-primary-hover:#106a60;--tablio-ui-action-foreground:#fff;--tablio-ui-action-border:#5eead4;--tablio-ui-focus-ring:#5eead4;--tablio-ui-disabled-text:#737e8d;--tablio-ui-disabled-surface:#171d25;--tablio-ui-selection-surface:#102b25;--tablio-ui-selection-foreground:#5eead4;--tablio-ui-success:#86efc5;--tablio-ui-success-surface:#102b25;--tablio-ui-warning:#fbd27b;--tablio-ui-warning-surface:#312512;--tablio-ui-danger:#ff9aad;--tablio-ui-danger-surface:#351820;--tablio-ui-information:#8edcff;--tablio-ui-information-surface:#102937;--tablio-ui-chart-blue:#70b1ff;--tablio-ui-chart-green:#65d2aa;--tablio-ui-chart-purple:#b3a0f5;--tablio-ui-chart-amber:#e8bc77;--primary-deep:#102b25;--green-border:#86efc5;--blue-deep:#174475;--blue-border:#8edcff;--amber-border:#fbd27b;--purple-soft:#2a2641;--purple-faint:#171d25;--chart-top:#438ddd;--chart-bottom:#173d6a;--chart-peak-bottom:#174475;--floor:#11161d;--floor-grid:#2c3541;--floor-wall:#3b4654;--floor-shade:#03080d60;--floor-chair:#4d514a;--floor-chair-border:#737e8d;--table-green:#102b25;--table-red:#351820;--table-blue:#102937;--table-amber:#312512;--table-purple:#2a2641;--plant:#65d2aa;--wood-soft:#312512;--wood-border:#e8bc77;--shadow-color:#03081155;--overlay:#050b13b8;--shadow-lg:0 8px 24px #00000040;--floor-available:#86efc5;--floor-available-fill:#102b25;--floor-occupied:#ff9aad;--floor-occupied-fill:#351820;--floor-reserved:#8edcff;--floor-reserved-fill:#102937;--floor-bill_requested:#fbd27b;--floor-bill_requested-fill:#312512;--floor-awaiting_cleaning:#a7b0bd;--floor-awaiting_cleaning-fill:#171d25}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tablio-ui-canvas:#0c1117;--tablio-ui-sidebar:#11161d;--tablio-ui-surface:#11161d;--tablio-ui-surface-muted:#171d25;--tablio-ui-surface-elevated:#1d242e;--tablio-ui-surface-hover:#27303b;--tablio-ui-border:#3b4654;--tablio-ui-border-subtle:#2c3541;--tablio-ui-border-control:#737e8d;--tablio-ui-text-primary:#f4f7fb;--tablio-ui-text-secondary:#d4dae3;--tablio-ui-text-muted:#a7b0bd;--tablio-ui-action-primary:#168577;--tablio-ui-action-primary-hover:#106a60;--tablio-ui-action-foreground:#fff;--tablio-ui-action-border:#5eead4;--tablio-ui-focus-ring:#5eead4;--tablio-ui-disabled-text:#737e8d;--tablio-ui-disabled-surface:#171d25;--tablio-ui-selection-surface:#102b25;--tablio-ui-selection-foreground:#5eead4;--tablio-ui-success:#86efc5;--tablio-ui-success-surface:#102b25;--tablio-ui-warning:#fbd27b;--tablio-ui-warning-surface:#312512;--tablio-ui-danger:#ff9aad;--tablio-ui-danger-surface:#351820;--tablio-ui-information:#8edcff;--tablio-ui-information-surface:#102937;--tablio-ui-chart-blue:#70b1ff;--tablio-ui-chart-green:#65d2aa;--tablio-ui-chart-purple:#b3a0f5;--tablio-ui-chart-amber:#e8bc77;--primary-deep:#102b25;--green-border:#86efc5;--blue-deep:#174475;--blue-border:#8edcff;--amber-border:#fbd27b;--purple-soft:#2a2641;--purple-faint:#171d25;--chart-top:#438ddd;--chart-bottom:#173d6a;--chart-peak-bottom:#174475;--floor:#11161d;--floor-grid:#2c3541;--floor-wall:#3b4654;--floor-shade:#03080d60;--floor-chair:#4d514a;--floor-chair-border:#737e8d;--table-green:#102b25;--table-red:#351820;--table-blue:#102937;--table-amber:#312512;--table-purple:#2a2641;--plant:#65d2aa;--wood-soft:#312512;--wood-border:#e8bc77;--shadow-color:#03081155;--overlay:#050b13b8;--shadow-lg:0 8px 24px #00000040;--floor-available:#86efc5;--floor-available-fill:#102b25;--floor-occupied:#ff9aad;--floor-occupied-fill:#351820;--floor-reserved:#8edcff;--floor-reserved-fill:#102937;--floor-bill_requested:#fbd27b;--floor-bill_requested-fill:#312512;--floor-awaiting_cleaning:#a7b0bd;--floor-awaiting_cleaning-fill:#171d25}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:1;cursor:not-allowed;color:var(--tablio-ui-disabled-text);background:var(--tablio-ui-disabled-surface)}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}input,select,textarea{color:var(--text);background:var(--background);border:1px solid var(--tablio-ui-border-control);border-radius:var(--radius-sm);min-width:0;accent-color:var(--primary);padding:11px 13px}input::placeholder{color:var(--text-subtle)}select{cursor:pointer}:focus-visible{outline:2px solid var(--tablio-ui-focus-ring);outline-offset:4px}#main:focus{outline:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.05px;font-size:32px;font-weight:650;line-height:1.2}h2{letter-spacing:-.25px;font-size:16px;font-weight:620}h3{font-size:15px;font-weight:600}svg{vertical-align:middle;flex-shrink:0}strong{font-weight:600}small{font-size:12px}.muted{color:var(--text-muted)}.small-copy{font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--primary);color:var(--white);border-radius:8px;padding:12px 20px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--border-subtle);z-index:30;flex-direction:column;padding:22px 14px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.5px;align-items:center;padding:0 12px;font-size:33px;font-weight:750;line-height:40px;display:flex}.brand-dot,.mobile-brand span{color:var(--success)}.brand-edition{letter-spacing:1.5px;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:3px 5px;font-size:9px;font-weight:600;line-height:1}.restaurant-picker{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:10px;margin:21px 0 14px;padding:12px 10px;display:flex}.restaurant-picker>span:nth-child(2){flex:1}.restaurant-picker strong{font-size:12px}.restaurant-picker small{color:var(--text-muted);margin-top:2px;font-size:10px;display:block}.restaurant-avatar{background:var(--green-soft);width:33px;height:33px;color:var(--success);border:1px solid var(--green-border);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.restaurant-avatar.large{border-radius:14px;width:64px;height:64px;font-size:24px}.sidebar nav{scrollbar-width:thin;flex:1;padding-bottom:14px;overflow-y:auto}.nav-group{margin-top:17px}.nav-group:first-child{margin-top:0}.nav-label{letter-spacing:1.35px;color:var(--text-subtle);padding:0 13px 7px;font-size:9px;font-weight:650}.nav-link{color:var(--text-muted);border-radius:7px;align-items:center;gap:11px;min-height:37px;margin:2px 0;padding:9px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--primary-bright);background:var(--primary-soft);box-shadow:inset 3px 0 var(--primary);font-weight:600}.nav-link.active svg{color:var(--primary-bright)}.nav-count{background:var(--surface-raised);text-align:center;border:1px solid var(--border);border-radius:5px;min-width:21px;margin-left:auto;font-size:10px}.nav-alert{background:var(--warning);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{border-top:1px solid var(--border-subtle);padding:15px 2px 16px}.mock-label{letter-spacing:1px;color:var(--text-muted);align-items:center;gap:7px;padding:0 9px 15px;font-size:9px;display:flex}.mock-label .status-dot{color:var(--warning)}.mock-label>span:last-child{color:var(--text-subtle);margin-left:auto;font-size:8px}.profile-button{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.profile-button:hover{background:var(--surface)}.profile-button>span:nth-child(2){flex:1}.profile-button strong{font-size:11px}.profile-button small{color:var(--text-muted);font-size:10px;display:block}.workspace{margin-left:var(--sidebar-width);min-height:100vh}.topbar{height:72px;padding:0 var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--background);z-index:20;align-items:center;gap:24px;display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:13px;min-width:160px;font-size:12px;display:flex}.breadcrumb>span:first-child,.breadcrumb-separator{color:var(--text-subtle)}.global-search{background:var(--surface);color:var(--text-subtle);border:1px solid var(--border-subtle);border-radius:7px;align-items:center;gap:9px;width:265px;margin:auto;padding:9px 11px;font-size:11px;display:flex}.global-search kbd{border:1px solid var(--border);color:var(--text-muted);border-radius:3px;margin-left:auto;padding:1px 4px;font-family:inherit;font-size:9px}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.icon-button{width:34px;height:34px;color:var(--text-muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface-raised);color:var(--text)}.notification-button{position:relative}.notification-button i{background:var(--danger);border:2px solid var(--background);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:7px}.header-divider{background:var(--border);width:1px;height:22px}.launcher-button{color:var(--text-muted);align-items:center;gap:8px;padding:6px 0;font-size:11px;display:flex}.launcher-button:hover{color:var(--text)}.header-avatar{padding:0}#main{max-width:1600px;padding:var(--space-6) var(--space-6) 20px;min-height:calc(100vh - 134px);margin:0 auto}.workspace-footer{max-width:1600px;color:var(--text-subtle);justify-content:space-between;gap:16px;margin:auto;padding:20px 32px 24px;font-size:10px;display:flex}.workspace-footer>span:first-child{color:var(--text-muted)}.eyebrow{letter-spacing:1.7px;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:10px;font-weight:600;display:flex}.tiny-line{background:var(--success);width:18px;height:2px}.page-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:27px;display:flex}.page-heading p{color:var(--text-muted);margin-top:9px;font-size:13px}.heading-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.home-heading{margin-bottom:28px}.home-heading h1{font-size:34px}.greeting-dot{color:var(--success)}.home-date{color:var(--text-muted);flex-direction:column;align-items:flex-end;gap:9px;font-size:11px;display:flex}.badge{white-space:nowrap;background:var(--tone-bg,var(--surface-raised));color:var(--tone,var(--text-muted));border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:550;line-height:1.35;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.tone-blue{--tone:var(--blue-bright);--tone-bg:var(--blue-soft);color:var(--tone)}.tone-green{--tone:var(--success);--tone-bg:var(--green-soft);color:var(--tone)}.tone-amber{--tone:var(--warning);--tone-bg:var(--amber-soft);color:var(--tone)}.tone-red{--tone:var(--danger);--tone-bg:var(--red-soft);color:var(--tone)}.tone-purple{--tone:var(--purple);--tone-bg:var(--purple-soft);color:var(--tone)}.tone-gray{--tone:var(--text-muted);--tone-bg:var(--surface-raised);color:var(--tone)}.metric-icon,.alert-icon,.quick-icon{background:var(--tone-bg);color:var(--tone);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;display:inline-flex}.metric-icon{border:1px solid color-mix(in srgb,currentColor 12%,transparent)}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:29px;display:grid}.kpi-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px 19px 16px;position:relative;overflow:hidden}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.kpi-period{letter-spacing:1.5px;color:var(--text-subtle);font-size:8px}.kpi-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:30px;font-weight:600;line-height:1.3;display:flex}.sparkline{opacity:1;width:67px;height:34px;margin-left:8px}.kpi-label{color:var(--text-muted);margin-top:3px;font-size:12px}.kpi-foot{color:var(--text-subtle);margin-top:15px;font-size:10px}.kpi-foot span{color:var(--success);margin-right:3px}.section-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-title h2{align-items:center;gap:9px;display:flex}.section-title>a{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.section-title>a:hover,.text-link:hover{color:var(--primary-bright)}.count-dot{background:var(--surface-raised);border:1px solid var(--border);width:18px;height:18px;color:var(--text-muted);border-radius:5px;place-items:center;font-size:9px;display:grid}.attention-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.attention-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:14px 12px;transition:background .15s;display:flex}.attention-card:hover{background:var(--surface-raised);border-color:var(--border-strong)}.attention-card .alert-icon{border-radius:7px;width:30px;height:30px}.attention-card strong{font-size:11px;display:block}.attention-card small{color:var(--text-muted);margin-top:3px;font-size:9px;display:block}.attention-arrow{display:none}.attention-section{margin-bottom:27px}.home-middle{grid-template-columns:minmax(0,1.85fr) minmax(245px,1fr);gap:20px;margin-bottom:25px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.panel-heading p{color:var(--text-muted);margin-top:4px;font-size:11px}.text-link{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.chart-summary{align-items:center;gap:10px;padding:0 22px 10px;display:flex}.chart-summary>strong{letter-spacing:-.7px;font-size:28px}.chart-summary>strong>span{color:var(--text-muted);font-size:17px;font-weight:400}.chart-legend{color:var(--text-muted);align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.chart-legend i{background:var(--blue);border-radius:50%;width:6px;height:6px}.chart-legend i.previous{background:var(--text-subtle);margin-left:6px}.sales-chart{gap:12px;height:190px;padding:10px 22px 26px;display:flex}.chart-y{width:45px;color:var(--text-subtle);flex-direction:column;flex-shrink:0;justify-content:space-between;padding-bottom:10px;font-size:9px;display:flex}.chart-plot{flex:1;min-width:0;position:relative}.chart-grid{background:repeating-linear-gradient(to top,var(--border-subtle) 0,var(--border-subtle) 1px,transparent 1px,transparent 33.33%);position:absolute;inset:0 0 10px}.chart-bars{justify-content:space-between;align-items:flex-end;gap:6px;display:flex;position:absolute;inset:0 0 10px}.chart-bar{background:linear-gradient(to top,var(--chart-bottom),var(--chart-top));border-radius:4px 4px 0 0;flex:1;max-width:24px;position:relative}.chart-bar.peak{background:linear-gradient(to top,var(--chart-peak-bottom),var(--chart-peak-top))}.chart-bar:hover{outline:2px solid var(--tablio-ui-chart-blue);outline-offset:2px}.bar-tooltip{white-space:nowrap;background:var(--surface-raised);border:1px solid var(--border);z-index:2;border-radius:4px;padding:4px 7px;font-size:10px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.chart-bar:hover .bar-tooltip{display:block}.chart-labels{color:var(--text-subtle);justify-content:space-between;font-size:9px;display:flex;position:absolute;top:100%;left:0;right:0}.chart-note{border-top:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:7px;padding:11px 22px;font-size:10px;display:flex}.live-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%}.service-ring{width:137px;height:137px;margin:-2px auto 10px;position:relative}.service-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.service-ring circle{fill:none;stroke-width:9px;stroke-linecap:round}.ring-track{stroke:var(--surface-raised)}.ring-value{stroke:var(--success);stroke-dasharray:236 333}.service-ring>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.service-ring strong{letter-spacing:-1px;font-size:32px}.service-ring strong span{color:var(--text-muted);margin-left:2px;font-size:18px;font-weight:400}.service-ring small{color:var(--text-muted);font-size:10px}.service-legend{color:var(--text-muted);justify-content:center;gap:18px;margin-bottom:21px;font-size:10px;display:flex}.service-legend>span{align-items:center;gap:6px;display:flex}.dot-green,.dot-red,.dot-amber,.dot-blue,.dot-purple,.dot-muted{border-radius:3px;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot-green{background:var(--success)}.dot-red{background:var(--danger)}.dot-amber{background:var(--warning)}.dot-blue{background:var(--blue)}.dot-purple{background:var(--purple)}.service-details{color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 22px 16px;font-size:10px;display:flex}.service-details>span{align-items:center;gap:7px;display:flex}.avatar{width:39px;height:39px;color:var(--tone);background:linear-gradient(150deg,var(--tone-bg),var(--surface-raised));border:1px solid color-mix(in srgb,currentColor 23%,transparent);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.avatar.small{width:29px;height:29px;font-size:9px}.avatar-stack{align-items:center;padding-left:5px;display:flex}.avatar-stack>*{border:2px solid var(--surface);margin-left:-5px}.avatar-stack>span:last-child{background:var(--surface-raised);border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;display:grid}.service-link{color:var(--text-muted);border-top:1px solid var(--border-subtle);justify-content:space-between;padding:12px 22px;font-size:11px;display:flex}.service-link:hover{color:var(--primary-bright);background:var(--surface-raised)}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.quick-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:11px;padding:17px 13px;transition:background .15s,transform .15s;display:flex}.quick-card:hover{background:var(--surface-raised);border-color:var(--border-strong);transform:translateY(-2px)}.quick-card .quick-icon{border-radius:7px;width:33px;height:37px}.quick-card div{flex:1}.quick-card strong{font-size:11px;display:block}.quick-card small{color:var(--text-muted);margin-top:4px;font-size:9px;display:block}.quick-card>svg{color:var(--text-subtle)}.home-bottom-note{color:var(--text-subtle);justify-content:center;align-items:center;gap:7px;margin:25px 0 2px;font-size:10px;display:flex}.button{border:1px solid var(--border);border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 15px;font-size:12px;font-weight:550;transition:background .15s,border-color .15s;display:inline-flex}.button.primary{background:var(--primary-action);border-color:var(--tablio-ui-action-border);color:var(--white);box-shadow:none}.button.primary:hover{background:var(--primary-action-hover)}.button.secondary{background:var(--primary-soft);color:var(--primary-bright);border-color:var(--primary-border)}.button.subtle{background:var(--surface-raised);color:var(--text-muted)}.button.subtle:hover{background:var(--surface-hover);color:var(--text)}.button.small{min-height:32px;padding:7px 10px;font-size:11px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.summary-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:32px;margin-bottom:23px;padding:20px 23px;display:flex}.summary-strip>div{flex:1;align-items:center;gap:12px;display:flex}.summary-strip strong{letter-spacing:-.6px;font-size:25px;font-weight:600;line-height:1.25;display:block}.summary-strip small{color:var(--text-muted);font-size:11px;display:block}.summary-strip .strip-note{color:var(--text-muted);justify-content:flex-end;font-size:11px;line-height:1.8}.summary-strip .strip-note>svg{color:var(--purple)}.toolbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex}.toolbar.standalone{border:0;margin:0 0 22px;padding:0}.segmented{background:var(--background);border:1px solid var(--border);scrollbar-width:thin;border-radius:8px;align-items:center;gap:3px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented button{white-space:nowrap;color:var(--text-muted);border-radius:5px;padding:7px 11px;font-size:11px}.segmented button[aria-pressed=true]{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 4px var(--shadow-color)}.segmented button:hover{color:var(--text)}.segmented button span{margin-left:3px;font-size:9px}.search-field{background:var(--background);width:260px;max-width:100%;color:var(--text-subtle);border:1px solid var(--border);border-radius:7px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-field:focus-within{border-color:var(--tablio-ui-focus-ring);outline:2px solid var(--tablio-ui-focus-ring);outline-offset:3px}.search-field input{background:0 0;border:0;outline:0;width:100%;padding:10px 0;font-size:11px}.search-field input:focus-visible{outline:none}.table-scroll{scrollbar-width:thin;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.data-table th{color:var(--text-muted);letter-spacing:.7px;text-transform:uppercase;background:var(--table-head);white-space:nowrap;padding:13px 20px;font-size:9px;font-weight:500}.data-table td{border-top:1px solid var(--border-subtle);white-space:nowrap;padding:17px 20px}.data-table tbody tr:hover{background:var(--surface-hover)}.person-link{text-align:left;align-items:center;gap:12px;padding:0;display:inline-flex}.person-link strong{font-size:12px;display:block}.person-link small{color:var(--text-muted);margin-top:3px;font-size:10px;display:block}.pin-state{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.pin-state svg{color:var(--success)}.access-pills{gap:5px;display:flex}.access-pills>span{border:1px solid var(--border);color:var(--text-subtle);border-radius:5px;gap:5px;padding:4px 6px;font-size:9px;display:inline-flex}.access-pills b{font-size:8px;font-weight:500}.access-pills>span.access-on{color:var(--success);background:var(--green-soft);border-color:var(--green-border)}.table-footer{border-top:1px solid var(--border-subtle);color:var(--text-subtle);justify-content:space-between;align-items:center;padding:13px 20px;font-size:10px;display:flex}.notice{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:8px;align-items:flex-start;gap:12px;margin-top:22px;padding:15px;font-size:12px;line-height:1.7;display:flex}.notice>svg{color:var(--primary-bright);flex-shrink:0;margin-top:2px}.notice strong{color:var(--text);font-size:12px}.notice p{margin:0}.people-explainer{background:var(--purple-faint);align-items:center}.people-explainer p{margin-top:3px;font-size:11px}.modal{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);width:min(550px,100% - 32px);max-height:90dvh;box-shadow:var(--shadow-lg);margin:auto;padding:25px;overflow-y:auto}.modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:none;backdrop-filter:none}.modal.wide{width:min(720px,100% - 32px)}.modal-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px;display:flex}.modal-head .eyebrow{margin-bottom:6px;font-size:8px}.modal-head h2{letter-spacing:-.6px;font-size:24px}.modal-head .icon-button{margin:-7px -7px 0 0}.modal-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.modal>p{color:var(--text-muted);font-size:13px}.modal .search-field{width:100%}.detail-section{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}.detail-section h3{text-transform:uppercase;letter-spacing:1.3px;color:var(--text-muted);margin-bottom:13px;font-size:10px}dl{margin:0}dl>div{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;font-size:12px;display:flex}dt{color:var(--text-muted)}dd{text-align:right;margin:0}.employee-intro,.profile-summary{align-items:center;gap:14px;display:flex}.employee-intro .avatar{width:57px;height:57px;font-size:19px}.employee-intro h3{margin-bottom:6px}.identity-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.identity-row>span{align-items:center;gap:9px;font-size:12px;display:flex}.identity-row>span>svg{color:var(--text-muted)}.access-setting{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:15px 0;display:flex}.access-setting:last-child{border-bottom:0}.access-setting>div{flex:1}.access-setting strong{font-size:13px}.access-setting small{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.access-setting>span{font-size:11px}.app-icon{background:var(--surface-raised);border:1px solid var(--border);width:35px;height:35px;color:var(--text-muted);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.app-icon.enabled{color:var(--success);background:var(--green-soft)}.toggle{background:var(--toggle-off);border-radius:20px;flex-shrink:0;align-items:center;width:39px;height:23px;padding:3px;transition:background .15s;display:flex}.toggle>span:first-child{background:var(--text-muted);border-radius:50%;width:17px;height:17px;transition:transform .15s;display:block}.toggle[aria-checked=true]{background:var(--success-action)}.toggle[aria-checked=true]>span:first-child{background:var(--white);transform:translate(16px)}.success-copy{color:var(--success);font-size:11px}.inline-confirm{background:var(--amber-soft);border:1px solid var(--amber-border);color:var(--warning);border-radius:7px;margin-top:14px;padding:14px;font-size:12px}.inline-confirm p{margin-bottom:10px}.form-grid{gap:17px;margin:20px 0;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid label{color:var(--text-muted);flex-direction:column;gap:8px;font-size:12px;display:flex}.form-grid input,.form-grid select{width:100%}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.device-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;min-width:0;padding:22px;transition:border-color .15s,transform .15s}.device-card:hover{border-color:var(--primary);transform:translateY(-2px)}.device-card.offline{border-color:var(--amber-border)}.device-top{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.device-illustration{background:var(--tone-bg);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:12px;place-items:center;width:78px;height:70px;display:grid}.device-card h2{margin-bottom:6px;font-size:16px}.device-card p{color:var(--text-muted);font-size:11px}.device-bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;font-size:10px;display:flex}.device-bottom>span{align-items:center;gap:6px;display:flex}.add-device-card{background:var(--background);text-align:center;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:250px;display:flex}.add-device-card strong{font-size:13px}.add-device-card>span:last-child{color:var(--text-muted);font-size:11px}.add-circle{border:1px solid var(--border);width:50px;height:50px;color:var(--primary-bright);border-radius:50%;place-items:center;display:grid}.stepper{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;margin:0 0 23px;padding:0 0 21px;display:flex}.stepper>span{color:var(--text-subtle);align-items:center;gap:7px;font-size:11px;display:flex}.stepper b{background:var(--surface-raised);border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.stepper .current{color:var(--primary-bright)}.stepper .current b{background:var(--primary-soft)}.device-type-list{gap:10px;margin-top:17px;display:grid}.device-type-list>button{border:1px solid var(--border);text-align:left;border-radius:9px;align-items:center;gap:14px;padding:16px;display:flex}.device-type-list>button[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary)}.device-type-list>button>span{flex:1}.device-type-list strong{font-size:12px}.device-type-list small{color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.activation-result{text-align:center;padding:5px 0}.success-circle{background:var(--green-soft);width:59px;height:59px;color:var(--success);border-radius:50%;place-items:center;margin-bottom:15px;display:inline-grid}.activation-result h3{font-size:18px}.activation-result p{color:var(--text-muted);margin-top:5px;font-size:12px}.activation-code{letter-spacing:7px;font-variant-numeric:tabular-nums;background:var(--background);border:1px dashed var(--border-strong);border-radius:10px;margin:20px 0;padding:20px;font-size:44px;font-weight:600}.floor-summary{color:var(--text-muted);align-items:center;gap:25px;padding:0 0 20px;font-size:11px;display:flex}.floor-summary>div{align-items:center;gap:7px;display:flex}.floor-summary strong{color:var(--text);font-size:16px}.floor-summary>span{margin-left:auto}.floor-layout{grid-template-columns:minmax(0,1fr) 265px;align-items:start;gap:20px;display:grid}.floor-panel .panel-heading{padding:17px 19px}.inline-select select{padding:7px 9px;font-size:11px}.floor-plan{background:var(--floor);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background-image:linear-gradient(var(--floor-grid) 1px,transparent 1px),linear-gradient(90deg,var(--floor-grid) 1px,transparent 1px);background-size:26px 26px;gap:12px;min-height:418px;padding:24px 18px 36px;display:flex;position:relative}.dining-room{border:4px solid var(--floor-wall);box-shadow:inset 0 0 30px var(--floor-shade);border-radius:2px;flex:1;padding:36px 18px 18px;position:relative}.room-label{text-align:center;letter-spacing:2px;width:100%;color:var(--text-muted);font-size:8px;position:absolute;top:10px;left:0}.floor-plants{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:-15px;left:6px;right:6px}.floor-plants span{color:var(--plant);text-shadow:1px 3px 2px var(--shadow-color);font-size:35px}.floor-plants span:nth-child(2){visibility:hidden}.table-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 18px;display:grid}.floor-table{aspect-ratio:1.1;isolation:isolate;width:100%;max-width:68px;min-height:53px;color:var(--text);--table-color:var(--success);--table-bg:var(--table-green);justify-self:center;padding:0;position:relative}.floor-table.occupied{--table-color:var(--danger);--table-bg:var(--table-red)}.floor-table.reserved{--table-color:var(--blue-bright);--table-bg:var(--table-blue)}.floor-table.waiting{--table-color:var(--warning);--table-bg:var(--table-amber)}.floor-table.cleaning{--table-color:var(--purple);--table-bg:var(--table-purple)}.table-surface{background:var(--table-bg);border:1px solid color-mix(in srgb,var(--table-color) 55%,var(--floor));box-shadow:0 4px 8px var(--shadow-color);z-index:1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:4px}.table-surface strong{font-size:16px}.table-surface small{color:var(--text-muted);margin-top:1px;font-size:6px}.chair{background:var(--floor-chair);border:1px solid var(--floor-chair-border);z-index:0;border-radius:3px;width:16px;height:8px;position:absolute}.chair-top{top:-2px;left:calc(50% - 8px)}.chair-bottom{bottom:-2px;left:calc(50% - 8px)}.chair-left{top:calc(50% - 4px);left:-6px;transform:rotate(90deg)}.chair-right{top:calc(50% - 4px);right:-6px;transform:rotate(90deg)}.floor-table.selected .table-surface{outline:2px solid var(--success);outline-offset:5px;box-shadow:0 0 0 11px var(--green-soft)}.floor-table.dimmed{opacity:.3}.floor-table:hover .table-surface{border-color:var(--table-color)}.floor-aux{flex-direction:column;gap:13px;width:105px;display:flex}.kitchen-room{border:4px solid var(--floor-wall);height:52%;color:var(--text-subtle);background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:relative}.kitchen-room strong,.bar-room strong{letter-spacing:1px;font-size:8px}.kitchen-room small{font-size:8px}.kitchen-counter{background:var(--floor-wall);border-radius:2px;height:12px;position:absolute;bottom:9px;left:9px;right:9px}.bar-room{border:4px solid var(--floor-wall);text-align:center;background:var(--wood-soft);color:var(--warning);padding:12px 5px 14px}.bar-room>div{justify-content:space-around;margin-top:10px;display:flex}.bar-room i{border:3px solid var(--wood-border);background:var(--wood-soft);border-radius:50%;width:17px;height:17px;display:inline-block}.utility-room{border:4px solid var(--floor-wall);min-height:68px;color:var(--text-subtle);flex:1;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.floor-entry{letter-spacing:1px;color:var(--text-subtle);align-items:center;gap:12px;font-size:8px;display:flex;position:absolute;bottom:9px;left:30%}.floor-legend{flex-wrap:wrap;justify-content:center;gap:13px;padding:15px 12px;display:flex}.floor-legend button{color:var(--text-muted);align-items:center;gap:5px;padding:4px 0;font-size:9px;display:flex}.floor-legend button[aria-pressed=true]{color:var(--text)}.table-detail{padding:20px}.table-detail .panel-heading{margin-bottom:10px;padding:0}.table-detail h2{font-size:20px}.detail-table-icon{color:var(--text-subtle)}.table-detail-facts{color:var(--text-muted);gap:16px;padding:28px 0;font-size:12px;display:grid}.table-detail-facts>div{align-items:center;gap:10px;display:flex}.table-detail-facts svg{width:16px;height:16px;color:var(--primary-bright)}.table-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 0;display:flex}.table-total span{color:var(--text-muted);font-size:11px}.table-total strong{font-size:20px}.table-actions{gap:9px;display:grid}.mock-footnote{color:var(--text-subtle);margin-top:15px;font-size:10px;line-height:1.7}.inventory-summary{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px;display:grid}.inventory-summary>.panel{align-items:center;gap:15px;padding:22px;display:flex}.inventory-summary strong{font-size:27px;line-height:1.2;display:block}.inventory-summary small{color:var(--text-muted);font-size:11px}.inventory-summary .badge{margin-left:auto}.text-button{text-align:left;padding:0;font-size:12px;font-weight:550}.text-button:hover{color:var(--primary-bright)}.cell-subtitle{color:var(--text-subtle);margin-top:3px;font-size:10px;display:block}.stock-track{background:var(--surface-raised);border-radius:3px;width:110px;height:5px}.stock-track span{background:var(--success);border-radius:3px;height:100%;display:block}.stock-track.low span{background:var(--warning)}.report-kpis{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:21px;display:grid}.report-kpi{flex-direction:column;gap:10px;padding:22px;display:flex;position:relative}.report-kpi>.metric-icon{position:absolute;top:22px;right:22px}.report-kpi>.muted{font-size:12px}.report-kpi>strong{letter-spacing:-1px;padding-right:42px;font-size:31px}.report-kpi>div{align-items:center;gap:9px;display:flex}.report-chart{margin-bottom:21px}.large-chart{height:245px}.report-bottom{grid-template-columns:1.1fr 1fr;gap:20px;display:grid}.top-products{padding:0 22px 10px}.top-product{border-top:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 0;display:flex}.rank{color:var(--text-subtle);font-size:10px}.product-monogram{background:var(--tone-bg);border-radius:7px;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.top-product>span:nth-child(3){flex:1}.top-product strong{font-size:11px}.top-product small{color:var(--text-muted);font-size:9px;display:block}.top-product>b{font-size:11px;font-weight:500}.payment-split{border-radius:6px;gap:4px;height:12px;margin:10px 22px 22px;display:flex;overflow:hidden}.payment-split span:first-child{background:var(--blue)}.payment-split span:nth-child(2){background:var(--success)}.payment-split span:nth-child(3){background:var(--purple)}.payment-methods{padding:0 22px 13px}.payment-methods>div{align-items:center;gap:12px;padding:12px 0;display:flex}.payment-methods>div>span:nth-child(2){flex:1}.payment-methods strong{font-size:12px}.payment-methods small{color:var(--text-muted);font-size:10px;display:block}.payment-methods b{font-size:13px;font-weight:550}.settings-layout{grid-template-columns:185px minmax(0,1fr);gap:25px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav button{text-align:left;color:var(--text-muted);border-radius:7px;justify-content:space-between;align-items:center;padding:12px 15px;font-size:12px;display:flex}.settings-nav button[aria-pressed=true]{color:var(--primary-bright);background:var(--primary-soft)}.settings-nav button:not([aria-pressed=true])>svg{opacity:0}.settings-panel .panel-heading{border-bottom:1px solid var(--border)}.settings-content{min-height:310px;padding:22px}.settings-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.restaurant-identity{align-items:center;gap:16px;margin-bottom:30px;display:flex}.restaurant-identity h3{font-size:20px}.restaurant-identity p{color:var(--text-muted);margin-top:4px;font-size:12px}.kitchen-stations{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:25px;display:grid}.kitchen-stations>.panel{align-items:center;gap:12px;padding:20px;display:flex}.kitchen-stations>.panel>span:nth-child(2){flex:1}.kitchen-stations strong{font-size:13px}.kitchen-stations small{color:var(--text-muted);font-size:10px;display:block}.orders-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.order-card{text-align:left;padding:18px;transition:border-color .15s}.order-card:hover{border-color:var(--primary)}.order-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.order-card-top>strong{font-size:18px}.order-card h2{font-size:15px}.order-card p{color:var(--text-muted);margin-top:4px;font-size:10px}.order-card ul{border-top:1px solid var(--border);min-height:89px;margin:15px 0 20px;padding:15px 0;list-style:none}.order-card li{gap:9px;margin:8px 0;font-size:11px;display:flex}.order-card li b{color:var(--text-muted);font-size:10px;font-weight:500}.order-status{background:var(--tone-bg);text-align:center;border-radius:5px;padding:7px;font-size:10px}.detail-items{padding:0;list-style:none}.detail-items li{border-bottom:1px solid var(--border);padding:12px;font-size:13px}.menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.menu-art{background:var(--tone-bg);place-items:center;height:136px;display:grid;position:relative;overflow:hidden}.plate{border:1px solid color-mix(in srgb,currentColor 20%,transparent);width:98px;height:98px;box-shadow:0 5px 20px var(--shadow-color);background:var(--surface);border-radius:50%;place-items:center;display:grid}.plate>span{border:1px solid color-mix(in srgb,currentColor 15%,transparent);background:var(--tone-bg);letter-spacing:2px;border-radius:50%;place-items:center;width:74px;height:74px;font-size:24px;font-weight:300;display:grid}.menu-category{letter-spacing:.5px;background:var(--background);color:var(--text-muted);border-radius:4px;padding:2px 5px;font-size:8px;position:absolute;top:10px;left:12px}.menu-card-content{padding:16px}.menu-card h2{min-height:39px;font-size:13px}.menu-price{margin-top:6px;font-size:17px;display:block}.menu-availability{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;font-size:10px;display:flex}.toast{z-index:100;background:var(--surface-raised);border:1px solid var(--green-border);box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:10px;max-width:min(480px,100% - 32px);padding:11px 13px 11px 17px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast>svg{color:var(--success)}.empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty h3,.empty h1{color:var(--text)}.empty p{font-size:12px}.search-results{margin-top:13px;display:grid}.search-results>a{border-radius:7px;align-items:center;gap:12px;padding:12px 10px;font-size:13px;display:flex}.search-results>a:hover{background:var(--surface-raised)}.search-results>a>span{flex:1}.search-results>a>svg{color:var(--text-muted)}.workspace-choice{border:1px solid var(--blue-border);background:var(--blue-soft);text-align:left;border-radius:8px;align-items:center;gap:14px;width:100%;margin-bottom:15px;padding:15px;display:flex}.workspace-choice>span:nth-child(2){flex:1}.workspace-choice small{color:var(--text-muted);font-size:11px;display:block}.profile-summary p{color:var(--text-muted);margin-top:3px;font-size:12px}.modal-section{margin-top:25px}.launcher-list{gap:10px;display:grid}.launcher-list>:is(button,a){border:1px solid var(--border);text-align:left;border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.launcher-list>:is(button,a):hover{background:var(--surface-raised);border-color:var(--primary)}.launcher-list>:is(button,a)>span:nth-child(2){flex:1}.launcher-list strong{font-size:13px}.launcher-list small{color:var(--text-muted);margin-top:3px;font-size:10px;display:block}.current-app{background:var(--green-soft);border:1px solid var(--green-border);border-radius:8px;align-items:center;gap:12px;padding:15px;display:flex}.current-app .badge{margin-left:auto}.product-preview{text-align:center}.product-mark{border:1px solid var(--blue-border);width:78px;height:78px;color:var(--primary-bright);background:var(--blue-soft);border-radius:18px;place-items:center;margin:0 auto 15px;display:grid}.product-preview h3{letter-spacing:-.6px;margin-top:17px;font-size:25px}.product-preview p{color:var(--text-muted);margin-top:9px;font-size:13px}.preview-mini{background:var(--background);border:1px solid var(--border);text-align:left;border-radius:8px;flex-wrap:wrap;align-items:center;gap:9px;margin-top:25px;padding:20px 15px;font-size:11px;display:flex}.preview-mini .status-dot{color:var(--success)}.preview-mini>strong{margin-left:auto}.notification-list{gap:12px;display:grid}.notification-list>a{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 0 18px;display:flex}.notification-list>a>span:nth-child(2){flex:1}.notification-list strong{font-size:13px;display:block}.notification-list small{color:var(--text-muted);margin-top:3px;font-size:11px;display:block}.mobile-nav,.mobile-brand,.pulse-hero,.attention-card .mobile-alert-title{display:none}@media (min-width:1550px){#main{padding-top:40px}.home-heading{margin-bottom:34px}.kpi-card{padding:23px}.attention-card{padding:17px}.sales-chart{height:225px}.large-chart{height:280px}.service-ring{width:150px;height:150px;margin-top:6px;margin-bottom:17px}.quick-card{padding:20px}.floor-plan{min-height:490px}.table-grid{gap:27px}.floor-table{max-width:80px}}@media (max-width:1250px){:root{--sidebar-width:208px}.topbar{gap:15px;padding:0 24px}#main{padding:28px 24px 20px}.workspace-footer{padding-inline:24px}.global-search{max-width:210px}.breadcrumb{min-width:130px}.header-actions{gap:9px}.kpi-value{font-size:27px}.sparkline{width:47px}.attention-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-card{padding:13px 15px}.attention-arrow{color:var(--text-subtle);margin-left:auto;display:block}.quick-card{padding:14px 16px}.device-grid,.orders-grid,.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.page-heading h1{font-size:28px}.floor-layout{grid-template-columns:minmax(0,1fr) 225px;gap:15px}.floor-aux{width:78px}.table-grid{gap:22px 12px}.dining-room{padding-inline:14px}.floor-summary{flex-wrap:wrap;gap:15px}.floor-summary>span{display:none}.summary-strip{gap:20px}.summary-strip .strip-note{display:none}.data-table td,.data-table th{padding-inline:16px}.inventory-summary>.panel{gap:10px;padding:17px}.inventory-summary .badge{display:none}.report-kpi>div{flex-direction:column;align-items:flex-start}}@media (max-width:1050px){.global-search{background:0 0;border:0;width:36px;margin-left:auto;margin-right:0;padding:8px}.global-search>span,.global-search kbd{display:none}.header-actions{margin-left:0}.home-heading h1{font-size:29px}.home-date{font-size:10px}.kpi-grid{gap:12px}.kpi-card{padding:15px}.kpi-value{font-size:25px}.sparkline{display:none}.home-middle{grid-template-columns:minmax(0,1.4fr) minmax(225px,1fr);gap:15px}.chart-legend{display:none}.chart-summary>strong{font-size:25px}.chart-summary>strong>span{font-size:15px}.chart-bars{gap:4px}.floor-layout{grid-template-columns:1fr}.floor-plan{min-height:420px}.floor-table{max-width:65px}.table-detail{grid-template-columns:1fr 1fr;column-gap:25px;display:grid}.table-detail>.badge{place-self:start end}.table-detail-facts{grid-row:2/5;padding:20px 0 0}.table-detail .table-total{border:0;padding:14px 0}.table-detail .mock-footnote{grid-column:1/3}.floor-aux{width:110px}.floor-summary{gap:20px}.report-bottom{gap:15px}.settings-layout{grid-template-columns:155px minmax(0,1fr);gap:17px}.page-heading{align-items:flex-start}.heading-actions{max-width:210px}.home-date{min-width:170px}}@media (max-width:850px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:64px;padding:0 24px}.breadcrumb{min-width:0}.mobile-brand{letter-spacing:-1.2px;font-size:27px;font-weight:750;display:block}.desktop-only{display:none}.header-actions{margin-left:0}.global-search{margin-left:auto}.header-avatar,.header-divider{display:none}#main{min-height:calc(100dvh - 146px);padding:28px 24px 24px}.workspace-footer{padding-bottom:100px}.mobile-nav{z-index:35;height:calc(64px + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:var(--sidebar);border-top:1px solid var(--border);box-shadow:none;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav>a,.mobile-nav>button{color:var(--text-muted);border-radius:7px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.mobile-nav>[aria-current=page]{color:var(--primary-bright);background:var(--primary-soft)}.mobile-menu{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mobile-menu .nav-label{font-size:9px}.mobile-menu .nav-link{min-height:43px}.mobile-menu .nav-group{margin:0}.toast{bottom:82px}.kpi-card{padding:17px}.page-heading h1{font-size:29px}.home-middle{grid-template-columns:minmax(0,1.55fr) minmax(225px,1fr)}.report-kpi>strong{font-size:26px}.floor-plan{min-height:445px}.table-grid{gap:26px}.floor-table{max-width:72px}}@media (max-width:600px){.topbar{gap:10px;padding:0 18px}.header-actions{gap:9px}.launcher-button{padding:7px}.launcher-button>span,.launcher-button>svg:last-child{display:none}.notification-button{width:32px}.global-search{width:31px}.header-actions>.badge{padding:4px 6px;font-size:8px}#main{padding:24px 18px 20px}.workspace-footer{flex-direction:column;gap:6px;padding:15px 18px 94px;font-size:9px}.page-heading{margin-bottom:23px;display:block}.page-heading .eyebrow{letter-spacing:1.4px;font-size:8px}.page-heading h1{letter-spacing:-.8px;font-size:27px}.page-heading p{max-width:330px;margin-top:9px;font-size:12px}.heading-actions{justify-content:flex-start;gap:9px;max-width:none;margin-top:17px}.heading-actions:empty{display:none}.heading-actions .button{font-size:11px}.home-heading .eyebrow{display:none}.home-heading h1{font-size:25px}.home-heading p{font-size:12px}.home-heading .home-date{display:none}.home-heading{margin-bottom:20px}.pulse-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:25px;padding:22px 21px;display:block;position:relative;overflow:hidden}.pulse-hero>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.pulse-hero .eyebrow{letter-spacing:1.4px;margin:0;font-size:8px}.pulse-hero .badge{font-size:8px}.pulse-hero>p{color:var(--text-muted);margin-top:24px;font-size:12px}.pulse-hero>strong{letter-spacing:-1.8px;margin:3px 0 19px;font-size:41px;display:block}.pulse-hero>strong>span{color:var(--text-muted);font-size:25px;font-weight:400}.pulse-comparison{color:var(--success);align-items:center;gap:6px;font-size:10px;display:flex}.pulse-comparison>span:last-child{color:var(--text);border-left:1px solid var(--border-strong);margin-left:auto;padding-left:14px}.kpi-grid{display:none}.section-title{margin-bottom:12px}.section-title h2{font-size:16px}.section-title>a{font-size:10px}.attention-grid{grid-template-columns:1fr;gap:9px}.attention-card{padding:13px 14px}.attention-card strong{font-size:12px}.attention-card small{margin-top:3px;font-size:10px}.attention-card .alert-icon{width:35px;height:35px}.desktop-alert-title{display:none!important}.mobile-alert-title{display:block!important}.attention-card:last-child{border-color:var(--amber-border)}.home-middle{display:none}.quick-grid{grid-template-columns:1fr 1fr;gap:10px}.quick-card{flex-direction:column;align-items:flex-start;gap:10px;min-height:127px;padding:15px;display:flex;position:relative}.quick-card>svg{position:absolute;top:19px;right:14px}.quick-card .quick-icon{width:30px;height:30px}.quick-card strong{font-size:11px}.quick-card small{font-size:9px;line-height:1.6}.quick-section .section-title>.muted{display:none}.home-bottom-note{text-align:center;margin-top:23px;font-size:9px}.home-bottom-note svg{display:none}.summary-strip{gap:12px;padding:16px 12px}.summary-strip>div{gap:9px}.summary-strip .metric-icon{display:none}.summary-strip strong{font-size:24px}.summary-strip small{font-size:9px;line-height:1.7}.summary-strip .strip-note{display:none}.toolbar,.toolbar.standalone{flex-wrap:wrap;gap:12px}.toolbar{padding:14px}.toolbar .search-field{order:2;width:100%}.toolbar.standalone .search-field{width:100%}.segmented{max-width:100%}.segmented button{min-height:32px;padding:6px 9px;font-size:10px}.search-field input{min-height:41px;font-size:12px}.people-table thead{display:none}.people-table tbody{display:block}.people-table tr{border-top:1px solid var(--border-subtle);grid-template-columns:1fr auto;gap:10px;padding:17px 14px;display:grid;position:relative}.people-table td{white-space:normal;border:0;padding:0;display:block}.people-table td:first-child{grid-area:1/1}.people-table td:nth-child(2){grid-area:2/1;padding-left:51px}.people-table td:nth-child(3){grid-area:3/1/auto/3;padding-left:51px}.people-table td:nth-child(4){grid-area:1/2;align-self:center}.people-table td:last-child{position:absolute;bottom:13px;right:13px}.access-pills>span{padding:4px 6px;font-size:10px}.person-link strong{font-size:13px}.person-link small{font-size:11px}.pin-state{font-size:10px}.table-footer{padding:13px 14px;font-size:9px}.people-explainer{align-items:flex-start;padding:15px}.people-explainer>.metric-icon{display:none}.people-explainer p{font-size:11px}.data-table:not(.people-table){min-width:560px}.device-grid{grid-template-columns:1fr;gap:13px}.device-card{padding:20px}.device-top{margin-bottom:17px}.device-illustration{width:64px;height:58px}.device-illustration svg{width:32px;height:32px}.device-card h2{font-size:17px}.add-device-card{gap:10px;min-height:155px}.modal{border-radius:var(--radius);width:calc(100% - 24px);max-height:88dvh;padding:22px 19px}.modal-head h2{font-size:22px}.modal-actions{flex-wrap:wrap}.modal-actions .button{flex:1;padding:10px 9px;font-size:11px}.form-grid.two{grid-template-columns:1fr}.form-grid input,.form-grid select{min-height:44px;font-size:16px}.activation-code{letter-spacing:5px;font-size:37px}.stepper>span{font-size:10px}.stepper{gap:5px}.stepper b{width:20px;height:20px}.access-setting small{font-size:10px}.identity-row{flex-wrap:wrap;gap:13px}.identity-row .button{margin-left:auto}.button{min-height:42px}.button.small{min-height:38px}.floor-summary{flex-wrap:wrap;gap:12px;font-size:9px}.floor-summary>div:first-child{width:100%}.floor-summary strong{font-size:14px}.floor-layout{gap:15px}.floor-panel .panel-heading{gap:10px;padding:15px 12px}.floor-panel .panel-heading h2{font-size:13px}.floor-panel .panel-heading p{font-size:9px}.inline-select select{max-width:116px;padding:7px 5px;font-size:10px}.floor-plan{gap:7px;min-height:390px;padding:21px 10px 32px}.dining-room{border-width:3px;padding:36px 9px 14px}.floor-aux{gap:10px;width:55px}.kitchen-room{border-width:3px}.kitchen-room strong,.bar-room strong,.kitchen-room small{font-size:6px}.kitchen-room>svg{width:20px}.kitchen-counter{height:7px;bottom:6px;left:3px;right:3px}.bar-room{border-width:3px;padding:10px 2px}.bar-room i{border-width:2px;width:11px;height:11px}.utility-room{border-width:3px;gap:2px}.utility-room>svg{width:14px}.utility-room span{font-size:7px}.table-grid{gap:23px 10px}.floor-table{max-width:50px;min-height:43px}.table-surface{border-radius:9px;inset:3px}.table-surface strong{font-size:12px}.table-surface small{font-size:5px}.chair{width:12px;height:6px}.chair-top,.chair-bottom{left:calc(50% - 6px)}.chair-left{top:calc(50% - 3px);left:-4px}.chair-right{top:calc(50% - 3px);right:-4px}.floor-table.selected .table-surface{outline-offset:3px;box-shadow:0 0 0 7px var(--green-soft);outline-width:2px}.room-label{letter-spacing:1px;font-size:6px}.floor-plants span{font-size:25px}.floor-legend{gap:8px;padding:11px 7px}.floor-legend button{font-size:8px}.floor-legend button>span{width:5px;height:5px}.table-detail{column-gap:15px;padding:18px}.table-detail-facts{gap:12px;font-size:10px}.table-detail .button{padding:9px 6px;font-size:10px}.table-detail h2{font-size:18px}.table-total{flex-direction:column;align-items:flex-start;gap:5px}.table-detail .mock-footnote{margin-top:18px}.inventory-summary{gap:9px}.inventory-summary>.panel{padding:16px 10px;display:block}.inventory-summary .metric-icon{border-radius:7px;width:27px;height:27px;margin-bottom:10px}.inventory-summary .metric-icon svg{width:16px;height:16px}.inventory-summary strong{font-size:25px}.inventory-summary small{margin-top:4px;font-size:9px;line-height:1.5;display:block}.report-kpis{grid-template-columns:1fr;gap:12px}.report-kpi{grid-template-columns:1fr auto;gap:10px;padding:18px;display:grid}.report-kpi>.metric-icon{grid-area:1/2/3;position:static}.report-kpi>.muted{font-size:12px}.report-kpi>strong{grid-area:2/1;font-size:30px}.report-kpi>div{flex-direction:row;grid-column:1/3;align-items:center}.report-chart .panel-heading{padding:18px}.large-chart{height:205px;padding-inline:14px}.chart-y{width:38px;font-size:8px}.chart-bars{gap:4px}.report-bottom{grid-template-columns:1fr;gap:16px}.settings-layout{grid-template-columns:1fr;gap:18px}.settings-nav{white-space:nowrap;scrollbar-width:thin;flex-direction:row;gap:3px;padding-bottom:4px;overflow:auto}.settings-nav button{gap:4px;padding:9px 12px;font-size:11px}.settings-nav button>svg{display:none}.settings-content{min-height:260px;padding:18px}.settings-footer{flex-direction:column;align-items:stretch;gap:14px;padding:18px}.settings-footer>.button{width:100%}.kitchen-stations{grid-template-columns:1fr;gap:10px}.kitchen-stations>.panel{padding:15px}.orders-grid{grid-template-columns:1fr 1fr;gap:10px}.order-card{padding:13px}.order-card-top>strong{font-size:16px}.order-card-top .badge{padding:4px 5px;font-size:8px}.order-card li{gap:5px;font-size:10px}.order-card h2{font-size:14px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-art{height:118px}.menu-card-content{padding:13px}.menu-card h2{min-height:36px;font-size:12px}.menu-price{font-size:16px}.menu-availability{gap:7px;font-size:9px}.toggle{width:37px;height:23px}.toggle[aria-checked=true]>span:first-child{transform:translate(14px)}.current-app{gap:7px;padding:12px;font-size:12px}.current-app .badge{font-size:8px}.toast{max-width:none;font-size:11px;bottom:82px;left:16px;right:16px}.preview-mini{font-size:10px}.preview-mini>strong{width:100%;margin-left:14px}.notice{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.toggle{position:relative}.toggle:before{content:"";position:absolute;inset:-10px -3px}.header-avatar.management-profile{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.header-restaurant{flex-shrink:1;min-width:0;max-width:220px}.header-restaurant strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.header-restaurant small{color:var(--text-muted);font-size:10px;display:block}.topbar .breadcrumb{min-width:0}.restaurant-context{cursor:default}.floor-navigation-note{color:var(--text-muted);margin:-12px 0 18px;font-size:12px}.restaurant-mock-notice{margin-bottom:18px}.restaurant-mock-notice strong{color:var(--warning)}@media (max-width:1200px){.topbar{gap:14px}.header-restaurant{max-width:180px}}@media (max-width:900px){.header-restaurant{flex:1;max-width:260px}.topbar .breadcrumb{display:none}.topbar .global-search{flex-shrink:0;width:34px;padding:8px}.topbar .global-search span,.topbar .global-search kbd{display:none}}@media (max-width:600px){.topbar{gap:8px}.header-restaurant{max-width:160px}}.overview-update{color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin:20px 0;font-size:13px;display:flex}.overview-indicators{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:20px 0 10px;display:grid}.overview-indicators>div{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;min-width:0;padding:17px 14px;display:grid}.overview-indicators strong{font-size:26px;line-height:1}.overview-indicators span{color:var(--text-muted);font-size:12px}.overview-layout{margin-top:22px}.overview-count-note{line-height:1.6}.overview-map{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;height:auto;max-height:650px;display:block}.overview-map g[role=button]{cursor:pointer;outline:none}.overview-map g[role=button]:focus-visible{outline:3px solid var(--tablio-ui-focus-ring);outline-offset:4px}.overview-selects{flex-wrap:wrap;gap:12px;display:flex}.overview-selects label{gap:5px;font-size:11px;font-weight:600;display:grid}.overview-selects select{font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:200px;padding:8px;font-size:12px}.overview-legend{flex-wrap:wrap;gap:12px}.overview-legend span{align-items:center;gap:5px;font-size:11px;display:flex}.overview-legend i{border-radius:50%;width:8px;height:8px}.overview-resource-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.overview-resource-list button{text-align:left;border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;min-width:0;font:inherit;border-radius:9px;gap:5px;padding:12px;font-size:12px;display:grid}.overview-resource-list button span{color:var(--text-muted);font-size:11px}.overview-resource-list button.selected{border-color:var(--tablio-ui-selection-foreground);box-shadow:0 0 0 1px var(--tablio-ui-selection-foreground)}.overview-detail h3,.overview-detail dd{overflow-wrap:anywhere}.overview-detail dl>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding:12px 0;font-size:12px;display:flex}.overview-detail dd{text-align:right;margin:0}.overview-detail dt{color:var(--text-muted)}.overview-message{padding:28px;line-height:1.7}.overview-stale{margin:15px 0}.overview-unsupported{color:var(--text-muted);margin-top:22px;font-size:12px}@media (max-width:1100px){.overview-indicators{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-layout{grid-template-columns:minmax(0,1fr)}.overview-layout>.overview-detail{width:auto}.overview-layout .panel-heading{flex-wrap:wrap;gap:16px}}@media (max-width:600px){.overview-indicators{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overview-indicators>div{padding:14px}.overview-selects{width:100%}.overview-selects label{flex:1;min-width:0}.overview-selects select{width:100%;max-width:100%}.overview-resource-list{grid-template-columns:minmax(0,1fr)}.overview-update{align-items:flex-start}.overview-map{min-height:180px}}.restaurant-picker{width:100%;min-width:0;margin:16px 0 22px}.restaurant-picker>span{min-width:0}.restaurant-picker strong{overflow-wrap:anywhere;display:block}button.restaurant-picker:hover{background:var(--surface-hover);border-color:var(--border-strong)}.restaurant-context{background:0 0;border:0;border-radius:0;padding:0 12px}.restaurant-context strong{font-size:13px;line-height:1.5}.restaurant-context small{margin-top:3px;font-size:10px}.nav-link{text-align:left;width:100%;min-height:40px}.nav-link:disabled{opacity:1;color:var(--tablio-ui-disabled-text);background:0 0}.nav-link:disabled:hover{background:0 0}.nav-suffix{color:var(--text-subtle);margin-left:auto;font-size:9px}.compact-restaurant-picker{text-align:left;align-items:center;gap:6px;max-width:100%;padding:0;display:flex}.compact-restaurant-picker:hover{color:var(--primary-bright)}@media (min-width:851px){.header-restaurant{display:none}}@media (max-width:850px){.topbar{gap:12px;height:76px}.header-restaurant{flex:1;max-width:none}.header-restaurant .mobile-brand{width:fit-content;font-size:22px;line-height:25px}.header-restaurant strong{font-size:11px;line-height:18px}.header-restaurant small{display:none}.header-actions{gap:12px}.mobile-menu .nav-link{min-height:44px}.mobile-nav>a:hover,.mobile-nav>button:hover{background:var(--surface-hover);color:var(--primary-bright)}}@media (max-width:600px){.topbar{gap:8px;padding-inline:16px}.header-restaurant{max-width:none}.header-actions{flex-shrink:0;gap:8px}.header-actions>.badge{display:none}.launcher-button{justify-content:center;min-width:40px;min-height:40px}.topbar .global-search{min-width:40px;min-height:40px}}.button:not(.primary),.segmented,.search-field,.global-search,.overview-selects select,.toggle{border:1px solid var(--tablio-ui-border-control)}.toggle{padding:2px}.button.primary:disabled,.button:disabled:hover{color:var(--tablio-ui-disabled-text);background:var(--tablio-ui-disabled-surface);border-color:var(--border)}.nav-link.active{box-shadow:inset 3px 0 var(--tablio-ui-selection-foreground)}.chart-bar{border:1px solid var(--tablio-ui-chart-blue)}.sparkline.tone-green,.ring-value{color:var(--tablio-ui-chart-green);stroke:var(--tablio-ui-chart-green)}.sparkline.tone-blue{color:var(--tablio-ui-chart-blue)}.sparkline.tone-purple{color:var(--tablio-ui-chart-purple)}.sparkline.tone-amber{color:var(--tablio-ui-chart-amber)}.dot-muted{background:var(--text-subtle)}.payment-split span{outline:1px solid var(--surface);outline-offset:-1px}.theme-selection{border:0;min-width:0;margin:24px 0;padding:0}.theme-selection legend{margin-bottom:10px;font-size:13px;font-weight:600}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.theme-options label{border:1px solid var(--tablio-ui-border-control);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px;font-size:12px;display:flex}.theme-options label:has(:checked){color:var(--tablio-ui-selection-foreground);background:var(--tablio-ui-selection-surface);border-color:var(--tablio-ui-selection-foreground)}.theme-options label:hover{background:var(--surface-hover)}.theme-options label:focus-within{outline:2px solid var(--tablio-ui-focus-ring);outline-offset:3px}.theme-options input{appearance:none;background:0 0;border:1px solid;border-radius:50%;flex:none;width:14px;height:14px;margin:0;padding:0}.theme-options input:checked{background:var(--tablio-ui-selection-foreground);box-shadow:inset 0 0 0 3px var(--tablio-ui-selection-surface)}.theme-options input:focus-visible{outline:none}.theme-selection p{color:var(--text-subtle);margin-top:10px;font-size:12px;line-height:1.6}@media (forced-colors:active){.theme-options input{appearance:auto}.theme-options label:has(:checked){border-color:highlight}.chart-bar{border-color:canvastext}}
.auth-page{background:var(--background);place-items:center;min-height:100dvh;padding:32px;display:grid}.auth-card{border:1px solid var(--border);width:100%;max-width:1120px;min-height:672px;box-shadow:var(--shadow-lg);background:var(--surface);border-radius:16px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-panel{background:var(--surface-raised);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;padding:48px;display:flex}.auth-panel .brand{align-self:flex-start;padding:0}.auth-panel h2{letter-spacing:-1.4px;max-width:350px;margin:20px 0;font-size:42px;line-height:1.15}.auth-panel p{color:var(--text-muted);max-width:320px;line-height:1.7}.auth-panel-footer{color:var(--text-subtle);font-size:12px}.auth-content{flex-direction:column;justify-content:center;align-items:stretch;padding:64px 48px;display:flex}.auth-content h1{letter-spacing:-1px;font-size:34px;line-height:1.15}.auth-intro{color:var(--text-muted);margin:14px 0 28px;font-size:14px;line-height:1.7}.auth-form{gap:20px;display:grid}.auth-form label{gap:9px;font-size:13px;font-weight:600;display:grid}.auth-form input{background:var(--surface-raised);width:100%;min-width:0;min-height:48px;color:var(--text);border:1px solid var(--border-strong);font:inherit;border-radius:8px;padding:12px 14px}.auth-form input:focus{outline:2px solid var(--tablio-ui-focus-ring);outline-offset:2px}.auth-form input[aria-invalid=true]{border-color:var(--danger)}.password-input{display:flex;position:relative}.password-input input{padding-right:65px}.password-input button{min-width:58px;color:var(--text-muted);font-size:12px;position:absolute;top:2px;bottom:2px;right:2px}.auth-form .button{justify-content:center;min-height:48px}.auth-help{color:var(--primary-bright);align-self:flex-start;margin-top:25px;font-size:13px}.auth-footnote{color:var(--text-subtle);border-top:1px solid var(--border);margin-top:32px;padding-top:20px;font-size:12px;line-height:1.7}.auth-notice,.auth-error{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:8px;padding:14px;font-size:13px;line-height:1.7}.auth-error{border-color:var(--danger);background:var(--red-soft);color:var(--danger)}.auth-notice{color:var(--text-muted)}.auth-actions{align-items:center;gap:14px;margin-top:24px;display:flex}.auth-identity{gap:5px;margin:0 0 20px;font-size:14px;display:grid}.auth-identity span{color:var(--text-muted)}.auth-mobile-brand{display:none}@media (max-width:895px){.auth-page{padding:24px}.auth-card{max-width:520px;min-height:0;display:block}.auth-panel{display:none}.auth-content{padding:40px 32px}.auth-mobile-brand{align-self:flex-start;margin:0 0 36px;padding:0;display:flex}}@media (max-width:450px){.auth-page{align-items:start;padding:32px 16px 16px}.auth-content{padding:30px 22px}.auth-content h1{font-size:30px}.auth-form input{font-size:16px}.auth-actions{flex-wrap:wrap}}.auth-page--sign-in{background:var(--background);padding:40px}.auth-page--sign-in .auth-card{border-color:var(--border);max-width:1180px;min-height:700px;box-shadow:var(--shadow-lg);border-radius:20px;grid-template-columns:1fr 1fr}.auth-page--sign-in .auth-panel{isolation:isolate;border-right:1px solid var(--border);background:var(--auth-photo-base);padding:42px 46px;position:relative;overflow:hidden}.auth-page--sign-in .auth-panel:before{content:"";z-index:-2;background:url(/images/sign-in-restaurant.webp) 50% 44%/cover no-repeat;position:absolute;inset:0}.auth-page--sign-in .auth-panel:after{content:"";z-index:-1;background:var(--auth-photo-overlay);position:absolute;inset:0}.auth-page--sign-in .auth-panel .brand-dot{color:var(--auth-photo-brand)}.auth-page--sign-in .auth-panel .brand{color:var(--auth-photo-text);font-size:36px}.auth-page--sign-in .auth-panel-copy{margin-top:auto;padding:180px 0 38px}.auth-page--sign-in .auth-panel h2{letter-spacing:-1.4px;max-width:400px;color:var(--auth-photo-text);text-wrap:balance;margin:0 0 20px;font-size:43px;font-weight:620;line-height:1.17}.auth-page--sign-in .auth-panel-copy>p{color:var(--auth-photo-secondary);max-width:325px;font-size:14px;line-height:1.75}.auth-page--sign-in .auth-panel-footer{color:var(--auth-photo-muted);letter-spacing:.2px;font-size:11px}.auth-page--sign-in .auth-content{background:var(--surface);padding:62px 68px}.auth-page--sign-in .auth-content>.eyebrow{letter-spacing:1.8px;color:var(--text-subtle);margin-bottom:16px;font-size:10px}.auth-page--sign-in .auth-content h1{letter-spacing:-1.05px;font-size:36px;font-weight:650;line-height:1.2}.auth-page--sign-in .auth-intro{color:var(--text-muted);margin:12px 0 32px;font-size:14px}.auth-page--sign-in .auth-form{gap:22px}.auth-page--sign-in .auth-form label{color:var(--text);gap:10px;font-size:13px;font-weight:550}.auth-page--sign-in .auth-form input{background:var(--surface-muted);border:1px solid var(--tablio-ui-border-control);border-radius:9px;min-height:50px;padding:13px 14px;transition:border-color .15s,box-shadow .15s}.auth-page--sign-in .auth-form input:hover{border-color:var(--tablio-ui-focus-ring)}.auth-page--sign-in .auth-form input:focus{border-color:var(--tablio-ui-focus-ring);outline:2px solid var(--tablio-ui-focus-ring);outline-offset:3px;box-shadow:none}.auth-page--sign-in .auth-form input[aria-invalid=true]{border-color:var(--danger)}.auth-password-field{gap:9px;display:grid}.auth-field-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-forgot{color:var(--primary-bright);padding-block:6px;font-size:12px;line-height:1.5}.auth-forgot:hover{text-underline-offset:4px;text-decoration:underline}.auth-page--sign-in .password-input input{padding-right:68px}.auth-page--sign-in .password-input button{min-width:62px;color:var(--text-muted);border-radius:6px}.auth-page--sign-in .password-input button:hover{background:var(--surface-hover);color:var(--text)}.auth-page--sign-in .auth-form .button{min-height:50px;box-shadow:none;border-radius:9px;margin-top:3px;font-size:14px;font-weight:600}.auth-page--sign-in .auth-form .button:hover:not(:disabled){background:var(--primary-action-hover)}.auth-page--sign-in .auth-help{color:var(--text-subtle);align-self:center;margin-top:28px;padding:5px;font-size:12px}.auth-page--sign-in .auth-help:hover{color:var(--primary-bright);text-underline-offset:4px;text-decoration:underline}.auth-page--sign-in .auth-error,.auth-page--sign-in .auth-notice{padding:12px 14px}@media (min-width:896px) and (max-width:1100px){.auth-page--sign-in{padding:28px}.auth-page--sign-in .auth-card{min-height:660px}.auth-page--sign-in .auth-content{padding:48px 38px}.auth-page--sign-in .auth-panel{padding:36px}.auth-page--sign-in .auth-panel h2{font-size:38px}}@media (max-width:895px){.auth-page--sign-in{padding:32px 24px}.auth-page--sign-in .auth-card{max-width:480px;min-height:0}.auth-page--sign-in .auth-content{padding:44px 42px}.auth-page--sign-in .auth-mobile-brand{margin-bottom:44px;font-size:35px}.auth-page--sign-in .auth-content h1{font-size:34px}}@media (max-width:450px){.auth-page--sign-in{place-items:start stretch;padding:0}.auth-page--sign-in .auth-card{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.auth-page--sign-in .auth-content{justify-content:flex-start;min-height:100dvh;padding:40px 26px 32px}.auth-page--sign-in .auth-mobile-brand{margin-bottom:60px}.auth-page--sign-in .auth-content h1{font-size:32px}.auth-page--sign-in .auth-intro{margin-bottom:30px}.auth-page--sign-in .auth-form input{font-size:16px}.auth-page--sign-in .auth-help{margin-top:26px}}
