.sidebar{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__brand{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-2)}.sidebar__brand-name{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em}.sidebar__brand-tagline{font-size:var(--text-xs);color:var(--color-text-muted)}.sidebar__section{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__heading{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:0 var(--space-2)}.sidebar__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--easing-standard)}.sidebar__link:hover{background:var(--color-surface-sunken)}.sidebar__link--active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--weight-semibold)}.sidebar__footer{margin-top:auto;padding:0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:60rem){.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.app-shell__main{min-width:0;padding:var(--space-6) var(--space-6) var(--space-8)}.app-shell__main:focus{outline:none}.app-shell__content{max-width:var(--content-max-width);margin:0 auto}@media(max-width:60rem){.app-shell{grid-template-columns:minmax(0,1fr)}.app-shell__main{padding:var(--space-4)}}:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #eef0f4;--color-border: #d8dce4;--color-border-strong: #b6bcc9;--color-text: #16191f;--color-text-muted: #5a6273;--color-text-inverse: #ffffff;--color-primary: #2f5bd7;--color-primary-hover: #2648ab;--color-primary-subtle: #e6ecfb;--color-on-primary: #ffffff;--color-success: #1c7a4a;--color-success-subtle: #e3f4ea;--color-warning: #8a5a00;--color-warning-subtle: #fdf1dc;--color-danger: #b3261e;--color-danger-subtle: #fce9e8;--color-level-a1: #1c7a4a;--color-level-a2: #2f5bd7;--color-level-b1: #7a3fb8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(16 20 30 / 8%);--shadow-md: 0 2px 8px rgb(16 20 30 / 10%);--sidebar-width: 15rem;--content-max-width: 72rem;--duration-fast: .12s;--duration-normal: .2s;--easing-standard: cubic-bezier(.2, 0, .2, 1);--focus-ring: 2px solid var(--color-primary);--focus-ring-offset: 2px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-bg: #12141a;--color-surface: #1a1d25;--color-surface-raised: #222630;--color-surface-sunken: #0e1015;--color-border: #333846;--color-border-strong: #4a5162;--color-text: #eef0f5;--color-text-muted: #a5adbf;--color-text-inverse: #12141a;--color-primary: #8aa8f5;--color-primary-hover: #a5bcf8;--color-primary-subtle: #1e2740;--color-on-primary: #10131c;--color-success: #67d09a;--color-success-subtle: #14291f;--color-warning: #e8b866;--color-warning-subtle: #2d2416;--color-danger: #f19a94;--color-danger-subtle: #2e1817;--color-level-a1: #67d09a;--color-level-a2: #8aa8f5;--color-level-b1: #c39ae8;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 2px 8px rgb(0 0 0 / 45%)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-semibold);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{text-wrap:pretty}a{color:var(--color-primary)}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-weight:var(--weight-medium);transform:translateY(-200%);transition:transform var(--duration-fast) var(--easing-standard)}.skip-link:focus{transform:translateY(0)}.error-boundary{max-width:40rem;margin:var(--space-8) auto;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4)}.error-boundary__detail{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface-sunken);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;white-space:pre-wrap}.error-boundary__actions{display:flex;gap:var(--space-3);align-items:center}.error-boundary__actions button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-weight:var(--weight-medium);cursor:pointer}.error-boundary__actions button:hover{background:var(--color-primary-hover)}