:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--app-canvas:#f8fafc;--app-panel:#fff;--app-border:#f1f5f9;--app-border-strong:#e2e8f0;--app-heading:#0f172a;--app-body:#475569;--app-muted:#94a3b8;--app-primary:#4f46e5;--app-primary-hover:#4338ca;--app-primary-soft:#eef2ff;--app-success:#059669;--app-success-soft:#d1fae5;--app-attention:#f59e0b;--app-attention-soft:#fef3c7;--app-danger:#dc2626;--app-danger-soft:#fee2e2;--app-shadow:0 1px 2px #0f172a0f, 0 8px 24px #0f172a0a;--app-radius:12px;--app-control-radius:8px;--app-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}#root{background:var(--app-canvas);width:100%;max-width:none;color:var(--app-body);font-family:var(--app-font);text-align:left;border:0}.app-shell{box-sizing:border-box;gap:20px;min-height:100svh;padding:28px clamp(16px,3vw,40px) 40px;display:grid}.app-header,.status-panel{box-sizing:border-box;width:min(100%,1480px);margin:0 auto}.app-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.eyebrow{color:var(--app-primary);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.app-header h1,.section-header h2{color:var(--app-heading);font-family:var(--app-font);letter-spacing:0;margin:0}.app-header h1{font-size:clamp(28px,4vw,36px);font-weight:800;line-height:1.1}.section-header h2{font-size:18px;font-weight:700;line-height:1.25}.header-metrics{grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;min-width:min(560px,100%);display:grid}.header-metrics div{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);min-height:64px;box-shadow:var(--app-shadow);align-content:center;gap:2px;padding:10px 14px;display:grid}.header-metrics span{color:var(--app-heading);font-size:24px;font-weight:800;line-height:1.1}.header-metrics small{color:var(--app-muted);text-transform:uppercase;font-size:12px;font-weight:700}.status-panel{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);box-shadow:var(--app-shadow);padding:clamp(16px,2vw,24px)}.section-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.status-detail{color:var(--app-body);margin:6px 0 0;font-size:14px;line-height:1.45}.status-pill{white-space:nowrap;color:#3730a3;background:var(--app-primary-soft);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-panel.ready .status-pill{color:#065f46;background:var(--app-success-soft)}.status-panel.error .status-pill{color:#991b1b;background:var(--app-danger-soft)}.status-panel.initializing .status-pill{color:#92400e;background:var(--app-attention-soft)}.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 18px;margin:0;display:grid}.metadata-grid div{min-width:0}.metadata-wide{grid-column:1/-1}.metadata-grid dt{color:var(--app-muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.metadata-grid dd{color:var(--app-heading);overflow-wrap:anywhere;margin:3px 0 0;font-size:14px;line-height:1.4}.access-note{border:1px solid var(--app-border);border-radius:var(--app-control-radius);color:var(--app-body);background:#f8fafc;margin:0;padding:12px 14px;font-size:14px;line-height:1.45}.access-note.error-text{color:#991b1b;background:var(--app-danger-soft);border-color:#fecaca}.scope-bar{grid-template-columns:minmax(220px,320px) 1fr;align-items:end;gap:14px;margin-bottom:18px;display:grid}.tab-list{flex-wrap:wrap;gap:8px;display:flex}.tab-list button,.row-actions button,.primary-button,.operations-form button{border-radius:var(--app-control-radius);min-height:44px;font:700 14px/1.2 var(--app-font);cursor:pointer;border:1px solid #0000;padding:10px 14px;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s}.tab-list button{color:var(--app-body);border-color:var(--app-border-strong);background:#f8fafc}.tab-list button:hover,.tab-list button.active{color:#3730a3;background:var(--app-primary-soft);border-color:#c7d2fe}.tab-list button.active{box-shadow:0 0 0 2px var(--app-primary), 0 0 0 4px #fff}.entity-panel{gap:18px;display:grid}.operations-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;padding-bottom:4px;display:grid}.operations-form.compact-form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.operations-form label,.scope-bar label{min-width:0;color:var(--app-body);text-transform:uppercase;gap:6px;font-size:12px;font-weight:800;display:grid}.field-wide{grid-column:span 2}.operations-form input,.operations-form select,.scope-bar select{box-sizing:border-box;border:1px solid var(--app-border-strong);border-radius:var(--app-control-radius);width:100%;min-height:44px;color:var(--app-heading);font:14px/1.3 var(--app-font);background:#fff;padding:9px 11px}.operations-form input:focus-visible,.operations-form select:focus-visible,.scope-bar select:focus-visible,.tab-list button:focus-visible,.row-actions button:focus-visible,.primary-button:focus-visible,.operations-form button:focus-visible{box-shadow:0 0 0 2px var(--app-primary), 0 0 0 4px #fff;outline:0}.checkbox-field{grid-auto-columns:max-content;grid-auto-flow:column;align-self:end;align-items:center;min-height:44px;text-transform:none!important;gap:10px!important;font-size:14px!important;display:inline-flex!important}.checkbox-field input{width:18px;min-height:18px;accent-color:var(--app-primary)}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.operations-form button,.primary-button{color:#fff;background:var(--app-primary)}.operations-form button:hover,.primary-button:hover{background:var(--app-primary-hover)}.operations-form button:disabled,.primary-button:disabled{color:#64748b;cursor:not-allowed;background:#e2e8f0}.operations-form .secondary-button,.row-actions button{color:var(--app-heading);border-color:var(--app-border-strong);background:#fff}.operations-form .secondary-button:hover,.row-actions button:hover{color:#3730a3;background:var(--app-primary-soft);border-color:#c7d2fe}.row-actions .danger-button{color:var(--app-danger);border-color:#fecaca}.row-actions .danger-button:hover{color:#991b1b;background:var(--app-danger-soft);border-color:#fca5a5}.table-scroll{border:1px solid var(--app-border);border-radius:var(--app-control-radius);width:100%;overflow-x:auto}.operations-table{border-collapse:collapse;width:100%;min-width:980px;color:var(--app-body);font-size:14px}.operations-table th,.operations-table td{border-bottom:1px solid var(--app-border);text-align:left;vertical-align:top;white-space:nowrap;padding:10px 12px}.operations-table th{color:var(--app-muted);text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:800}.operations-table tr:last-child td{border-bottom:0}.operations-table strong,.operations-table span,.operations-table code{display:block}.operations-table strong{color:var(--app-heading);font-size:14px}.operations-table span{color:var(--app-body)}.operations-table code{width:fit-content;max-width:180px;color:var(--app-heading);text-overflow:ellipsis;background:#f1f5f9;border-radius:6px;margin-top:4px;padding:3px 6px;font-size:12px;line-height:1.25;overflow:hidden}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.events-table,.shifts-table{min-width:1280px}.sales-table,.expenses-table,.warranty-table{min-width:1120px}.analytics-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;width:min(100%,1480px);margin:0 auto;display:grid}.analytics-grid .status-panel{width:100%}.compact-metrics{margin-bottom:14px}.payroll-table,.financial-table{min-width:880px}.sync-grid{margin-top:16px}.security-summary{grid-template-columns:minmax(0,1fr) max-content;align-items:end;gap:14px;margin-bottom:18px;display:grid}.state-badge{text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex!important}.state-badge.active{color:#065f46;background:var(--app-success-soft)}.state-badge.inactive{color:#92400e;background:var(--app-attention-soft)}.security-users-table,.security-assignments-table,.security-permissions-table{min-width:1040px}.security-roles-table{min-width:760px}@media (width<=980px){.app-header{flex-direction:column;align-items:stretch}.header-metrics,.scope-bar,.analytics-grid,.security-summary,.operations-form,.operations-form.compact-form{grid-template-columns:1fr}.field-wide{grid-column:auto}}@media (width<=640px){.app-shell{padding:18px 12px 28px}.header-metrics{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch}}@media (prefers-color-scheme:dark){:root{--app-canvas:#0f172a;--app-panel:#111827;--app-border:#1f2937;--app-border-strong:#334155;--app-heading:#f8fafc;--app-body:#cbd5e1;--app-muted:#94a3b8;--app-primary-soft:#6366f12e;--app-success-soft:#10b9812e;--app-attention-soft:#f59e0b2e;--app-danger-soft:#dc26262e;--app-shadow:0 1px 2px #0003, 0 14px 28px #00000038}.header-metrics div,.operations-form input,.operations-form select,.scope-bar select,.operations-form .secondary-button,.row-actions button{background:#111827}.operations-table th{background:#0f172a}.operations-table code,.tab-list button,.access-note{background:#1e293b}.tab-list button.active,.tab-list button:hover{background:var(--app-primary-soft)}.operations-form input:focus-visible,.operations-form select:focus-visible,.scope-bar select:focus-visible,.tab-list button:focus-visible,.row-actions button:focus-visible,.primary-button:focus-visible,.operations-form button:focus-visible{box-shadow:0 0 0 2px var(--app-primary), 0 0 0 4px #111827}}
