:root{color-scheme:light dark;--brand-sky: #0abffa;--brand-azure: #0670e8;--brand-ink: #081010;--brand-gradient: linear-gradient(135deg, var(--brand-sky) 0%, var(--brand-azure) 100%);--bg-app: #f3f6f8;--bg-sidebar: #f8fafb;--bg-surface: #ffffff;--bg-surface-hover: #f5f8fa;--bg-elevated: #ffffff;--border-faint: rgb(8 16 16 / 5%);--border-subtle: rgb(8 16 16 / 6%);--border-default: rgb(8 16 16 / 10%);--border-hover: rgb(8 16 16 / 16%);--text-primary: #0b1316;--text-secondary: #5f6b76;--text-faint: #7f8c99;--accent: #0a66c8;--accent-hover: #0670e8;--accent-soft: rgb(10 102 200 / 10%);--accent-fill: var(--brand-azure);--accent-fill-hover: #0a66c8;--accent-contrast: #ffffff;--ok: #1a7f43;--error: #c62828;--error-soft: rgb(198 40 40 / 10%);--shadow-menu: 0 12px 32px rgb(8 16 16 / 12%);--shadow-accent: 0 8px 24px rgb(6 112 232 / 24%);--shadow-lift: 0 8px 24px rgb(8 16 16 / 8%);--radius-card: 12px;--radius-button: 8px;--background: var(--bg-app);--surface: var(--bg-surface);--surface-sunken: #eaf0f4;--border: var(--border-default);--text: var(--text-primary);--text-muted: var(--text-secondary)}@media(prefers-color-scheme:dark){:root{--bg-app: #080b0d;--bg-sidebar: #0b0f11;--bg-surface: #0f1417;--bg-surface-hover: #131a1e;--bg-elevated: #171f24;--border-faint: rgb(255 255 255 / 5.5%);--border-subtle: rgb(255 255 255 / 6%);--border-default: rgb(255 255 255 / 9%);--border-hover: rgb(255 255 255 / 14%);--text-primary: #f2f7fa;--text-secondary: #8b97a3;--text-faint: #7f8c99;--accent: #1a9bf5;--accent-hover: #3fb1f8;--accent-soft: rgb(26 155 245 / 12%);--accent-fill: var(--brand-azure);--accent-fill-hover: #0b7ae0;--accent-contrast: #ffffff;--ok: #4ade80;--error: #f87171;--error-soft: rgb(248 113 113 / 12%);--shadow-menu: 0 16px 40px rgb(0 0 0 / 55%);--shadow-accent: 0 8px 24px rgb(6 112 232 / 28%);--shadow-lift: 0 8px 24px rgb(0 0 0 / 22%);--surface-sunken: var(--bg-elevated)}}*{box-sizing:border-box}html,body{margin:0;padding:0}:root{--scrollbar-size: 10px;--scrollbar-thumb: color-mix(in srgb, var(--text-faint) 28%, transparent);--scrollbar-thumb-near: color-mix(in srgb, var(--text-faint) 48%, transparent);--scrollbar-thumb-hover: color-mix(in srgb, var(--text-faint) 72%, transparent)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{min-height:40px;min-width:40px;background-color:var(--scrollbar-thumb);border:3px solid transparent;background-clip:padding-box;border-radius:999px}:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-near)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--text-faint)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-near) transparent}}body{background:var(--background);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:2.375rem;padding:0 1rem;font:inherit;font-size:.875rem;font-weight:550;color:var(--text);text-decoration:none;white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-button);cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.button:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-hover)}.button:disabled{opacity:.55;cursor:default}.button--small{height:1.9rem;padding:0 .7rem;font-size:.8125rem}.button--primary{color:var(--accent-contrast);background:var(--accent-fill);border-color:transparent}.button--primary:hover:not(:disabled){background:var(--accent-fill-hover);border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-accent)}.button--danger{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,var(--border-default))}.button--danger:hover:not(:disabled){background:var(--error-soft);border-color:color-mix(in srgb,var(--error) 55%,var(--border-default))}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.page-header__title{margin:0;font-size:1.625rem;font-weight:650;letter-spacing:-.03em;line-height:1.2}.page-header__subtitle{margin:.4rem 0 0;max-width:42rem;color:var(--text-secondary);font-size:.875rem}.page-header__actions{display:flex;gap:.5rem}.state{padding:2.5rem 1.25rem;text-align:center;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card)}.state__title{margin:0 0 .4rem;color:var(--text);font-size:1.05rem;font-weight:650;letter-spacing:-.01em}.state--error .state__title{color:var(--error)}.badge{display:inline-block;margin:0 .25rem .25rem 0;padding:.1rem .5rem;font-size:.75rem;color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:999px}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.8125rem;color:var(--text-secondary)}.field__input{width:100%;padding:.5rem .7rem;font:inherit;font-size:.875rem;color:var(--text);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-button);transition:border-color .16s ease,box-shadow .16s ease}.field__input:hover{border-color:var(--border-hover)}.field__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field__hint{font-size:.8rem;color:var(--text-secondary)}.field__error{font-size:.8rem;color:var(--error)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.icon-button:hover:not(:disabled){color:var(--text);background:var(--bg-surface-hover);border-color:var(--border-subtle)}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.icon-button:disabled{opacity:.55;cursor:default}.notice{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary)}.notice--error{color:var(--error)}.status-pill{display:inline-block;padding:.1rem .5rem;font-size:.75rem;font-weight:600;color:var(--ok);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:999px}.status-pill--inactive{color:var(--text-secondary)}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:10px}.segmented__option{display:inline-flex;align-items:center;gap:.4rem;height:1.9rem;padding:0 .75rem;font:inherit;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:0;border-radius:7px;cursor:pointer;transition:background-color .16s ease,color .16s ease}.segmented__option:hover{color:var(--text)}.segmented__option--active{color:var(--text);background:var(--bg-surface);box-shadow:0 1px 2px #0003}.segmented__count{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-faint)}.segmented__option--active .segmented__count{color:var(--text-secondary)}.segmented--scroll{display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented--scroll::-webkit-scrollbar{display:none}.segmented--scroll .segmented__option{flex:none}.search{position:relative;display:flex;align-items:center;min-width:0}.search__icon{position:absolute;left:.7rem;color:var(--text-faint);pointer-events:none}.search__input{width:100%;height:2.25rem;padding:0 2.4rem 0 2.1rem;font:inherit;font-size:.8375rem;color:var(--text);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-button);transition:border-color .14s ease,box-shadow .14s ease}.search__input::placeholder{color:var(--text-faint)}.search__input:hover{border-color:var(--border-hover)}.search__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search__input::-webkit-search-cancel-button{display:none}.search__kbd{position:absolute;right:.55rem;padding:.05rem .4rem;font-family:inherit;font-size:.7rem;color:var(--text-faint);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:5px;pointer-events:none}.search__clear{position:absolute;right:.35rem;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;color:var(--text-secondary);background:transparent;border:0;border-radius:6px;cursor:pointer}.search__clear:hover{color:var(--text);background:var(--bg-surface-hover)}.status{display:inline-flex;align-items:center;gap:.4rem;padding:.15rem .55rem .15rem .5rem;font-size:.75rem;font-weight:500;white-space:nowrap;color:var(--tone);background:color-mix(in srgb,var(--tone) 9%,transparent);border:1px solid color-mix(in srgb,var(--tone) 14%,transparent);border-radius:999px;--tone: #8b93a7}.status[data-tone=active]{--tone: #60a5fa}.status[data-tone=done]{--tone: #4ade80}.status[data-tone=attention]{--tone: #fbbf24}.status[data-tone=off]{--tone: #f87171}.status__dot{width:6px;height:6px;background:var(--tone);border-radius:999px}@media(prefers-color-scheme:light){.status{--tone: #6b7385}.status[data-tone=active]{--tone: #2f7bd8}.status[data-tone=done]{--tone: #1f9d55}.status[data-tone=attention]{--tone: #b7791f}.status[data-tone=off]{--tone: #d64545}}.skeleton{display:block;background:linear-gradient(90deg,var(--surface-sunken) 0%,color-mix(in srgb,var(--surface-sunken) 60%,var(--bg-elevated)) 50%,var(--surface-sunken) 100%);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.menu{position:relative}.menu__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:11rem;padding:.3rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;box-shadow:var(--shadow-menu)}.menu__item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .6rem;font:inherit;font-size:.8125rem;color:var(--text);text-align:left;text-decoration:none;background:transparent;border:0;border-radius:7px;cursor:pointer}.menu__item:hover{background:var(--bg-surface-hover)}.menu__item--danger{color:var(--error)}.menu__item--danger:hover{background:var(--error-soft)}.menu__separator{height:1px;margin:.3rem .2rem;background:var(--border-subtle)}.menu__caption{padding:.4rem .6rem .3rem;font-size:.75rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb{margin-bottom:.75rem}.breadcrumb__link{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;color:var(--text-faint);text-decoration:none;transition:color .14s ease}.breadcrumb__link:hover{color:var(--text)}.form-header{margin-bottom:1.5rem}.form-header__cue{display:inline-flex;align-items:center;gap:.35rem;margin:.6rem 0 0;font-size:.6875rem;font-weight:500;color:var(--text-faint)}.form{display:flex;flex-direction:column;gap:1.75rem;max-width:36rem}.form__error{margin:0;color:var(--error);font-size:.8125rem}.form__error:empty{display:none}.form__actions{position:sticky;bottom:0;z-index:10;display:flex;justify-content:flex-end;gap:.5rem;margin:0;padding:.85rem 0;background:color-mix(in srgb,var(--bg-app) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-subtle)}.form__actions-note{align-self:center;margin:0 auto 0 0;font-size:.75rem;color:var(--text-faint)}.section{display:flex;flex-direction:column;gap:.9rem;min-width:0;margin:0;padding:0;border:0}.section__title{display:flex;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.8125rem;font-weight:600;letter-spacing:-.005em;color:var(--text)}.section__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.section__tag{padding:.05rem .4rem;font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border-default);border-radius:5px}.section__hint{margin:-.4rem 0 0;font-size:.8125rem;color:var(--text-secondary)}.section__note{display:flex;align-items:center;gap:.35rem;margin:0;font-size:.75rem;color:var(--text-faint)}.type-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.5rem}.type-card{position:relative;display:flex;align-items:center;gap:.65rem;padding:.7rem .75rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.type-card:hover{border-color:var(--border-hover)}.type-card--selected{background:color-mix(in srgb,var(--accent) 8%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.type-card:has(.type-card__input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.type-card__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.type-card__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;color:var(--text-secondary);background:var(--surface-sunken);border-radius:8px;transition:color .14s ease,background-color .14s ease}.type-card--selected .type-card__icon{color:var(--accent);background:var(--accent-soft)}.type-card__text{display:flex;flex-direction:column;min-width:0}.type-card__label{font-size:.8375rem;font-weight:600;line-height:1.25}.type-card__tagline{font-size:.6875rem;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field__optional{margin-left:.3rem;font-size:.6875rem;color:var(--text-faint)}.link-button{display:inline-flex;align-items:center;gap:.3rem;padding:0;font:inherit;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:transparent;border:0;cursor:pointer;transition:color .14s ease}.link-button:hover{color:var(--accent)}@media(max-width:34rem){.type-picker{grid-template-columns:minmax(0,1fr)}}.category{margin-bottom:.9rem}.category__title{margin:0 0 .3rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.permission{padding:.15rem 0;font-size:.875rem}