:root{color-scheme:light dark;--color-bg: light-dark(#f6f7f9, #14171c);--color-surface: light-dark(#ffffff, #1d2128);--color-text: light-dark(#1b1f24, #e6e8eb);--color-muted: light-dark(#5b6470, #9aa3ad);--color-border: light-dark(#dde1e6, #2e343d);--color-accent: light-dark(#1f5f8b, #6cb4e4);--color-accent-contrast: light-dark(#ffffff, #0d1217);--color-danger: light-dark(#b42318, #ff8a80);--step-0: clamp(1rem, .95rem + .25vw, 1.125rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-3: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem);--space-2xs: .25rem;--space-s: .75rem;--space-m: 1rem;--space-l: 1.5rem;--radius: .5rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--step-0);line-height:1.5;color:var(--color-text);background-color:var(--color-bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-block-size:100dvh}input,select,textarea,button{font:inherit}input,select,textarea{padding:var(--space-2xs) var(--space-s);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:inherit}button{padding:var(--space-2xs) var(--space-m);border:1px solid transparent;border-radius:var(--radius);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:progress}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.app-status{padding:var(--space-m);text-align:center}a{color:var(--color-accent)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.login-form{display:grid;place-content:center;gap:var(--space-l);min-block-size:100dvh;padding:var(--space-m)}.login-form__title{margin:0;text-align:center;font-size:var(--step-3)}.login-form__card{display:grid;gap:var(--space-m);inline-size:min(100%,22rem);padding:var(--space-l);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.login-form__field{display:grid;gap:var(--space-2xs);font-weight:500}.login-form__error{margin:0;color:var(--color-danger)}.offline-banner{margin:0;padding:var(--space-2xs) var(--space-m);background:var(--color-text);color:var(--color-bg);font-size:.9em;text-align:center}.app-layout__header{position:sticky;inset-block-start:0;z-index:1;display:flex;align-items:center;gap:var(--space-s) var(--space-m);padding:var(--space-s) var(--space-m);border-block-end:1px solid var(--color-border);background:var(--color-surface)}.app-layout__brand{margin:0;font-weight:700;font-size:var(--step-1)}.app-layout__burger,.app-layout__close{display:inline-grid;place-items:center;padding:var(--space-2xs);background:transparent;border-color:var(--color-border);color:inherit}.app-layout__burger{margin-inline-start:auto}.app-layout__close{align-self:flex-end}.app-layout__menu{inset:0 0 0 auto;margin:0;inline-size:min(18rem,85vw);block-size:100dvh;max-block-size:none;padding:var(--space-m);border:0;border-inline-start:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.app-layout__menu:popover-open{display:flex;flex-direction:column;gap:var(--space-m)}.app-layout__menu::backdrop{background:#0006}.app-layout__nav{display:flex;flex-direction:column;gap:var(--space-2xs)}.app-layout__link{padding:var(--space-2xs) var(--space-s);border-radius:var(--radius);color:inherit;text-decoration:none;font-weight:500}.app-layout__link:hover{background:var(--color-bg)}.app-layout__link.active{background:var(--color-accent);color:var(--color-accent-contrast)}.app-layout__logout{align-self:flex-start;background:transparent;border-color:var(--color-border);color:inherit;font-weight:500}@media(min-width:60rem){.app-layout__burger,.app-layout__close{display:none}.app-layout__menu{position:static;display:flex;flex:1;align-items:center;gap:var(--space-m);inset:auto;inline-size:auto;block-size:auto;padding:0;border:0;overflow:visible;background:transparent;color:inherit}.app-layout__nav{flex-direction:row;margin-inline-end:auto}.app-layout__logout{align-self:auto}}.app-layout__main{max-inline-size:64rem;margin-inline:auto;padding:var(--space-m)}.app-update__dialog{display:none;max-inline-size:min(24rem,calc(100vw - 2 * var(--space-m)));padding:var(--space-l);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-align:center}.app-update__dialog[open]{display:grid;justify-items:center;gap:var(--space-s)}.app-update__dialog::backdrop{background:#0000008c}.app-update__spinner{inline-size:2.5rem;block-size:2.5rem;border:4px solid var(--color-border);border-block-start-color:var(--color-accent);border-radius:50%;animation:app-update-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.app-update__spinner{animation-duration:3s}}@keyframes app-update-spin{to{transform:rotate(1turn)}}.app-update__message{margin:0;font-weight:600}.app-update__hint{margin:0;color:var(--color-muted);font-size:.9em}.app-update__banner{position:fixed;inset-block-end:var(--space-m);inset-inline:var(--space-m);z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s);max-inline-size:36rem;margin-inline:auto;padding:var(--space-s) var(--space-m);border:1px solid var(--color-accent);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 4px 16px #0003}.app-update__banner p{flex:1 1 12rem;margin:0}.app-update__banner--error{border-color:var(--color-danger)}