@font-face{font-family:Manrope;src:url(/fonts/manrope-variable.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Darker Grotesque;src:url(/fonts/darker-grotesque-variable.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{color-scheme:dark;--background: #0a0a0a;--surface: #111111;--surface-2: #151515;--surface-sunken: #0d0d0d;--surface-card: #111111;--surface-hover: #1a1a1a;--surface-active: #242424;--text-primary: #ededed;--text-secondary: #b6b6b6;--text-muted: #8f8f8f;--text-faint: #737373;--border: #262626;--border-strong: #3a3a3a;--primary: #ededed;--primary-contrast: #0a0a0a;--primary-soft: rgba(0, 112, 243, .15);--accent-purple: #a78bfa;--accent-blue: #52a8ff;--accent-green: #49b96d;--accent-warm: #f2ad48;--accent-red: #ff6b73;--focus-ring: #52a8ff;--fs-12: 12px;--fs-13: 13px;--fs-15: 15px;--fs-18: 18px;--fs-22: 22px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius: 10px;--radius-sm: 8px;--radius-md: 12px;--rail: 248px;--topbar: 56px;--font-ui: "Manrope", Inter, ui-sans-serif, system-ui, sans-serif;--font-heading: "Darker Grotesque", "Manrope", ui-sans-serif, sans-serif;--font-mono: "Space Mono", "SFMono-Regular", Consolas, monospace;--shadow-pop: 0 16px 40px rgba(0, 0, 0, .44)}html[data-theme=light]{color-scheme:light;--background: #ffffff;--surface: #fafafa;--surface-2: #f7f7f7;--surface-sunken: #f0f0f0;--surface-card: #ffffff;--surface-hover: #f5f5f5;--surface-active: #eeeeee;--text-primary: #1f1f1f;--text-secondary: #5f5f5f;--text-muted: #737373;--text-faint: #8f8f8f;--border: #eaeaea;--border-strong: #d4d4d4;--primary: #1f1f1f;--primary-contrast: #ffffff;--primary-soft: #eaf4ff;--accent-purple: #7c3aed;--accent-blue: #0070f3;--accent-green: #168a45;--accent-warm: #a15c00;--accent-red: #d92d3a;--focus-ring: #0070f3;--shadow-pop: 0 20px 45px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--background);color:var(--text-primary);font:var(--fs-13) / 1.5 var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:560;line-height:1.16;letter-spacing:0}a{color:var(--accent-blue)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:8px;background:#ffffff1f}.tab-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-3)}.tab-intro{max-width:72ch;margin:0;color:var(--text-muted);font-size:var(--fs-12);line-height:1.55}.data-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-13)}.data-table th,.data-table td{padding:10px var(--sp-4);text-align:left;vertical-align:middle}.data-table thead th{border-bottom:1px solid var(--border);color:var(--text-faint);font:10px/1 var(--font-mono);font-weight:400;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border)}.data-table tbody tr:last-child{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody th{display:flex;align-items:center;gap:var(--sp-3);font-weight:400}.data-table-who{display:grid;min-width:0}.data-table-who small{color:var(--text-faint);font-size:11px}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table-actions{display:flex;gap:4px;justify-content:flex-end}.cell-none{color:var(--text-faint)}.role-tag{color:var(--text-muted);font:10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.role-tag.admin{color:var(--accent-purple)}.area-combo{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:34px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:text}.area-combo.open,.area-combo:focus-within{border-color:var(--border-strong)}.area-combo.disabled{opacity:.6;cursor:default}.area-combo.inline{min-height:26px;padding:2px 4px;border-color:transparent;background:transparent}.area-combo.inline:hover,.area-combo.inline.open,.area-combo.inline:focus-within{border-color:var(--border);background:var(--surface-2)}.area-combo input{flex:1 1 60px;min-width:60px;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:var(--fs-13)}.area-combo input::placeholder{color:var(--text-faint)}.area-combo-caret{flex:none;color:var(--text-faint)}.area-combo-empty{color:var(--text-faint);font-size:var(--fs-12)}.area-combo-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-card);color:var(--text-secondary);font-size:11.5px;white-space:nowrap}.area-combo-chip button{display:inline-grid;place-items:center;width:15px;height:15px;border:0;border-radius:999px;background:transparent;color:var(--text-faint);cursor:pointer}.area-combo-chip button:hover{background:var(--surface-hover);color:var(--text-primary)}.area-combo-backdrop{z-index:78}.area-combo-panel{z-index:80;left:auto;top:auto;width:auto}.area-combo-panel .panel-row{grid-template-columns:8px minmax(0,1fr) auto 16px;border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.area-dot{width:6px;height:6px;border-radius:999px;background:var(--text-faint)}.area-combo-panel .panel-row.active .area-dot{background:var(--accent-purple)}.area-combo-create{width:100%;justify-content:flex-start;gap:6px}.area-combo-error{padding:0 8px 6px}.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:var(--sp-3)}.area-card{display:grid;gap:var(--sp-2);align-content:start;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius)}.area-card.empty{border-style:dashed}.area-card>header{display:flex;align-items:center;gap:var(--sp-2)}.area-card h3{flex:1 1 auto;min-width:0;margin:0;font-size:var(--fs-13);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--text-faint);font-size:11px}.area-bubbles{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:26px}.area-add{display:inline-grid;place-items:center;width:24px;height:24px;border:1px dashed var(--border-strong);border-radius:999px;background:transparent;color:var(--text-faint);cursor:pointer}.area-add:hover:not(:disabled){border-style:solid;color:var(--text-primary)}.area-people-picker{display:flex;flex-wrap:wrap;gap:5px;padding-top:var(--sp-2);border-top:1px solid var(--border)}.area-people-picker button{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-muted);font-size:11.5px;cursor:pointer}.area-people-picker button:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.area-people-picker button.on{border-color:var(--accent-purple);color:var(--accent-purple)}.area-people-picker .empty{color:var(--text-faint);font-size:11.5px}.panel-note,.panel-warn{display:flex;align-items:flex-start;gap:var(--sp-2);max-width:80ch;margin:var(--sp-3) 0 0;font-size:11.5px;line-height:1.55}.panel-note{color:var(--text-faint)}.panel-warn{margin-bottom:var(--sp-3);color:var(--accent-warm)}.panel-note svg,.panel-warn svg{flex:none;margin-top:2px}.empty-card{display:flex;align-items:flex-start;gap:var(--sp-3);max-width:620px;padding:var(--sp-4);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted)}.empty-card svg{flex:none;margin-top:2px;color:var(--text-faint)}.empty-card strong{display:block;margin-bottom:4px;color:var(--text-primary);font-size:var(--fs-13)}.empty-card p{margin:0;font-size:var(--fs-12);line-height:1.55}.page-tabs{display:flex;gap:4px;margin:var(--sp-5) 0 var(--sp-4);border-bottom:1px solid var(--border)}.page-tabs button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--text-muted);font-size:var(--fs-13);cursor:pointer}.page-tabs button:hover{color:var(--text-primary)}.page-tabs button.active{border-bottom-color:var(--accent-purple);color:var(--text-primary);font-weight:540}.tab-flag{min-width:18px;padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--text-faint);font-size:10.5px;font-variant-numeric:tabular-nums;text-align:center}.page-tabs button.active .tab-flag{background:var(--surface-active);color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}