:root{--primary: #14b8a6;--primary-ink: #06201d;--primary-dark: #0f766e;--primary-light: #ecf7f5;--teal-chip-bg: #e6f4f2;--teal-chip-bd: #c9e9e3;--teal-chip-fg: #0f766e;--chrome-bg: #0c1413;--chrome-active: #16211f;--chrome-text: #8aa09c;--chrome-text-active: #ffffff;--chrome-muted: #5e716e;--bg: #fafafa;--surface: #ffffff;--card-bg: #ffffff;--border: #e4e7e6;--hair: #f1f3f2;--th-bg: #f5f6f6;--th-bg-sub: #f7f8f8;--row-active: #ecf7f5;--text: #16201f;--text-secondary: #5e716e;--text-muted: #9aa6a3;--text-faint: #bcc6c3;--ok-fg: #166534;--ok-bg: #dcfce7;--ok-bd: #bbf7d0;--danger-fg: #991b1b;--danger-bg: #fee2e2;--danger-bd: #fecaca;--warn-fg: #92400e;--warn-bg: #fef3c7;--warn-bd: #fde68a;--info-fg: #3730a3;--info-bg: #e0e7ff;--info-bd: #c7d2fe;--purple-fg: #6d28d9;--purple-bg: #ede9fe;--dot-red: #dc2626;--dot-orange: #fb923c;--dot-green: #16a34a;--radius: 12px;--sidebar-width: 210px;--topbar-height: 54px;--sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--shadow-modal: 0 24px 70px rgba(0, 0, 0, .34);font-family:var(--sans);color:var(--text);background:var(--bg);font-size:13px}*{box-sizing:border-box}body{margin:0}a{color:var(--primary-dark);text-decoration:none}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.centered{display:grid;place-items:center;min-height:100vh;color:var(--text-muted)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar content";min-height:100vh}.sidebar{grid-area:sidebar;background:var(--chrome-bg);padding:14px 11px;display:flex;flex-direction:column;gap:2px}.sidebar .brand{display:flex;align-items:center;gap:9px;padding:6px 8px 14px}.sidebar .brand .mark{width:27px;height:27px;border-radius:7px;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;font-weight:700;font-size:15px}.sidebar .brand .brand-name{color:#fff;font-weight:700;font-size:13px;line-height:1.1}.sidebar .brand .brand-sub{color:var(--chrome-muted);font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:8px;color:var(--chrome-text);font-size:13px;font-weight:500}.sidebar nav a svg{width:15px;height:15px;flex:none;stroke:currentColor}.sidebar nav a:hover{color:#cdd9d6}.sidebar nav a.active{background:var(--chrome-active);color:var(--chrome-text-active);box-shadow:inset 2px 0 0 var(--primary)}.sidebar nav a.active svg{stroke:#2dd4bf}.sidebar .nav-divider{height:1px;background:#1a2624;margin:8px 4px}.sidebar .spacer{flex:1}.sidebar .who{display:flex;align-items:center;gap:9px;padding:8px;border-top:1px solid #1a2624;margin-top:6px}.sidebar .who .avatar{width:24px;height:24px;border-radius:50%;background:#233330;color:#cdd9d6;display:grid;place-items:center;font-size:11px;font-weight:600}.sidebar .who .who-name{color:#d4dedb;font-size:12px;font-weight:600;line-height:1.1}.sidebar .who .who-role{color:var(--chrome-muted);font-size:11px}.topbar{grid-area:topbar;display:flex;align-items:center;gap:12px;padding:0 18px;background:var(--chrome-bg)}.topbar .crumb{color:var(--chrome-muted);font-size:12.5px}.topbar .crumb b{color:#9fb3af;font-weight:600}.topbar .spacer{flex:1}.topbar .stepper{display:flex;align-items:center;gap:8px;background:var(--chrome-active);border-radius:8px;padding:5px 10px}.topbar .stepper button{background:none;border:none;color:#7d918e;cursor:pointer;padding:0 2px;font-size:14px;line-height:1}.topbar .stepper button:hover{color:#cfdbd9}.topbar .stepper .label{color:#fff;font-weight:600;font-size:13px;min-width:96px;text-align:center}.topbar .lang{color:var(--chrome-muted);font-size:12px;background:none;border:none;cursor:pointer}.topbar .lang b{color:#cfdbd9}.topbar .logout{color:var(--chrome-muted);background:none;border:none;cursor:pointer;font-size:12px}.topbar .logout:hover{color:#cfdbd9}.content{grid-area:content;padding:22px 24px;overflow-x:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:7px 12px}button:hover{border-color:#d4d8d7}button:disabled{cursor:default;opacity:.5}.row-open:hover{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink);font-weight:600}button.primary:hover{background:#10a596;border-color:#10a596}input,select,textarea{font:inherit;color:var(--text)}.card label input,.card label select{width:100%;padding:8px;border:1px solid var(--border);border-radius:8px;margin-top:4px;background:var(--surface)}input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px}.pill{display:inline-block;padding:1px 8px;border-radius:6px;font-family:var(--sans);font-size:11px;font-weight:600;line-height:1.5;border:1px solid transparent}.pill.round{border-radius:999px}.pill.ok{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-bd)}.pill.danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-bd)}.pill.warn{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-bd)}.pill.info{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-bd)}.pill.teal{background:var(--teal-chip-bg);color:var(--teal-chip-fg);border-color:var(--teal-chip-bd)}.pill.muted{background:var(--th-bg);color:var(--text-muted);border-color:var(--hair)}.pill.purple{background:var(--purple-bg);color:var(--purple-fg)}