:root{color-scheme:light;--brand-blue: #4FB5E5;--brand-blue-600: #2F9FD4;--brand-blue-700: #1E90C3;--brand-blue-800: #166FA0;--brand-blue-100: #E3F3FB;--brand-blue-50: #F2F9FD;--brand-orange: #F5A623;--brand-orange-600: #E2940F;--brand-orange-700: #C67E08;--brand-orange-100: #FDEBCC;--brand-orange-50: #FEF6E6;--brand-teal: #2ED3C6;--brand-teal-700: #21A69C;--brand-teal-100: #D9F7F2;--brand-green: #2F9E44;--brand-green-100: #E2F4E6;--brand-coral: #FF6B6B;--brand-coral-700: #D64545;--brand-coral-100: #FFE6E4;--brand-amber: #E89B1C;--brand-amber-100: #FCF0D8;--gray-0: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F4F8;--gray-200: #E5EAF1;--gray-300: #D3DAE4;--gray-400: #AEB6C3;--gray-500: #7B8495;--gray-600: #5B6373;--gray-700: #3E4554;--gray-800: #252B37;--gray-900: #11151D;--ink: var(--gray-900);--ink-muted: var(--gray-700);--ink-faint: var(--gray-500);--ink-inverse: var(--gray-0);--bg: var(--gray-50);--bg-subtle: var(--gray-100);--bg-sunk: var(--gray-200);--surface: var(--gray-0);--surface-raised: var(--gray-0);--surface-overlay: rgba(255, 255, 255, .72);--border: var(--gray-200);--border-strong: var(--gray-300);--border-inverse: rgba(255, 255, 255, .16);--hairline: rgba(17, 21, 29, .06);--accent: var(--brand-blue);--accent-hover: var(--brand-blue-600);--accent-active: var(--brand-blue-700);--accent-dark: var(--brand-blue-800);--accent-soft: var(--brand-blue-100);--accent-whisper: var(--brand-blue-50);--accent-on: #FFFFFF;--accent-2: var(--brand-orange);--accent-2-hover: var(--brand-orange-600);--accent-2-active: var(--brand-orange-700);--accent-2-soft: var(--brand-orange-100);--accent-2-whisper: var(--brand-orange-50);--accent-2-on: #1E1406;--positive: var(--brand-green);--positive-soft: var(--brand-green-100);--warning: var(--brand-amber);--warning-soft: var(--brand-amber-100);--danger: var(--brand-coral-700);--danger-soft: var(--brand-coral-100);--info: var(--brand-blue-700);--info-soft: var(--brand-blue-100);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter Display", "Inter", "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", "JetBrains Mono", "Fira Code", Consolas, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 30px;--fs-3xl: 36px;--fs-4xl: 44px;--fs-5xl: 56px;--tracking-tight: -.022em;--tracking-snug: -.014em;--tracking-normal: -.006em;--tracking-wide: .02em;--tracking-caps: .06em;--lh-tight: 1.1;--lh-snug: 1.22;--lh-base: 1.5;--lh-relaxed: 1.65;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 999px;--space-05: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--shadow-xs: 0 1px 1px rgba(17, 21, 29, .04);--shadow-sm: 0 1px 2px rgba(17, 21, 29, .04), 0 1px 1px rgba(17, 21, 29, .03);--shadow: 0 1px 2px rgba(17, 21, 29, .04), 0 8px 24px -8px rgba(17, 21, 29, .1);--shadow-lg: 0 2px 4px rgba(17, 21, 29, .04), 0 24px 48px -12px rgba(17, 21, 29, .16);--shadow-xl: 0 4px 8px rgba(17, 21, 29, .05), 0 40px 72px -16px rgba(17, 21, 29, .22);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--shadow-focus: 0 0 0 4px rgba(79, 181, 229, .28);--shadow-focus-danger: 0 0 0 4px rgba(214, 69, 69, .22);--grad-brand: linear-gradient(135deg, #6CC5EC 0%, #4FB5E5 45%, #1E90C3 100%);--grad-brand-soft: radial-gradient(120% 80% at 20% 0%, rgba(79, 181, 229, .1) 0%, transparent 60%), radial-gradient(100% 70% at 100% 100%, rgba(245, 166, 35, .1) 0%, transparent 60%);--grad-hero: linear-gradient(135deg, #4FB5E5 0%, #1E90C3 55%, #F5A623 180%);--grad-cta: linear-gradient(180deg, #6CC5EC 0%, #2F9FD4 100%);--grad-sun: linear-gradient(135deg, #FFC564 0%, #F5A623 55%, #E2940F 100%);--duration-instant: 80ms;--duration-fast: .16s;--duration-base: .24s;--duration-slow: .36s;--duration-slower: .52s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(17, 21, 29, .08);--glass-blur: saturate(180%) blur(20px);--max-content: 1200px;--max-reading: 680px}@media(prefers-color-scheme:dark){:root[data-theme=auto]{color-scheme:dark;--ink: #EDF4FA;--ink-muted: #B8C3D1;--ink-faint: #8892A3;--ink-inverse: #0B1220;--bg: #0A0F1A;--bg-subtle: #0F1724;--bg-sunk: #141C2B;--surface: #121A28;--surface-raised: #18212F;--surface-overlay: rgba(10, 15, 26, .72);--border: #1E2837;--border-strong: #2A3546;--hairline: rgba(255, 255, 255, .08);--accent: #7ACCEE;--accent-hover: #9BD8F2;--accent-active: #B5E3F6;--accent-dark: #CDEBF8;--accent-soft: rgba(79, 181, 229, .18);--accent-whisper: rgba(79, 181, 229, .08);--accent-2: #FFC564;--accent-2-hover: #FFD48A;--accent-2-soft: rgba(245, 166, 35, .18);--accent-2-whisper: rgba(245, 166, 35, .08);--glass-bg: rgba(10, 15, 26, .72);--glass-border: rgba(255, 255, 255, .08);--shadow-focus: 0 0 0 4px rgba(122, 204, 238, .32)}}:root[data-theme=dark]{color-scheme:dark;--ink: #EDF4FA;--ink-muted: #B8C3D1;--ink-faint: #8892A3;--ink-inverse: #0B1220;--bg: #0A0F1A;--bg-subtle: #0F1724;--bg-sunk: #141C2B;--surface: #121A28;--surface-raised: #18212F;--surface-overlay: rgba(10, 15, 26, .72);--border: #1E2837;--border-strong: #2A3546;--hairline: rgba(255, 255, 255, .08);--accent: #7ACCEE;--accent-hover: #9BD8F2;--accent-active: #B5E3F6;--accent-dark: #CDEBF8;--accent-soft: rgba(79, 181, 229, .18);--accent-whisper: rgba(79, 181, 229, .08);--accent-2: #FFC564;--accent-2-hover: #FFD48A;--accent-2-soft: rgba(245, 166, 35, .18);--accent-2-whisper: rgba(245, 166, 35, .08);--glass-bg: rgba(10, 15, 26, .72);--glass-border: rgba(255, 255, 255, .08);--shadow-focus: 0 0 0 4px rgba(122, 204, 238, .32)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 1ms;--duration-fast: 1ms;--duration-base: 1ms;--duration-slow: 1ms;--duration-slower: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03";letter-spacing:var(--tracking-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink);margin:0 0 var(--space-3);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}h1{font-size:var(--fs-4xl);letter-spacing:-.028em}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl);font-weight:600;letter-spacing:var(--tracking-snug)}h4{font-size:var(--fs-lg);font-weight:600;letter-spacing:var(--tracking-snug)}h5{font-size:var(--fs-md);font-weight:600}h6{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-faint)}p{margin:0 0 var(--space-3)}small{font-size:var(--fs-sm);color:var(--ink-muted)}strong{font-weight:600}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}a{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}a:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-xs)}hr{border:0;height:1px;background:var(--hairline);margin:var(--space-6) 0}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-family:var(--font-body);font-size:var(--fs-base);font-weight:600;letter-spacing:var(--tracking-normal);padding:10px 18px;min-height:42px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring),color var(--duration-fast) var(--ease-spring),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none;white-space:nowrap}button:hover:not(:disabled),.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-subtle);transform:translateY(-1px)}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0);background:var(--bg-sunk)}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}button.primary,.btn.primary{background:var(--grad-cta);color:var(--accent-on);border-color:transparent;box-shadow:0 1px #ffffff29 inset,0 1px 2px #3f1f7733,0 4px 12px -2px #3f1f774d}button.primary:hover:not(:disabled),.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#6cc5ec,#2f9fd4);box-shadow:0 1px #fff3 inset,0 2px 4px #3f1f7738,0 8px 20px -4px #3f1f775c}button.primary:active:not(:disabled),.btn.primary:active:not(:disabled){background:var(--accent-active)}button.ghost,.btn.ghost{background:transparent;border:1px solid transparent;color:var(--ink-muted);box-shadow:none}button.ghost:hover:not(:disabled),.btn.ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--ink);border-color:transparent;transform:none}button.subtle,.btn.subtle{background:var(--accent-whisper);color:var(--accent);border-color:transparent}button.subtle:hover:not(:disabled),.btn.subtle:hover:not(:disabled){background:var(--accent-soft)}button.danger,.btn.danger{background:var(--danger);color:#fff;border-color:transparent}button.danger:hover:not(:disabled),.btn.danger:hover:not(:disabled){background:var(--brand-coral-700);filter:brightness(1.05)}button.sm,.btn.sm{padding:6px 12px;min-height:32px;font-size:var(--fs-sm);border-radius:var(--radius-sm)}button.lg,.btn.lg{padding:14px 24px;min-height:52px;font-size:var(--fs-md);border-radius:var(--radius-lg)}button.pill,.btn.pill{border-radius:var(--radius-pill)}button.block,.btn.block{width:100%}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-family:var(--font-body);font-size:var(--fs-base);color:var(--ink);padding:12px 14px;min-height:44px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}textarea{min-height:120px;resize:vertical;line-height:var(--lh-base)}select{background-image:linear-gradient(45deg,transparent 50%,var(--ink-faint) 50%),linear-gradient(135deg,var(--ink-faint) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--gray-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus);background:var(--surface)}input:disabled,select:disabled,textarea:disabled{background:var(--bg-subtle);color:var(--ink-faint);cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--ink);transition:background-color 5000s ease-in-out 0s}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;padding:0;margin:0;accent-color:var(--accent);cursor:pointer}label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--ink-muted);margin-bottom:var(--space-1);letter-spacing:var(--tracking-normal)}fieldset{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin:0 0 var(--space-4);background:var(--surface)}fieldset legend{padding:0 var(--space-2);color:var(--ink);font-weight:600;font-size:var(--fs-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5)}.card h2{margin-top:0;font-size:var(--fs-xl)}.card.raised{box-shadow:var(--shadow)}.card.elevated{box-shadow:var(--shadow-lg)}.card.quiet{box-shadow:none;background:var(--bg-subtle);border-color:transparent}.card.tight{padding:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-6)}.row{display:flex;gap:var(--space-3);align-items:center}.row>*{flex:1}.row.tight{gap:var(--space-2)}.row.gap-0>*{flex:initial}.spacer{flex:1}.muted{color:var(--ink-faint);font-size:var(--fs-sm)}.caption{color:var(--ink-faint);font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.form-row{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-3)}.container{width:100%;max-width:var(--max-content);margin:0 auto;padding-left:var(--space-5);padding-right:var(--space-5)}.reading{max-width:var(--max-reading)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:top}th{font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-faint);background:var(--bg-subtle);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}tbody tr{transition:background var(--duration-fast) var(--ease-out)}tbody tr:hover{background:var(--accent-whisper)}tbody tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-normal);background:var(--accent-soft);color:var(--accent);border:1px solid transparent;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.9}.badge.plain:before{display:none}.badge.ok{background:var(--positive-soft);color:var(--positive)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.error-banner,.info-banner,.notice-banner,.warn-banner,.success-banner{padding:14px 16px;border-radius:var(--radius);border:1px solid transparent;margin-bottom:var(--space-4);font-size:var(--fs-sm);display:flex;gap:var(--space-3);align-items:flex-start}.error-banner{background:var(--danger-soft);color:var(--danger);border-color:#d645452e}.info-banner,.notice-banner{background:var(--info-soft);color:var(--info);border-color:#21a69c2e}.warn-banner{background:var(--warning-soft);color:var(--brand-amber);border-color:#e89b1c38}.success-banner{background:var(--positive-soft);color:var(--positive);border-color:#2f9e442e}.list-empty{text-align:center;color:var(--ink-faint);padding:var(--space-12) var(--space-6);background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px dashed var(--border-strong)}.screen-message{display:grid;place-items:center;min-height:60vh;color:var(--ink-faint);padding:var(--space-8)}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--grad-brand);box-shadow:0 2px 8px #3f1f774d;letter-spacing:-.02em;flex-shrink:0}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-mark.plain{background:transparent;box-shadow:none;border-radius:0}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--gray-500);background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}::selection{background:var(--accent-soft);color:var(--accent)}.fade-in{animation:fade-in var(--duration-slow) var(--ease-spring) both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--space-4);padding:10px 20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);min-height:56px}.topbar__brand{display:flex;align-items:center;gap:var(--space-3);font-weight:600;color:var(--ink);letter-spacing:var(--tracking-snug);font-size:var(--fs-md)}.topbar__brand img{height:30px;width:auto}.topbar__nav{display:flex;align-items:center;gap:var(--space-1);margin-left:var(--space-6)}.topbar__nav a{padding:8px 14px;border-radius:var(--radius-sm);color:var(--ink-muted);font-weight:500;font-size:var(--fs-sm);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.topbar__nav a:hover{background:var(--bg-subtle);color:var(--ink)}.topbar__nav a.active{background:var(--accent-whisper);color:var(--accent)}.topbar__spacer{flex:1}.topbar__actions{display:flex;align-items:center;gap:var(--space-2)}.sidebar{width:260px;min-height:100vh;background:var(--surface);border-right:1px solid var(--hairline);display:flex;flex-direction:column;padding:var(--space-5) var(--space-3);gap:var(--space-2);position:sticky;top:0}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);color:var(--ink);font-weight:700;letter-spacing:var(--tracking-snug)}.sidebar__brand img{height:28px}.sidebar__section-title{padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-faint)}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink-muted);font-weight:500;font-size:var(--fs-sm);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);cursor:pointer}.sidebar__item:hover{background:var(--bg-subtle);color:var(--ink)}.sidebar__item.active{background:var(--accent-whisper);color:var(--accent);font-weight:600}.sidebar__item .sidebar__icon{width:20px;height:20px;flex-shrink:0;color:currentColor;opacity:.9}.sidebar__footer{margin-top:auto;padding:var(--space-3);border-top:1px solid var(--hairline);font-size:var(--fs-xs);color:var(--ink-faint);display:flex;align-items:center;gap:var(--space-3)}.segmented{display:inline-flex;padding:3px;border-radius:var(--radius-pill);background:var(--bg-sunk);gap:2px;position:relative}.segmented button{min-height:34px;padding:6px 16px;border:0;background:transparent;box-shadow:none;border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--ink-muted);transition:background var(--duration-fast) var(--ease-spring),color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring)}.segmented button:hover:not(:disabled){background:transparent;color:var(--ink);transform:none}.segmented button[aria-pressed=true],.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}.list-group{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.list-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--hairline);transition:background var(--duration-fast) var(--ease-out);color:var(--ink);text-decoration:none}.list-row:first-child{border-top:0}.list-row:hover{background:var(--bg-subtle)}.list-row__primary{flex:1;font-weight:500;color:var(--ink)}.list-row__secondary{color:var(--ink-faint);font-size:var(--fs-sm)}.list-row__chevron{color:var(--ink-faint);opacity:.5;font-size:var(--fs-md)}.page-header{padding:var(--space-10) 0 var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.page-header__eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--accent);font-weight:600}.page-header__title{font-size:var(--fs-4xl);line-height:var(--lh-tight);letter-spacing:-.028em;font-weight:700;margin:0}.page-header__subtitle{font-size:var(--fs-md);color:var(--ink-muted);max-width:var(--max-reading);line-height:var(--lh-relaxed);margin:0}.page-header__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}@media(max-width:640px){.page-header{padding:var(--space-6) 0 var(--space-5)}.page-header__title{font-size:var(--fs-3xl)}}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring)}.stat-tile:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat-tile__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-faint);font-weight:600}.stat-tile__value{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.025em;color:var(--ink);line-height:1.1}.stat-tile__trend{font-size:var(--fs-xs);font-weight:600;color:var(--ink-faint)}.stat-tile__trend.up{color:var(--positive)}.stat-tile__trend.down{color:var(--danger)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(1200px 600px at 70% -10%,rgba(79,181,229,.14),transparent 55%),radial-gradient(1000px 500px at -10% 110%,rgba(245,166,35,.12),transparent 55%),var(--bg)}.auth-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-7);box-shadow:var(--shadow-lg)}.auth-card__logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.auth-card__logo img{height:52px}.auth-card h1{font-size:var(--fs-2xl);text-align:center;margin:0 0 var(--space-1);letter-spacing:var(--tracking-tight)}.auth-card__subtitle{text-align:center;color:var(--ink-muted);margin-bottom:var(--space-6);font-size:var(--fs-sm)}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:380px}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-lg);font-size:var(--fs-sm);display:flex;gap:var(--space-3);align-items:flex-start;pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-spring) both}.toast.error{border-left:3px solid var(--danger)}.toast.success{border-left:3px solid var(--positive)}.toast.info{border-left:3px solid var(--info)}.toast.warn{border-left:3px solid var(--warning)}.toast__body{flex:1;color:var(--ink)}.toast__title{font-weight:600;margin-bottom:2px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stepper{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.stepper__dot{flex:1;height:4px;background:var(--border);border-radius:var(--radius-pill);transition:background var(--duration-slow) var(--ease-spring)}.stepper__dot.active{background:var(--accent)}.stepper__dot.complete{background:var(--accent-hover)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--ink);letter-spacing:var(--tracking-normal)}.field__hint{font-size:var(--fs-xs);color:var(--ink-faint)}.field__error{font-size:var(--fs-xs);color:var(--danger);font-weight:500}.skip-link{position:absolute;top:-40px;left:var(--space-4);padding:8px 14px;background:var(--accent);color:var(--accent-on);border-radius:var(--radius-sm);font-weight:600;z-index:100;transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-4);outline:none}body{background:radial-gradient(1200px 600px at 85% -5%,rgba(245,166,35,.08),transparent 55%),radial-gradient(1000px 500px at -5% 105%,rgba(79,181,229,.08),transparent 55%),var(--bg);min-height:100vh}.parent-shell{display:flex;flex-direction:column;min-height:100vh}.content{padding:var(--space-8) var(--space-6);max-width:1040px;margin:0 auto;width:100%}@media(max-width:720px){.topbar__nav{display:none}.content{padding:var(--space-5) var(--space-4)}}.youth-card{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);color:inherit;text-decoration:none;transition:border-color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring),transform var(--duration-fast) var(--ease-spring)}.youth-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.youth-card .avatar{width:52px;height:52px;border-radius:50%;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 2px 6px #3f1f774d}.youth-card .meta{flex:1;min-width:0}.youth-card .meta .name{font-weight:600;font-size:var(--fs-md);color:var(--ink);letter-spacing:var(--tracking-snug)}.youth-card .meta .detail{font-size:var(--fs-sm);color:var(--ink-faint);margin-top:2px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #fff6}.status-present{background:var(--positive-soft);color:var(--positive)}.status-away{background:var(--bg-subtle);color:var(--ink-faint)}.register-card{max-width:780px;margin:var(--space-6) auto var(--space-12);padding:var(--space-8);border-radius:var(--radius-xl)}.register-card h2{margin-top:0;font-size:var(--fs-2xl)}.register-header{margin-bottom:var(--space-5)}.step-progress-wrap{margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.step-progress{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-1);position:relative}.step-progress:before{content:"";position:absolute;top:50%;left:14px;right:14px;height:2px;background:var(--border);z-index:0;transform:translateY(-50%)}.step-progress-item{z-index:1;display:flex;align-items:center;justify-content:center}.step-progress-item .step-index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-sm);font-weight:700;border:2px solid var(--border-strong);color:var(--ink-faint);background:var(--surface);transition:all var(--duration-base) var(--ease-spring)}.step-progress-item.current .step-index{border-color:var(--accent);color:var(--accent-on);background:var(--accent);box-shadow:0 0 0 4px var(--accent-whisper)}.step-progress-item.done .step-index{border-color:var(--positive);background:var(--positive);color:#fff}.step-progress-caption{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.step-progress-count{font-size:var(--fs-xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:600}.step-progress-title{font-size:var(--fs-md);font-weight:600;color:var(--ink)}.req-dot{color:var(--danger);margin-left:2px}.checkbox-row{display:flex;gap:var(--space-3);align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-weight:400;color:var(--ink);line-height:1.45;font-size:var(--fs-sm);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.checkbox-row:hover{border-color:var(--accent);background:var(--accent-whisper)}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-2)}.contact-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--bg-subtle);display:flex;flex-direction:column;gap:var(--space-3)}.contact-card h4{margin:0;font-size:var(--fs-md)}.radio-card,.ack-card{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring),transform var(--duration-fast) var(--ease-spring)}.radio-card:hover,.ack-card:hover{border-color:var(--accent);background:var(--accent-whisper);transform:translateY(-1px)}.radio-card.selected,.ack-card.selected{border-color:var(--accent);background:var(--accent-whisper);box-shadow:0 0 0 4px var(--accent-whisper)}.radio-title,.ack-title{font-weight:600;color:var(--ink);margin-bottom:4px;font-size:var(--fs-md);letter-spacing:var(--tracking-snug)}.radio-desc,.ack-body{color:var(--ink-muted);font-size:var(--fs-sm);line-height:1.55}.policy-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring)}.policy-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-whisper)}.policy-card__head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.policy-card__title{font-weight:600;color:var(--ink);font-size:var(--fs-md);letter-spacing:var(--tracking-snug);margin-bottom:2px}.policy-card__summary{color:var(--ink-muted);font-size:var(--fs-sm);line-height:1.5}.policy-card__meta{font-size:12px;color:var(--ink-faint);margin-top:4px}.policy-card__signed{color:var(--success, #0a7d3a);font-weight:500}.policy-card__body{max-height:340px;overflow-y:auto;padding:var(--space-3) var(--space-4);background:var(--bg-subtle, #f7f7f9);border-radius:var(--radius);border:1px solid var(--hairline, var(--border));font-size:var(--fs-sm);line-height:1.6;color:var(--ink)}.policy-card__body h5{margin:var(--space-3) 0 2px;font-size:var(--fs-sm);color:var(--ink)}.policy-card__body p{margin:0 0 var(--space-2);color:var(--ink-muted)}.policy-card__signrow{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}.policy-card__signrow .field{margin-bottom:0}.policy-card__signrow input{font-family:Brush Script MT,Segoe Script,cursive;font-size:20px;letter-spacing:.5px}.policy-card__signed-badge{align-self:flex-end;padding:6px 12px;border-radius:999px;background:var(--accent-whisper);color:var(--accent);font-size:12px;font-weight:600}.register-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--hairline)}.review-group{margin-bottom:var(--space-4)}.review-group h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-faint);margin:0 0 var(--space-2);font-weight:600}.review-group dl{display:grid;grid-template-columns:max-content 1fr;gap:8px var(--space-4);margin:0;padding:var(--space-4);background:var(--bg-subtle);border-radius:var(--radius)}.review-group dt{color:var(--ink-faint);font-size:var(--fs-sm);font-weight:500}.review-group dd{margin:0;color:var(--ink);font-size:var(--fs-sm);font-weight:500;word-break:break-word}.success-badge{display:inline-block;background:var(--positive-soft);color:var(--positive);padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:var(--space-3)}.success-badge.success{background:var(--positive-soft);color:var(--positive)}.info-card{margin-top:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-lg);background:var(--bg-subtle)}.info-card h4{margin:0 0 8px;font-size:var(--fs-md);color:var(--ink)}.info-card p{margin:0;font-size:var(--fs-sm);color:var(--ink-muted);line-height:1.55}.info-card.success{border-left-color:var(--positive)}.info-card.warning{border-left-color:var(--warning)}.tabs{display:flex;gap:4px;padding:4px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow-x:auto}.tab{border:0;background:transparent;padding:8px 16px;font-size:var(--fs-sm);font-weight:600;color:var(--ink-muted);border-radius:var(--radius);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);white-space:nowrap}.tab:hover{color:var(--ink)}.tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.field>span{font-size:var(--fs-sm);font-weight:600;color:var(--ink)}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-md);background:var(--surface);color:var(--ink);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.field textarea{resize:vertical;min-height:80px}.badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);background:var(--bg-subtle);color:var(--ink-muted);border:1px solid var(--border)}.badge.ok{background:var(--positive-soft);color:var(--positive);border-color:transparent}.badge.warn{background:var(--warning-soft);color:var(--warning);border-color:transparent}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.badge.neutral{background:var(--bg-subtle);color:var(--ink-muted)}.required-actions{border-left:4px solid var(--warning)}.required-actions--critical{border-left-color:var(--danger)}.action-row{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}button.danger,.btn.danger{background:var(--danger);color:#fff;border:0;padding:10px 18px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}button.danger:hover,.btn.danger:hover{background:var(--danger-strong, #b42121);box-shadow:var(--shadow-sm)}button.danger:disabled,.btn.danger:disabled{opacity:.55;cursor:not-allowed}.stat-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:4px}.stat-card .stat-label{font-size:11px;font-weight:600;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.stat-card .stat-value{font-size:26px;font-weight:600;color:var(--ink);font-feature-settings:"tnum" 1}.stat-delta{font-size:12px;font-weight:500}.stat-delta.up{color:var(--success, #1b8f3a)}.stat-delta.down{color:var(--danger, #d02a2a)}.stat-delta.flat{color:var(--ink-faint)}.heatmap{display:flex;flex-direction:column;gap:var(--space-2)}.heatmap__grid{display:flex;flex-direction:column;gap:4px}.heatmap__row{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px}.heatmap__label{font-size:12px;color:var(--ink-faint);font-weight:500}.heatmap__cells{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}.heatmap__cell{height:16px;border-radius:3px;background:var(--surface-muted)}.heatmap__total{font-size:11px;text-align:right}.heatmap__legend{display:flex;justify-content:space-between;padding-left:48px;padding-right:48px;font-size:11px}.row-card{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.row-card .meta .title{font-weight:600;color:var(--ink)}.row-card .meta .sub{font-size:12px}.thread-list{display:flex;flex-direction:column;gap:var(--space-2)}.thread-row{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.thread-row:hover{border-color:var(--accent)}.thread-row.unread{border-left:3px solid var(--accent)}.thread-row .thread-subject{font-weight:600;color:var(--ink)}.thread-row .thread-meta{font-size:12px;color:var(--ink-faint)}.message-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.message{max-width:78%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);white-space:pre-wrap;line-height:1.45}.message.by-parent{align-self:flex-end;background:var(--accent-soft, #eaf3ff);color:var(--ink)}.message.by-staff{align-self:flex-start;background:var(--surface-muted);color:var(--ink)}.message .message-meta{font-size:11px;color:var(--ink-faint);margin-bottom:4px}