:root{color-scheme:light;--content-max: 1360px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 9999px;--control-sm: 36px;--control-md: 44px;--control-lg: 48px;--control-hero: 56px;--font-sans: "Manrope", "Segoe UI", "SF Pro Text", "Roboto", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", "Consolas", monospace;--font-display: 700 40px/44px var(--font-sans);--font-h2: 700 28px/32px var(--font-sans);--font-h3: 600 22px/28px var(--font-sans);--font-title: 600 18px/24px var(--font-sans);--font-body: 400 14px/20px var(--font-sans);--font-body-lg: 400 15px/22px var(--font-sans);--font-label: 500 13px/18px var(--font-sans);--font-meta: 400 12px/16px var(--font-sans);--font-button: 600 14px/20px var(--font-sans);--font-mono-ui: 500 13px/18px var(--font-mono);--bg: #ffffff;--bg-subtle: #f8fafc;--surface: #ffffff;--surface-muted: #f6f8fb;--surface-elevated: #ffffff;--border: #e6eaf0;--border-strong: #d7dee8;--text-primary: #111827;--text-secondary: #667085;--text-muted: #98a2b3;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--success: #15803d;--success-soft: #dcfce7;--warning: #b45309;--warning-soft: #fef3c7;--danger: #b42318;--danger-soft: #fee4e2;--info: #0f5f8a;--info-soft: #e0f2fe;--focus-ring: rgba(79, 70, 229, .35);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 10px 22px rgba(15, 23, 42, .05)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0d12;--bg-subtle: #0f1218;--surface: #11131a;--surface-muted: #151922;--surface-elevated: #171b24;--border: #232834;--border-strong: #2d3442;--text-primary: #f3f4f6;--text-secondary: #c4cad4;--text-muted: #98a2b3;--accent: #7c83ff;--accent-hover: #9298ff;--accent-soft: rgba(124, 131, 255, .14);--success: #4ade80;--success-soft: rgba(74, 222, 128, .14);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--info: #67b8ff;--info-soft: rgba(103, 184, 255, .14);--focus-ring: rgba(124, 131, 255, .35);--shadow-sm: none;--shadow-md: none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #0b0d12;--bg-subtle: #0f1218;--surface: #11131a;--surface-muted: #151922;--surface-elevated: #171b24;--border: #232834;--border-strong: #2d3442;--text-primary: #f3f4f6;--text-secondary: #c4cad4;--text-muted: #98a2b3;--accent: #7c83ff;--accent-hover: #9298ff;--accent-soft: rgba(124, 131, 255, .14);--success: #4ade80;--success-soft: rgba(74, 222, 128, .14);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--info: #67b8ff;--info-soft: rgba(103, 184, 255, .14);--focus-ring: rgba(124, 131, 255, .35);--shadow-sm: none;--shadow-md: none}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at 8% -8%,color-mix(in srgb,var(--accent-soft) 66%,transparent),transparent 28%),linear-gradient(180deg,var(--bg-subtle) 0%,var(--bg) 220px);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code,pre,.mono{font:var(--font-mono-ui)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:8px 12px;border-radius:var(--radius-xs);z-index:999}.skip-link:focus{left:var(--space-3);top:var(--space-3)}.app-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header-inner{width:min(var(--content-max),100% - 2 * var(--space-7));margin:0 auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font:var(--font-title);white-space:nowrap}.brand-mark{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-soft) 80%,transparent)}.primary-nav{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.nav-link{min-height:38px;padding:9px 13px;border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;align-items:center;font:var(--font-label);transition:background-color .12s ease,color .12s ease}.nav-link:hover{background:var(--surface-muted);color:var(--text-primary)}.nav-link.active{color:var(--text-primary);background:var(--accent-soft)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:var(--space-1);gap:var(--space-1)}.theme-toggle-option{min-height:32px;padding:0 var(--space-3);border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);font:var(--font-label);cursor:pointer}.theme-toggle-option.is-active{background:var(--accent-soft);color:var(--text-primary)}.content-wrap{width:min(var(--content-max),100% - 2 * var(--space-7));margin:0 auto;padding:var(--space-7) 0 var(--space-9)}.app-footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent)}.app-footer-inner{width:min(var(--content-max),100% - 2 * var(--space-7));margin:0 auto;padding:var(--space-4) 0 var(--space-6);display:grid;gap:var(--space-3)}.footer-note{margin:0;color:var(--text-secondary);font:var(--font-meta)}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-links a{color:var(--text-secondary);font:var(--font-label)}.footer-links a:hover{color:var(--text-primary)}.page{display:grid;gap:var(--space-6)}.page-header{display:grid;gap:var(--space-2)}.page-title{margin:0;font:var(--font-display);letter-spacing:-.02em}.page-subtitle{margin:0;color:var(--text-secondary);font:var(--font-body-lg);max-width:72ch}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-subtle{background:var(--surface-muted)}.card-elevated{background:var(--surface-elevated);box-shadow:var(--shadow-md)}.card-title{margin:0 0 var(--space-2);font:var(--font-title)}.card-note{margin:0;color:var(--text-secondary);font:var(--font-body)}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4)}.field{display:grid;gap:var(--space-2)}.field-label{color:var(--text-secondary);font:var(--font-label)}.field-hint{margin:0;color:var(--text-muted);font:var(--font-meta)}.span-12{grid-column:span 12}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.control{width:100%;min-height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font:var(--font-body);transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}textarea.control{min-height:120px;padding-top:var(--space-3);padding-bottom:var(--space-3)}.control::placeholder{color:var(--text-muted)}.control:hover{border-color:var(--border-strong)}.control:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.control-lg{min-height:var(--control-lg)}.search-control-wrap{position:relative}.search-control-wrap:before{content:"";position:absolute;left:var(--space-4);top:50%;width:16px;height:16px;transform:translateY(-50%);border:2px solid var(--text-muted);border-radius:var(--radius-pill)}.search-control-wrap:after{content:"";position:absolute;left:29px;top:calc(50% + 7px);width:8px;height:2px;background:var(--text-muted);transform:rotate(40deg);border-radius:var(--radius-pill)}.search-control{min-height:var(--control-hero);padding-left:52px;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font:var(--font-button);text-decoration:none;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--text-primary)}.btn-link{background:transparent;border-color:transparent;color:var(--accent);padding-left:0;padding-right:0}.btn-link:hover:not(:disabled){color:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.94)}.btn-lg{min-height:var(--control-lg)}.btn-hero{min-height:var(--control-hero);font-size:15px}.actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.chips-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.chip{min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-muted);color:var(--text-secondary);font:var(--font-meta);display:inline-flex;align-items:center;gap:var(--space-2)}.chip button{border:none;background:transparent;color:inherit;font-size:14px;cursor:pointer;padding:0;line-height:1}.muted{color:var(--text-secondary)}.error-message{margin:0;color:var(--danger);font:var(--font-body)}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);border:1px solid transparent;font:var(--font-meta);font-weight:600;white-space:nowrap}.badge-neutral{color:var(--text-secondary);background:var(--surface-muted);border-color:var(--border)}.badge-success{color:var(--success);background:var(--success-soft)}.badge-warning{color:var(--warning);background:var(--warning-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.badge-info{color:var(--info);background:var(--info-soft)}.results-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0}.results-count{display:inline-flex;align-items:baseline;gap:var(--space-2);font:var(--font-body);color:var(--text-secondary)}.results-count strong{color:var(--text-primary);font:var(--font-title)}.results-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.table-shell{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}.data-table thead th{position:sticky;top:0;z-index:1;text-align:left;min-height:52px;padding:var(--space-3) var(--space-4);background:var(--surface-muted);border-bottom:1px solid var(--border);color:var(--text-secondary);font:var(--font-label);white-space:nowrap}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:top;min-height:56px;font:var(--font-body)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .12s ease}.data-table tbody tr:hover{background:var(--surface-muted)}.sort-btn{border:none;background:transparent;color:inherit;font:inherit;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1)}.sort-btn:hover{color:var(--text-primary)}.row-primary{display:grid;gap:var(--space-1)}.row-primary-title{color:var(--text-primary);font:var(--font-title)}.row-primary-meta{color:var(--text-secondary);font:var(--font-meta)}.mono-id{color:var(--text-secondary);font:var(--font-mono-ui);word-break:break-all}.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.row-action-primary{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));font:var(--font-label)}.row-action-primary:hover{color:var(--accent-hover);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.row-action-secondary{min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font:var(--font-meta)}.empty-state{min-height:140px;display:grid;place-items:center;color:var(--text-secondary);text-align:center;padding:var(--space-6)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.pagination-range{color:var(--text-secondary);font:var(--font-meta)}.layout-split{display:grid;gap:var(--space-6)}.sidebar-nav{position:sticky;top:88px;align-self:start;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-4);max-height:calc(100vh - 112px);overflow:auto}.sidebar-nav-title{margin:0 0 var(--space-3);color:var(--text-secondary);font:var(--font-label)}.sidebar-link{display:block;border-radius:var(--radius-xs);color:var(--text-secondary);font:var(--font-label);padding:8px 10px}.sidebar-link:hover{background:var(--surface-muted);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-soft);color:var(--text-primary)}.summary-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:var(--space-4);display:grid;gap:var(--space-1)}.summary-item dt{margin:0;color:var(--text-secondary);font:var(--font-meta)}.summary-item dd{margin:0;color:var(--text-primary);font:var(--font-body-lg);font-weight:500;word-break:break-word}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-title{margin:0;font:var(--font-h3)}.section-kicker{margin:0;color:var(--text-muted);font:var(--font-meta)}.section-note{margin:var(--space-2) 0 0;color:var(--text-secondary);font:var(--font-body)}.empty-section{margin:0;padding:var(--space-4) var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-secondary);font:var(--font-body)}.debug-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);padding:var(--space-4)}.debug-panel summary{cursor:pointer;color:var(--text-secondary);font:var(--font-label)}.debug-panel pre{margin:var(--space-4) 0 0;white-space:pre-wrap;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);max-height:60vh;overflow:auto;font:var(--font-meta)}@media (min-width: 1120px){.layout-split{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}}@media (max-width: 1119px){.sidebar-nav{position:static;max-height:none}}@media (max-width: 1024px){.app-header-inner,.content-wrap{width:calc(100% - 2 * var(--space-6))}.page-title{font-size:34px;line-height:40px}.span-6,.span-4,.span-3{grid-column:span 6}.summary-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-header-inner,.content-wrap{width:calc(100% - 2 * var(--space-4))}.app-header-inner{min-height:64px;flex-wrap:wrap;padding:var(--space-3) 0}.primary-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-1)}.content-wrap{padding-top:var(--space-6)}.page-title{font-size:30px;line-height:36px}.form-grid{grid-template-columns:1fr}.span-12,.span-6,.span-4,.span-3{grid-column:span 1}.table-shell{border-radius:var(--radius-sm)}.pagination{justify-content:flex-start;flex-wrap:wrap}}