:root{color-scheme:dark light;--c-base: #0F172A;--c-surface: #1E293B;--c-surface-alt: #273548;--c-border: #334155;--c-border-dim: #1E293B;--c-text: #F8FAFC;--c-text-muted: #94A3B8;--c-text-dim: #64748B;--c-ok: #10B981;--c-ok-dim: rgba(16, 185, 129, .12);--c-ok-text: #6EE7B7;--c-warn: #F59E0B;--c-warn-dim: rgba(245, 158, 11, .12);--c-warn-text: #FCD34D;--c-error: #EF4444;--c-error-dim: rgba(239, 68, 68, .12);--c-error-text: #FCA5A5;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", ui-monospace, monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-snug: 1.35;--sp-0: 0;--sp-px: 1px;--sp-0-5: .125rem;--sp-1: .25rem;--sp-1-5: .375rem;--sp-2: .5rem;--sp-2-5: .625rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .35);--shadow-glow: 0 0 0 1px var(--c-border), 0 4px 12px rgba(0, 0, 0, .25);--sidebar-w: 240px;--sidebar-collapsed: 56px;--topbar-h: 48px;--inspector-w: 420px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-norm: .2s;--dur-slow: .35s;--z-base: 1;--z-sticky: 10;--z-sidebar: 20;--z-topbar: 30;--z-inspector: 40;--z-overlay: 50;--z-modal: 60;--orlo-font: var(--font-sans);--orlo-bg: var(--c-surface);--orlo-bg-secondary: var(--c-surface-alt);--orlo-border: var(--c-border);--orlo-radius-sm: var(--radius-sm);--orlo-radius-md: var(--radius-md);--orlo-text: var(--c-text);--orlo-text-secondary: var(--c-text-muted);--orlo-primary: var(--c-text);--orlo-primary-hover: #FFFFFF;--orlo-success: var(--c-ok);--orlo-error: var(--c-error)}@media(prefers-color-scheme:light){:root{--c-base: #F8FAFC;--c-surface: #FFFFFF;--c-surface-alt: #F1F5F9;--c-border: #E2E8F0;--c-border-dim: #F1F5F9;--c-text: #0F172A;--c-text-muted: #64748B;--c-text-dim: #94A3B8;--c-ok: #059669;--c-ok-dim: rgba(5, 150, 105, .08);--c-ok-text: #059669;--c-warn: #D97706;--c-warn-dim: rgba(217, 119, 6, .08);--c-warn-text: #D97706;--c-error: #DC2626;--c-error-dim: rgba(220, 38, 38, .08);--c-error-text: #DC2626;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 0 1px var(--c-border), 0 4px 12px rgba(0, 0, 0, .06);--orlo-primary: #0F172A;--orlo-primary-hover: #000000}}:root[data-theme=light]{color-scheme:light;--c-base: #F8FAFC;--c-surface: #FFFFFF;--c-surface-alt: #F1F5F9;--c-border: #E2E8F0;--c-border-dim: #F1F5F9;--c-text: #0F172A;--c-text-muted: #64748B;--c-text-dim: #94A3B8;--c-ok: #059669;--c-ok-dim: rgba(5, 150, 105, .08);--c-ok-text: #059669;--c-warn: #D97706;--c-warn-dim: rgba(217, 119, 6, .08);--c-warn-text: #D97706;--c-error: #DC2626;--c-error-dim: rgba(220, 38, 38, .08);--c-error-text: #DC2626;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 0 1px var(--c-border), 0 4px 12px rgba(0, 0, 0, .06);--orlo-primary: #0F172A;--orlo-primary-hover: #000000}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{min-height:100vh}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--c-text);background:var(--c-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}table{border-collapse:collapse}:focus-visible{outline:2px solid var(--c-ok);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-text-dim)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-mono{font-family:var(--font-mono);font-size:.9em}.tabular-nums{font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-dim);line-height:var(--leading-tight)}.text-muted{color:var(--c-text-muted)}.text-dim{color:var(--c-text-dim)}.text-ok{color:var(--c-ok-text)}.text-warn{color:var(--c-warn-text)}.text-error{color:var(--c-error-text)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}h1,h2,h3,h4{font-weight:600;line-height:var(--leading-tight);letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--radius-md);padding:var(--sp-1-5) var(--sp-3);font-size:var(--text-base);font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-in-out),border-color var(--dur-fast) var(--ease-in-out),color var(--dur-fast) var(--ease-in-out)}.btn:hover{border-color:var(--c-text-dim)}.btn-primary{background:var(--c-text);color:var(--c-base);border-color:var(--c-text)}.btn-primary:hover{background:var(--orlo-primary-hover)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--c-surface-alt)}.btn-danger{border-color:var(--c-error);color:var(--c-error-text)}.btn-danger:hover{background:var(--c-error-dim)}.btn-sm{padding:var(--sp-1) var(--sp-2);font-size:var(--text-sm)}.btn-full{width:100%}.pill{display:inline-flex;align-items:center;gap:var(--sp-1-5);padding:var(--sp-1) var(--sp-2-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;border:1px solid var(--c-border);background:var(--c-surface)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-text-dim);flex-shrink:0}.pill--ok{color:var(--c-ok-text)}.pill--ok:before{background:var(--c-ok)}.pill--warn{color:var(--c-warn-text)}.pill--warn:before{background:var(--c-warn)}.pill--error{color:var(--c-error-text)}.pill--error:before{background:var(--c-error)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-0-5) var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;border:1px solid var(--c-border);background:var(--c-surface-alt);color:var(--c-text-muted)}.panel{border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--sp-3);padding:var(--sp-4);align-content:start;transition:border-color var(--dur-fast) var(--ease-in-out)}.panel:hover{border-color:var(--c-text-dim)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.panel-header h2{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted)}.panel-flush{padding:0}.panel-flush .panel-header{padding:var(--sp-3) var(--sp-4)}.metric-card{border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease-in-out)}.metric-card:hover{border-color:var(--c-text-dim)}.metric-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted)}.metric-value{font-size:var(--text-2xl);font-weight:600;font-variant-numeric:tabular-nums;line-height:1;margin-top:var(--sp-1);letter-spacing:-.02em}.metric-zero{color:var(--c-text-dim)}.metric-delta{font-size:var(--text-xs);margin-top:var(--sp-1);font-variant-numeric:tabular-nums}.metric-action{display:block;font-size:var(--text-xs);color:var(--c-text-muted);text-decoration:underline;text-underline-offset:2px;margin-top:var(--sp-1);cursor:pointer}.table-wrap{border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.panel>.table-wrap:last-child{margin:0 calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4));border-radius:0 0 var(--radius-lg) var(--radius-lg);border-left:0;border-right:0;border-bottom:0}.panel-flush>.table-wrap{border:0;border-radius:0;border-top:1px solid var(--c-border)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base);font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border-dim);text-align:left;vertical-align:top}.data-table th{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-dim);background:var(--c-surface-alt);position:sticky;top:0;z-index:var(--z-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table tbody tr{transition:background var(--dur-fast) var(--ease-in-out)}.data-table tbody tr:hover{background:var(--c-surface-alt)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr.selected-row{background:var(--c-surface-alt)}.data-table a{text-decoration:underline;text-decoration-color:var(--c-border);text-underline-offset:2px}.data-table .cell-mono{font-family:var(--font-mono);font-size:.9em}.data-table .cell-muted{color:var(--c-text-muted)}.data-table .cell-right{text-align:right}.data-table .cell-center{text-align:center}.empty-cell{text-align:center;color:var(--c-text-muted);padding:var(--sp-6) var(--sp-4)}.field{display:grid;gap:var(--sp-1-5)}.field label{font-size:var(--text-sm);font-weight:500;color:var(--c-text-muted)}.field-hint{font-size:var(--text-xs);color:var(--c-text-dim)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}input,select,textarea{width:100%;border:1px solid var(--c-border);background:var(--c-surface-alt);color:var(--c-text);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);font-size:var(--text-base);min-height:36px;transition:border-color var(--dur-fast) var(--ease-in-out)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c-text-dim)}input::placeholder{color:var(--c-text-dim)}textarea{resize:vertical;min-height:100px}.check-card{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:border-color var(--dur-fast)}.check-card:hover{border-color:var(--c-text-dim)}.check-card input[type=checkbox]{width:auto;min-height:auto}.inline-field{max-width:320px}.empty-state{border:1px dashed var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-6);background:var(--c-surface);text-align:center;display:grid;gap:var(--sp-2);justify-items:center}.empty-state h3{font-size:var(--text-md);font-weight:500;color:var(--c-text)}.empty-state p{font-size:var(--text-base);color:var(--c-text-muted);max-width:40ch;line-height:var(--leading-normal)}.empty-state .btn{margin-top:var(--sp-2)}.notice{border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-md);padding:var(--sp-2-5) var(--sp-4);font-size:var(--text-base)}.notice--error{border-color:var(--c-error);color:var(--c-error-text);background:var(--c-error-dim)}.notice--ok{border-color:var(--c-ok);color:var(--c-ok-text);background:var(--c-ok-dim)}.kbd{display:inline-flex;align-items:center;padding:var(--sp-0-5) var(--sp-1-5);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--c-text-dim);background:var(--c-surface-alt);line-height:1}.stack{display:grid;gap:var(--sp-3)}.stack-sm{gap:var(--sp-2)}.stack-lg{gap:var(--sp-5)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.row-end{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2)}.grid-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-3)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.list-card{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-2-5) var(--sp-3);background:var(--c-surface);transition:border-color var(--dur-fast)}.list-card:hover{border-color:var(--c-text-dim)}.list-card-title{font-size:var(--text-md);font-weight:500}.list-card-meta{font-size:var(--text-sm);color:var(--c-text-muted);margin-top:var(--sp-0-5)}.timeline{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;padding:var(--sp-2-5) 0;border-bottom:1px solid var(--c-border-dim)}.timeline-row:last-child{border-bottom:0}.timeline-dot{width:7px;height:7px;border-radius:50%;background:var(--c-text-dim);flex-shrink:0}.timeline-dot--ok{background:var(--c-ok)}.timeline-dot--warn{background:var(--c-warn)}.timeline-dot--error{background:var(--c-error)}.breadcrumb{display:flex;align-items:center;gap:var(--sp-1-5);font-size:var(--text-sm);color:var(--c-text-muted)}.breadcrumb a{color:var(--c-text-muted);text-decoration:underline;text-decoration-color:var(--c-border);text-underline-offset:2px;transition:color var(--dur-fast)}.breadcrumb a:hover{color:var(--c-text)}.breadcrumb-sep{color:var(--c-text-dim);font-size:var(--text-xs)}.breadcrumb-current{color:var(--c-text);font-weight:500}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--c-border)}.tab-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--sp-2-5) var(--sp-4);font-size:var(--text-base);font-weight:500;color:var(--c-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast),border-color var(--dur-fast);font-family:inherit}.tab-item:hover{color:var(--c-text)}.tab-item.active{color:var(--c-text);border-bottom-color:var(--c-text)}.loading-text{color:var(--c-text-muted);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--c-surface-alt) 25%,var(--c-border-dim) 50%,var(--c-surface-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.poll-indicator{width:8px;height:8px;border-radius:50%;background:var(--c-warn);animation:poll-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes poll-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.pill--warn:before{animation:poll-pulse 2s ease-in-out infinite}.progress-bar{position:fixed;top:0;left:0;right:0;height:2px;z-index:999;pointer-events:none;overflow:hidden}.progress-bar:after{content:"";display:block;width:40%;height:100%;background:var(--c-ok);border-radius:0 var(--radius-full) var(--radius-full) 0;animation:progress-slide 1.2s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.page-skeleton{display:grid;gap:var(--sp-5);padding:var(--sp-2) 0}.skel-line{height:14px;background:var(--c-surface-alt);border-radius:var(--radius-sm);animation:shimmer 1.5s ease-in-out infinite;background-size:200% 100%;background-image:linear-gradient(90deg,var(--c-surface-alt) 25%,var(--c-border-dim) 50%,var(--c-surface-alt) 75%)}.skel-line--title{width:35%;height:22px}.skel-line--subtitle{width:55%;height:14px;margin-top:var(--sp-1)}.skel-line--metric{height:72px;border-radius:var(--radius-lg)}.skel-line--row{height:40px}.skel-line--card{height:180px;border-radius:var(--radius-lg)}.skel-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-3)}.skel-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}orlo-agent-policy-editor,orlo-feedback-review,orlo-task-manager,orlo-dataset-upload,orlo-eval-results,orlo-eval-graph,orlo-inference-trace,orlo-agent-approval-queue,orlo-agent-session-view,orlo-persona-toggle{display:block;width:100%;color-scheme:dark light}.kv-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--sp-2);align-items:center}.kv-row .kv-key,.kv-row .kv-value{font-size:var(--text-sm);min-height:32px;padding:var(--sp-1-5) var(--sp-2)}.kv-remove{padding:var(--sp-1);line-height:1;font-size:var(--text-lg);color:var(--c-text-dim)}.kv-remove:hover{color:var(--c-error-text)}.editable-text{cursor:text;border-radius:var(--radius-sm);transition:background var(--dur-fast);padding:var(--sp-0-5) var(--sp-1);margin:calc(-1 * var(--sp-0-5)) calc(-1 * var(--sp-1))}.editable-text:hover{background:var(--c-surface-alt)}.editable-text:hover:after{content:" ✎";font-size:var(--text-xs);color:var(--c-text-dim);vertical-align:middle}.config-mode-btn.active{background:var(--c-surface-alt);color:var(--c-text);border-color:var(--c-border)}.studio-host{--orlo-bg: var(--c-surface);--orlo-bg-secondary: var(--c-surface-alt);--orlo-border: var(--c-border);--orlo-text: var(--c-text);--orlo-text-secondary: var(--c-text-muted);background:var(--c-surface);color:var(--c-text);border-radius:var(--radius-lg);padding:var(--sp-5)}.studio-host .panel-header{border-bottom:1px solid var(--c-border-dim);padding-bottom:var(--sp-3);margin-bottom:var(--sp-3)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.app-shell--collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.app-shell--inspector-open{grid-template-columns:var(--sidebar-w) 1fr var(--inspector-w);grid-template-areas:"sidebar topbar    topbar" "sidebar main      inspector"}.app-shell--collapsed.app-shell--inspector-open{grid-template-columns:var(--sidebar-collapsed) 1fr var(--inspector-w)}.sidebar{grid-area:sidebar;background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:var(--z-sidebar);transition:width var(--dur-slow) var(--ease-out)}.sidebar-brand{padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--c-border-dim);flex-shrink:0}.sidebar-brand-mark{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.sidebar-brand-meta{font-size:var(--text-xs);color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--sp-0-5)}.sidebar-selectors{padding:var(--sp-3) var(--sp-3);border-bottom:1px solid var(--c-border-dim);display:grid;gap:var(--sp-2-5);flex-shrink:0}.sidebar-selectors label{font-size:var(--text-xs);font-weight:500;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.04em}.sidebar-selectors select{min-height:32px;font-size:var(--text-sm);padding:var(--sp-1-5) var(--sp-2);background:var(--c-surface-alt)}.sidebar-nav{flex:1;padding:var(--sp-2) var(--sp-2);overflow-y:auto}.nav-group-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-dim);padding:var(--sp-3) var(--sp-2) var(--sp-1)}.nav-group-label:first-child{padding-top:var(--sp-1)}.nav-link{display:flex;align-items:center;gap:var(--sp-2-5);width:100%;text-align:left;font-size:var(--text-base);font-weight:400;color:var(--c-text-muted);border:none;background:transparent;padding:var(--sp-1-5) var(--sp-2);border-radius:var(--radius-md);border-left:2px solid transparent;cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}.nav-link:hover{color:var(--c-text);background:var(--c-surface-alt)}.nav-link.active{color:var(--c-text);background:transparent;border-left-color:var(--c-text);font-weight:500}.nav-link svg{width:16px;height:16px;flex-shrink:0;opacity:.5}.nav-link.active svg{opacity:1}.nav-link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{padding:var(--sp-3);border-top:1px solid var(--c-border-dim);display:grid;gap:var(--sp-2);flex-shrink:0}.sidebar-badge{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-1-5) var(--sp-2-5);font-size:var(--text-xs)}.sidebar-dot{width:6px;height:6px;border-radius:50%;background:var(--c-ok);flex-shrink:0}.sidebar-badge-label{color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.sidebar-badge-value{color:var(--c-text);margin-left:auto;font-weight:500}.sidebar-collapse-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--c-text-dim);padding:var(--sp-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--dur-fast)}.sidebar-collapse-btn:hover{color:var(--c-text)}.app-shell--collapsed .sidebar-brand-meta,.app-shell--collapsed .sidebar-selectors,.app-shell--collapsed .nav-link-label,.app-shell--collapsed .nav-group-label,.app-shell--collapsed .sidebar-badge-label,.app-shell--collapsed .sidebar-badge-value{display:none}.app-shell--collapsed .sidebar-brand{padding:var(--sp-3) var(--sp-2);text-align:center}.app-shell--collapsed .sidebar-nav{padding:var(--sp-2) var(--sp-1)}.app-shell--collapsed .nav-link{justify-content:center;padding:var(--sp-2);border-left:none}.app-shell--collapsed .sidebar-footer{padding:var(--sp-2) var(--sp-1)}.app-shell--collapsed .sidebar-badge{justify-content:center;padding:var(--sp-1-5)}.topbar{grid-area:topbar;display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);border-bottom:1px solid var(--c-border);background:color-mix(in srgb,var(--c-base) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-topbar);position:sticky;top:0}.topbar-left{flex:1;min-width:0}.topbar-right{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.topbar-search-trigger{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-md);padding:var(--sp-1-5) var(--sp-3);color:var(--c-text-dim);font-size:var(--text-base);cursor:pointer;min-width:200px;transition:border-color var(--dur-fast)}.topbar-search-trigger:hover{border-color:var(--c-text-dim)}.topbar-org-select{min-height:32px;font-size:var(--text-sm);padding:var(--sp-1) var(--sp-2);max-width:180px}.user-bar{display:flex;align-items:center;gap:var(--sp-2)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--c-surface-alt);border:1px solid var(--c-border);display:grid;place-items:center;font-size:var(--text-xs);font-weight:600;color:var(--c-text-muted);flex-shrink:0}.user-name{font-size:var(--text-base);color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.main-stage{grid-area:main;overflow-y:auto;padding:var(--sp-5) var(--sp-6);display:grid;gap:0;align-content:start;min-width:0}.main-stage>*{animation:page-enter var(--dur-norm) var(--ease-out) both}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-shell{display:grid;gap:var(--sp-5)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4)}.page-header h1{font-size:var(--text-xl);font-weight:600;letter-spacing:-.015em}.page-header p{margin-top:var(--sp-1);font-size:var(--text-md);color:var(--c-text-muted);line-height:var(--leading-normal)}.page-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.inspector{grid-area:inspector;background:var(--c-surface);border-left:1px solid var(--c-border);display:flex;flex-direction:column;overflow:hidden;z-index:var(--z-inspector)}.inspector[hidden]{display:none}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);flex-shrink:0}.inspector-header h3{font-size:var(--text-md);font-weight:600}.inspector-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--c-text-muted);padding:var(--sp-1);cursor:pointer;display:flex}.inspector-close:hover{color:var(--c-text)}.inspector-body{flex:1;overflow-y:auto;padding:var(--sp-4)}.inspector-section{border-bottom:1px solid var(--c-border-dim);padding-bottom:var(--sp-4);margin-bottom:var(--sp-4)}.inspector-section:last-child{border-bottom:0;margin-bottom:0}.inspector-section h4{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);margin-bottom:var(--sp-2)}.inspector-json{background:var(--c-base);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-3);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto}.split-pane{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);min-height:400px}.split-pane--list-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split-pane-left,.split-pane-right{min-width:0;overflow:hidden}.cmd-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:grid;place-items:start center;padding-top:15vh}.cmd-palette{width:min(640px,90vw);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.cmd-palette-input{width:100%;border:none;background:transparent;padding:var(--sp-4) var(--sp-5);font-size:var(--text-lg);color:var(--c-text);outline:none;min-height:auto}.cmd-palette-input::placeholder{color:var(--c-text-dim)}.cmd-palette-results{border-top:1px solid var(--c-border);max-height:360px;overflow-y:auto;padding:var(--sp-2)}.cmd-result-group{padding:var(--sp-1) var(--sp-2)}.cmd-result-group-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-dim);padding:var(--sp-1) var(--sp-2)}.cmd-result{display:grid;gap:var(--sp-0-5);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast)}.cmd-result:hover,.cmd-result.focused{background:var(--c-surface-alt)}.cmd-result-title{font-size:var(--text-md)}.cmd-result-meta{font-size:var(--text-sm);color:var(--c-text-muted)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--sp-8);background:var(--c-base)}.auth-card{width:min(480px,100%);border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-xl);padding:var(--sp-8);box-shadow:var(--shadow-lg);display:grid;gap:var(--sp-5)}.auth-header h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em}.auth-header p{margin-top:var(--sp-2);color:var(--c-text-muted);line-height:var(--leading-normal)}.auth-form{display:grid;gap:var(--sp-4)}.auth-meta-row{display:flex;justify-content:flex-start}.auth-toggle{display:inline-flex;gap:var(--sp-2);font-size:var(--text-base)}@media(max-width:1280px){.app-shell--inspector-open{grid-template-columns:var(--sidebar-w) 1fr;grid-template-areas:"sidebar topbar" "sidebar main"}.app-shell--inspector-open .inspector{position:fixed;right:0;top:0;bottom:0;width:var(--inspector-w);box-shadow:var(--shadow-lg)}.app-shell--collapsed.app-shell--inspector-open{grid-template-columns:var(--sidebar-collapsed) 1fr}}@media(max-width:1024px){.app-shell{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar-brand-meta,.sidebar-selectors,.nav-link-label,.nav-group-label,.sidebar-badge-label,.sidebar-badge-value{display:none}.sidebar-brand{padding:var(--sp-3) var(--sp-2);text-align:center}.sidebar-nav{padding:var(--sp-2) var(--sp-1)}.nav-link{justify-content:center;padding:var(--sp-2);border-left:none}.sidebar-footer{padding:var(--sp-2) var(--sp-1)}.sidebar-badge{justify-content:center;padding:var(--sp-1-5)}.split-pane,.grid-2{grid-template-columns:1fr}}@media(max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"topbar" "main"}.sidebar{display:none}.main-stage{padding:var(--sp-4)}.topbar{padding:0 var(--sp-4)}.page-header{flex-direction:column;align-items:flex-start}.field-grid,.checkbox-grid{grid-template-columns:1fr}}