:root{--color-surface: oklch(97% .009 84);--color-text: oklch(23% .012 62);--color-muted: oklch(23% .012 62 / .66);--color-hairline: oklch(23% .012 62 / .12);--color-accent: oklch(51% .15 33);--color-ok: oklch(58% .11 155);--color-warn: oklch(70% .14 74);--color-danger: oklch(55% .19 27);--text-hero: clamp(2.75rem, 1.55rem + 5.4vw, 6.25rem);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}.overline{display:inline-flex;align-items:center;gap:.75rem;font-size:.75rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--color-accent)}.overline:before{content:"";inline-size:1.75rem;block-size:1px;background-color:currentColor}:root{--color-accent-strong: oklch(44% .15 33);--radius: .5rem;--duration: .16s;--ease: cubic-bezier(.16, 1, .3, 1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.1rem;font:inherit;font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition-property:background-color,border-color,color,transform;transition-duration:var(--duration);transition-timing-function:var(--ease)}.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button:disabled{opacity:.55;cursor:default}.button--primary{color:var(--color-surface);background-color:var(--color-accent)}.button--primary:not(:disabled):hover{background-color:var(--color-accent-strong)}.button--ghost{color:var(--color-text);border-color:var(--color-hairline)}.button--ghost:not(:disabled):hover{color:var(--color-accent);border-color:var(--color-accent)}.button:not(:disabled):active{transform:translateY(1px)}.route-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-muted)}.route-loading__label{font-size:.8125rem;letter-spacing:.02em}.spinner{inline-size:1.5rem;block-size:1.5rem;border:2px solid var(--color-hairline);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth,.account-missing{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:1.1rem;margin-inline:auto;padding-block:clamp(2rem,1rem + 6vw,4rem)}.auth{inline-size:min(100% - 2.5rem,24rem)}.auth__title,.account-missing__title{font-size:clamp(1.9rem,1.35rem + 2.4vw,2.7rem);line-height:1.04;letter-spacing:-.02em;font-weight:600;text-wrap:balance}.auth__form{display:flex;flex-direction:column;gap:1.4rem;margin-top:.5rem}.field{position:relative;display:flex;flex-direction:column;gap:.4rem}.field__label{font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--color-muted)}.field__input{font:inherit;color:var(--color-text);padding:.4rem 0;background-color:transparent;border:0;border-bottom:1px solid var(--color-hairline)}.field__input:focus{outline:none}.field:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:2px;background-color:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration) var(--ease)}.field:focus-within:after{transform:scaleX(1)}.auth__error{padding-inline-start:.75rem;border-inline-start:2px solid var(--color-accent);font-size:.875rem;color:var(--color-accent)}.auth__divider{display:flex;align-items:center;gap:.9rem;margin-block:.4rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.auth__divider:before,.auth__divider:after{content:"";flex:1;block-size:1px;background-color:var(--color-hairline)}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1.25rem,.75rem + 2vw,2.5rem);border-bottom:1px solid var(--color-hairline)}.shell__brand{font-weight:600;letter-spacing:-.01em}.shell__user{display:flex;align-items:center;gap:.9rem}.shell__name{font-size:.9375rem}.badge{padding:.25rem .55rem;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-hairline);border-radius:999px}.shell__signout{padding:.45rem .85rem;font-size:.8125rem}.shell__main{flex:1;display:flex;flex-direction:column}.account-missing{inline-size:min(100% - 2.5rem,30rem)}.account-missing__body{max-width:46ch;font-size:1rem;line-height:1.55;color:var(--color-muted)}.account-missing__signout{align-self:flex-start;margin-top:.5rem}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.button,.field:after{transition:none}}.shell__nav{display:flex;align-items:center;gap:.5rem}.shell__navlink{padding:.4rem .7rem;font-size:.875rem;font-weight:600;color:var(--color-muted);text-decoration:none;border-radius:var(--radius);transition:color var(--duration) var(--ease),background-color var(--duration) var(--ease)}.shell__navlink:hover{color:var(--color-accent);background-color:#ab3c2612}.shell__navlink:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.admin{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,1rem + 3vw,2.75rem)}.admin>h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);line-height:1.05;letter-spacing:-.02em;font-weight:600}.admin__tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--color-hairline)}.admin__tab{padding:.6rem .9rem;font-size:.9375rem;font-weight:600;color:var(--color-muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.admin__tab:hover{color:var(--color-text)}.admin__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.admin__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.admin__content{flex:1}.admin__section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin__section-header h2{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.table{width:100%;border-collapse:collapse;font-size:.9375rem}.table th,.table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--color-hairline)}.table th{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.table__row--inactive{opacity:.5}.admin-form{display:grid;gap:1.25rem;max-width:28rem}.form-actions{display:flex;gap:.75rem}.form-error{padding-inline-start:.75rem;border-inline-start:2px solid var(--color-accent);font-size:.875rem;color:var(--color-accent)}.field--inline{flex-direction:row;align-items:center;gap:.5rem}.field__error{font-size:.8125rem;color:var(--color-accent)}@media(prefers-reduced-motion:reduce){.shell__navlink,.admin__tab{transition:none}}.load{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,1rem + 3vw,2.75rem)}.load>h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);line-height:1.05;letter-spacing:-.02em;font-weight:600}.load__picker{max-width:28rem}.load__panel{display:grid;gap:1.25rem;max-width:28rem}.load__notice{font-size:.9375rem;line-height:1.5;color:var(--color-text)}.load__messages{display:flex;flex-direction:column;gap:.75rem}.load__success{padding-inline-start:.75rem;border-inline-start:2px solid var(--color-hairline);font-size:.875rem;color:var(--color-muted)}.dashboard{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,1rem + 3vw,2.75rem)}.dashboard>h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);line-height:1.05;letter-spacing:-.02em;font-weight:600}.dashboard__alert{align-self:flex-start;padding:.5rem 1.05rem;font-size:.9375rem;font-weight:700;letter-spacing:.01em;color:var(--color-surface);background-color:var(--color-danger);border-radius:999px;box-shadow:0 1px 2px #c9302d59}.dashboard__controls{display:flex;flex-wrap:wrap;gap:.9rem 1.4rem}.dashboard__controls .field{min-width:8.5rem}.dashboard__table{width:100%;border-collapse:collapse;font-size:.9375rem}.dashboard__table th,.dashboard__table td{padding:.75rem .85rem;text-align:left;border-bottom:1px solid var(--color-hairline)}.dashboard__table th{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.dashboard__table tbody tr{transition:background-color var(--duration) var(--ease)}.dashboard__table tbody tr:hover{background-color:color-mix(in oklch,var(--color-accent) 5%,transparent)}.dashboard__muted{color:var(--color-muted);font-style:italic}.dashboard__no-match{padding-block:clamp(1.5rem,1rem + 3vw,3rem);font-size:.9375rem;line-height:1.6;color:var(--color-muted)}.dashboard__no-match .button{margin-inline-start:.5rem;vertical-align:baseline}.dashboard__empty{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding-block:clamp(2rem,1rem + 5vw,4.5rem);color:var(--color-muted)}.dashboard__empty h2{font-size:1.15rem;font-weight:600;color:var(--color-text)}.dashboard__empty a{color:var(--color-accent);font-weight:600}.badge--overdue{color:var(--color-surface);background-color:var(--color-danger);border-color:transparent}.badge--approaching{color:color-mix(in oklch,var(--color-warn),black 32%);background-color:color-mix(in oklch,var(--color-warn) 18%,transparent);border-color:color-mix(in oklch,var(--color-warn) 40%,transparent)}.badge--ok{color:color-mix(in oklch,var(--color-ok),black 20%);background-color:color-mix(in oklch,var(--color-ok) 15%,transparent);border-color:color-mix(in oklch,var(--color-ok) 34%,transparent)}.badge--empty{color:var(--color-muted);background-color:transparent;border-color:var(--color-hairline)}@media(max-width:640px){.dashboard__table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.dashboard__table,.dashboard__table tbody,.dashboard__table tr,.dashboard__table td{display:block;width:100%}.dashboard__table tr{margin-bottom:1rem;padding:.35rem .9rem;border:1px solid var(--color-hairline);border-radius:var(--radius)}.dashboard__table td{display:grid;grid-template-columns:7.5rem 1fr;align-items:center;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--color-hairline)}.dashboard__table tr td:last-child{border-bottom:0}.dashboard__table td:before{content:attr(data-label);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}}@media(prefers-reduced-motion:reduce){.dashboard__table tbody tr{transition:none}}