:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--ring:#0b0b0b1a;--series-1:#2a78d6;--series-2:#eb6834;--unknown:#c3c2b7;--accent:#2a78d6;--good:#0ca30c;--critical:#d03b3b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--ink:#fff;--ink-2:#c3c2b7;--grid:#2c2c2a;--axis:#383835;--ring:#ffffff1a;--series-1:#3987e5;--series-2:#d95926;--unknown:#52514e;--accent:#3987e5}}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0}h1{margin:0;font-size:1.35rem}h2{margin:0 0 14px;font-size:1rem;font-weight:600}p{margin:0}.muted{color:var(--ink-2)}.small{margin-top:4px;font-size:.8rem}.error{color:var(--critical);margin:8px 0}.page{max-width:1180px;margin:0 auto;padding:24px 16px 48px}.center{place-items:center;min-height:100vh;display:grid}.card{background:var(--surface);border:1px solid var(--ring);border-radius:12px;padding:18px 20px}.label{color:var(--ink-2);font-size:.85rem}.login{gap:14px;width:min(360px,100%);display:grid}.login label{color:var(--ink-2);gap:6px;font-size:.9rem;display:grid}input{font:inherit;border:1px solid var(--axis);background:var(--page);color:var(--ink);border-radius:8px;padding:10px 12px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}button:disabled{opacity:.6;cursor:wait}select{font:inherit;border:1px solid var(--axis);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 10px}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.camera-pick{align-items:center;gap:8px;font-size:.9rem;display:inline-flex}button.ghost{color:var(--ink-2);border:1px solid var(--axis);background:0 0;padding:6px 12px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.top-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pill{border:1px solid var(--ring);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:.85rem;display:inline-flex}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.pill-live .dot{background:var(--good)}.pill-off .dot{background:var(--critical)}.hero{margin-bottom:14px}.hero-value{margin:4px 0 6px;font-size:64px;font-weight:650;line-height:1.1}.tiles{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}@media (width>=900px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile-value{margin-top:4px;font-size:2rem;font-weight:600}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:start;gap:14px;margin-bottom:14px;display:grid}.grid-2>*,.tiles>*{min-width:0}.chart{width:100%;min-width:0;position:relative;overflow:hidden}.chart svg{display:block}.grid{stroke:var(--grid);stroke-width:1px}.axis{stroke:var(--axis);stroke-width:1px}.tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.value{fill:var(--ink-2);font-size:12px;font-weight:600}.bar{fill:var(--series-1)}.bar-hover{opacity:.8}.tooltip{background:var(--surface);border:1px solid var(--ring);pointer-events:none;white-space:nowrap;border-radius:8px;gap:2px;padding:8px 10px;font-size:.85rem;display:grid;position:absolute;box-shadow:0 4px 16px #0000001f}.table-view{color:var(--ink-2);margin-top:10px;font-size:.85rem}.table-view table{border-collapse:collapse;margin-top:8px}.table-view td,.table-view th{text-align:left;border-bottom:1px solid var(--grid);font-variant-numeric:tabular-nums;padding:4px 16px 4px 0}.split{gap:2px;height:22px;display:flex}.seg{min-width:4px}.seg:first-child{border-radius:4px 0 0 4px}.seg:last-child{border-radius:0 4px 4px 0}.seg:only-child{border-radius:4px}.seg-male{background:var(--series-1)}.seg-female{background:var(--series-2)}.seg-unknown{background:var(--unknown)}.legend{flex-wrap:wrap;gap:18px;margin:14px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.swatch{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.log{color:var(--ink-2);gap:6px;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.log li{border-bottom:1px solid var(--grid);overflow-wrap:anywhere;padding-bottom:6px}.add-staff{gap:10px;margin-bottom:14px;display:grid}.add-staff h2{margin:0}.add-row{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));align-items:end;gap:10px;display:grid}.add-row label{color:var(--ink-2);gap:6px;font-size:.9rem;display:grid}.add-row select{padding:10px 12px}.staff-card{margin-bottom:14px}.staff-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.staff-head h2{margin:0 0 2px}button.danger{color:var(--critical);border-color:var(--critical)}.learn{border:1px solid var(--ring);background:var(--page);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.learn-waiting{border-color:var(--good)}.slots{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:12px;display:grid}.slot{gap:6px;min-width:0;display:grid}.slot-photo{aspect-ratio:3/4;border:1px dashed var(--axis);background:var(--page);text-align:center;border-radius:8px;place-items:center;padding:8px;display:grid;position:relative;overflow:hidden}.slot-done .slot-photo{border:1px solid var(--good);padding:0}.slot-photo img{object-fit:cover;width:100%;height:100%;display:block}.slot-busy{color:#fff;background:#00000073;place-items:center;font-size:.85rem;display:grid;position:absolute;inset:0}.slot-label{font-size:.85rem;font-weight:600}.slot-actions{flex-wrap:wrap;gap:6px;display:flex}.slot-actions button{padding:6px 10px;font-size:.85rem}.modal{z-index:10;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-body{gap:10px;width:min(560px,100%);display:grid}.modal-body h2{margin:0}.camera-view{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:60vh}