:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-fg:#fff;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--danger-hover:#b91c1c;--bg:#f8fafc;--surface:#fff;--surface-raised:#fff;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--text-faint:#94a3b8;--sidebar-bg:#0f172a;--sidebar-text:#cbd5e1;--sidebar-text-active:#fff;--sidebar-active-bg:#1e293b;--focus-ring:#2563eb}:root[data-mode=dark]{--bg:#0b1220;--surface:#111827;--surface-raised:#1a2436;--border:#263042;--text:#e5e9f0;--text-muted:#94a3b8;--text-faint:#64748b;--sidebar-bg:#060a13;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--sidebar-active-bg:#16213a;--focus-ring:#60a5fa}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent)}button{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:240px;color:var(--sidebar-text);padding:var(--space-4) 0;flex-direction:column;flex-shrink:0;display:flex}.sidebar-brand{padding:0 var(--space-4) var(--space-4);color:var(--sidebar-text-active);margin-bottom:var(--space-3);border-bottom:1px solid #ffffff14;font-size:1.05rem;font-weight:700}.sidebar-nav{padding:0 var(--space-2);flex:1;margin:0;list-style:none}.sidebar-nav li+li{margin-top:2px}.sidebar-link{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;font-size:.92rem;display:block}.sidebar-link:hover{color:var(--sidebar-text-active);background:#ffffff0f}.sidebar-link[aria-current=page]{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:600}.sidebar-group-label{padding:var(--space-3) var(--space-3) var(--space-1);letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-text);opacity:.65;font-size:.72rem;font-weight:700}.sidebar-link-nested{padding-left:calc(var(--space-3) + var(--space-2))}.sidebar-footer{padding:var(--space-3) var(--space-4) 0;border-top:1px solid #ffffff14;font-size:.85rem}.sidebar-footer-user{color:var(--sidebar-text-active);margin-bottom:var(--space-2);overflow-wrap:anywhere}.main{min-width:0;padding:var(--space-5);flex:1;max-width:1200px}.page-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-header h1{margin:0;font-size:1.4rem}.breadcrumbs{color:var(--text-muted);margin-bottom:var(--space-2);font-size:.85rem}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.card+.card{margin-top:var(--space-4)}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.card-header h2{margin:0;font-size:1.05rem}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.stat-card .stat-value{font-size:1.8rem;font-weight:700}.stat-card .stat-label{color:var(--text-muted);margin-top:var(--space-1);font-size:.85rem}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;font-size:.9rem;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:var(--space-1) var(--space-2);font-size:.8rem}.form-group{margin-bottom:var(--space-3)}.form-group label{margin-bottom:var(--space-1);color:var(--text-muted);font-size:.85rem;font-weight:600;display:block}.form-control{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.92rem}.form-control:disabled{opacity:.6}.form-error{color:var(--danger);margin-top:var(--space-1);font-size:.82rem}.form-hint{color:var(--text-muted);margin-top:var(--space-1);font-size:.8rem}.checkbox-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}table.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:0;font-size:.78rem}.data-table th:not([aria-sort]){padding:var(--space-2) var(--space-3)}.th-sort-btn{text-align:left;width:100%;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;padding:var(--space-2) var(--space-3);background:0 0;border:none;display:block}.th-sort-btn:hover{color:var(--text)}.th-sort-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.th-sort-icon{width:.9em;display:inline-block}.data-table td{border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover{background:var(--bg)}.table-scroll{overflow-x:auto}.pill{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid #0000;border-radius:999px;font-size:.75rem;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill-neutral{color:var(--text-muted);background:#64748b1f}.pill-info{color:var(--accent);background:#2563eb1f}.pill-success{color:var(--success);background:#16a34a1f}.pill-warning{color:var(--warning);background:#d9770624}.pill-danger{color:var(--danger);background:#dc26261f}.empty-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted)}.loading-state{padding:var(--space-5) var(--space-4);text-align:center;color:var(--text-muted)}.banner{border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);border:1px solid #0000;font-size:.88rem}.banner-error{color:var(--danger);background:#dc262614;border-color:#dc262659}.banner-info{color:var(--accent);background:#2563eb14;border-color:#2563eb4d}.code-inline{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px;font-size:.85em}.muted{color:var(--text-muted)}.text-faint{color:var(--text-faint);font-size:.82rem}.modal-backdrop{padding:var(--space-4);z-index:100;background:#0206178c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-raised);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:480px;padding:var(--space-4);max-height:90vh;overflow-y:auto}.modal-title{margin:0 0 var(--space-3);font-size:1.1rem}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}@media (width<=860px){.sidebar{width:72px}.sidebar-brand,.sidebar-footer-user,.sidebar-link-label{display:none}.main{padding:var(--space-3)}}.switch-row{align-items:center;gap:var(--space-2);font-size:.85rem;display:flex}.switch{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch-track{background:var(--border);pointer-events:none;border-radius:999px;transition:background-color .15s;position:absolute;inset:0}.switch-track:before{content:"";background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:before{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--focus-ring);outline-offset:2px}.switch input:disabled+.switch-track{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.switch-track,.switch-track:before{transition:none}}