:root{--c-bg: #f6f7f9;--c-surface: #ffffff;--c-surface-sunken: #eef0f4;--c-border: #dfe3ea;--c-border-strong: #c3cad6;--c-text: #171c26;--c-text-muted: #5c6675;--c-text-inverse: #ffffff;--c-accent: #3b5bdb;--c-accent-hover: #31499f;--c-accent-soft: #e7ecfd;--c-danger: #b5322a;--c-danger-soft: #fbeceb;--c-success: #1f7a4d;--c-success-soft: #e6f4ec;--c-warning: #8a5a05;--c-warning-soft: #fdf2dd;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--f-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--t-xs: .75rem;--t-sm: .875rem;--t-md: 1rem;--t-lg: 1.25rem;--t-xl: 1.75rem;--t-2xl: 2.25rem;--lh-tight: 1.2;--lh-body: 1.55;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 22, 34, .06);--shadow-md: 0 6px 20px rgba(16, 22, 34, .1);--shadow-lg: 0 18px 48px rgba(16, 22, 34, .18);--w-page: 68rem;--focus-ring: 0 0 0 3px var(--c-accent-soft)}@media(prefers-color-scheme:dark){:root{--c-bg: #12151c;--c-surface: #1a1f29;--c-surface-sunken: #232936;--c-border: #2e3543;--c-border-strong: #414a5c;--c-text: #eef1f6;--c-text-muted: #9aa5b6;--c-accent: #7d95f5;--c-accent-hover: #99abf8;--c-accent-soft: #232c4a;--c-danger: #f08a82;--c-danger-soft: #3a2321;--c-success: #6cc79a;--c-success-soft: #1d3227;--c-warning: #e0b45f;--c-warning-soft: #3a2f19;--c-text-inverse: #12151c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .55);--focus-ring: 0 0 0 3px rgba(125, 149, 245, .35)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--f-sans);font-size:var(--t-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:var(--lh-tight)}a{color:var(--c-accent)}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh}.app__body{flex:1;width:100%;max-width:var(--w-page);margin:0 auto;padding:var(--s-5) var(--s-4) var(--s-7)}.topbar{position:sticky;top:0;z-index:10;background:var(--c-surface);border-bottom:1px solid var(--c-border)}.topbar__inner{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;max-width:var(--w-page);margin:0 auto;padding:var(--s-3) var(--s-4)}.topbar__brand{display:inline-flex;align-items:baseline;gap:var(--s-2);font-weight:700;font-size:var(--t-lg);color:var(--c-text);text-decoration:none}.topbar__nav{display:flex;gap:var(--s-1);margin-inline-start:auto;flex-wrap:wrap}.topbar__link{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);color:var(--c-text-muted);font-size:var(--t-sm);font-weight:600;text-decoration:none}.topbar__link:hover{background:var(--c-surface-sunken);color:var(--c-text)}.topbar__link--active{background:var(--c-accent-soft);color:var(--c-accent)}.topbar__user{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-text-muted)}.footer{border-top:1px solid var(--c-border);padding:var(--s-4);text-align:center;font-size:var(--t-xs);color:var(--c-text-muted)}.page-header{display:flex;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-5)}.page-header__text{flex:1 1 20rem}.page-header__title{font-size:var(--t-xl)}.page-header__subtitle{margin:var(--s-2) 0 0;color:var(--c-text-muted);font-size:var(--t-sm)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:var(--s-4)}.card--interactive{display:block;color:inherit;text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.card--interactive:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.stack{display:flex;flex-direction:column;gap:var(--s-4)}.stack--tight{gap:var(--s-2)}.row{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.row--end{justify-content:flex-end}.grid-cards{display:grid;gap:var(--s-4);grid-template-columns:1fr}@media(min-width:40rem){.grid-cards{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}}.muted{color:var(--c-text-muted)}.text-sm{font-size:var(--t-sm)}.text-xs{font-size:var(--t-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border:1px solid transparent;border-radius:var(--r-sm);background:var(--c-accent);color:var(--c-text-inverse);font:inherit;font-size:var(--t-sm);font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer}.btn:hover:not(:disabled){background:var(--c-accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{background:var(--c-surface);border-color:var(--c-border-strong);color:var(--c-text)}.btn--secondary:hover:not(:disabled){background:var(--c-surface-sunken)}.btn--danger{background:transparent;border-color:var(--c-border);color:var(--c-danger)}.btn--danger:hover:not(:disabled){background:var(--c-danger-soft)}.btn--large{padding:var(--s-3) var(--s-5);font-size:var(--t-md)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:var(--s-1)}.field__label{font-size:var(--t-sm);font-weight:600}.field__hint{font-size:var(--t-xs);color:var(--c-text-muted)}.field__control{padding:var(--s-2) var(--s-3);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--t-sm)}.field__control:focus{border-color:var(--c-accent);box-shadow:var(--focus-ring);outline:none}textarea.field__control{min-height:6rem;resize:vertical}.pill{display:inline-flex;align-items:center;padding:2px var(--s-2);border-radius:var(--r-pill);background:var(--c-surface-sunken);color:var(--c-text-muted);font-size:var(--t-xs);font-weight:600;white-space:nowrap}.pill--accent{background:var(--c-accent-soft);color:var(--c-accent)}.pill--success{background:var(--c-success-soft);color:var(--c-success)}.pill--warning{background:var(--c-warning-soft);color:var(--c-warning)}.pill--danger{background:var(--c-danger-soft);color:var(--c-danger)}.notice{padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-surface-sunken);font-size:var(--t-sm)}.notice--danger{border-color:var(--c-danger);background:var(--c-danger-soft);color:var(--c-danger)}.empty{padding:var(--s-6) var(--s-4);border:1px dashed var(--c-border-strong);border-radius:var(--r-md);text-align:center;color:var(--c-text-muted)}.list{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);overflow:hidden}.list__row{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border)}.list__row:last-child{border-bottom:none}.list__main{flex:1 1 14rem;min-width:0}.list__name{font-weight:600}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0d148c;z-index:40}.dialog__content{position:fixed;z-index:50;top:50%;left:50%;transform:translate(-50%,-50%);width:min(34rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;padding:var(--s-5);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-lg)}.dialog__title{font-size:var(--t-lg);margin-bottom:var(--s-1)}.dialog__description{margin:0 0 var(--s-4);color:var(--c-text-muted);font-size:var(--t-sm)}.signin{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:var(--s-4)}.signin__card{width:min(28rem,100%);padding:var(--s-6);text-align:center}.signin__title{font-size:var(--t-2xl)}.signin__lede{margin:var(--s-3) 0 var(--s-5);color:var(--c-text-muted)}.center-note{padding:var(--s-7) var(--s-4);text-align:center;color:var(--c-text-muted)}