.app-shell{flex-direction:column;min-height:100%;display:flex}.app-header{height:var(--header-height);padding:0 var(--space-5);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:30;background:#121a2eb8;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header__brand{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-heading);color:var(--color-text)}.account-menu{position:relative}.account-menu__avatar{width:28px;height:28px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;background:linear-gradient(140deg, var(--color-primary), #7c5cff);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.account-menu__avatar--lg{width:40px;height:40px;font-size:var(--font-size-md)}.account-menu__trigger{align-items:center;gap:var(--space-2);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);cursor:pointer;font-size:var(--font-size-sm);padding:4px 10px 4px 4px;font-family:inherit;transition:border-color .14s,background .14s;display:inline-flex}.account-menu__trigger:hover{border-color:var(--color-primary);background:var(--color-surface-overlay)}.account-menu__trigger:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4aa8ff2e}.account-menu__name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:var(--font-weight-medium);overflow:hidden}.account-menu__chevron{color:var(--color-text-muted);flex:none;font-size:.62rem;transition:transform .14s}.account-menu__trigger[aria-expanded=true] .account-menu__chevron{transform:rotate(180deg)}.account-menu__dropdown{right:0;top:calc(100% + var(--space-2));background:var(--color-surface-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-width:264px;box-shadow:var(--shadow-overlay);padding:var(--space-2);gap:var(--space-2);z-index:20;flex-direction:column;display:flex;position:absolute}.account-menu__identity{align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.account-menu__identity-text{flex-direction:column;gap:2px;min-width:0;display:flex}.account-menu__identity-name{color:var(--color-text);font-weight:var(--font-weight-semibold)}.account-menu__identity-email{color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu__role{align-self:flex-start}.account-menu__item{align-items:center;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;transition:background .12s,color .12s;display:flex}.account-menu__item:hover{background:var(--color-surface-raised);color:var(--color-text)}.account-menu__item:focus-visible{color:var(--color-text);outline:none;box-shadow:0 0 0 3px #4aa8ff2e}.account-menu__item--danger:hover{color:#ffb4b4;background:#f871711a}.account-menu__item svg{flex:none}.app-nav{gap:var(--space-5);padding:0 var(--space-5);border-bottom:1px solid var(--color-border);background:#121a2e80;display:flex}.app-nav__link{padding:var(--space-3) 0;color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-bottom:2px solid #0000;transition:color .14s,border-color .14s;position:relative}.app-nav__link:hover{color:var(--color-text)}.app-nav__link--active{color:var(--color-text);font-weight:var(--font-weight-bold);border-bottom-color:var(--color-primary)}.app-main{padding:var(--space-5);flex:1}.app-main__content{max-width:var(--content-max-width);margin:0 auto}@media (width<=640px){.app-header,.app-nav,.app-main{padding-left:var(--space-4);padding-right:var(--space-4)}.app-header__brand{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header{gap:var(--space-3)}.account-menu__name{max-width:100px}}.filter-bar{margin-bottom:var(--space-5)}.filter-bar__form{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.filter-bar__field{gap:var(--space-2);flex-direction:column;flex:200px;min-width:200px;display:flex}.filter-bar__field label,.filter-bar__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.filter-bar__field select,.filter-bar__field input{padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-height:42px;font-family:inherit;transition:border-color .14s,box-shadow .14s,background .14s}.filter-bar__field select,.filter-bar__field input[type=datetime-local]{cursor:pointer}.filter-bar__field select:hover,.filter-bar__field input:hover{border-color:var(--color-primary);background:var(--color-surface-overlay)}.filter-bar__field select:focus,.filter-bar__field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4aa8ff2e}.filter-bar__field [aria-invalid=true]{border-color:var(--color-error)}.filter-bar__field [aria-invalid=true]:focus{box-shadow:0 0 0 3px #ef44442e}.filter-bar__field input[type=datetime-local]{cursor:pointer}.filter-bar__field input[type=datetime-local]::-webkit-datetime-edit{cursor:pointer}.filter-bar__field input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{cursor:pointer}.filter-bar__field input[type=datetime-local]::-webkit-datetime-edit-text{cursor:pointer}.filter-bar__field input[type=datetime-local]::-webkit-datetime-edit-year-field{cursor:pointer}.filter-bar__field input[type=datetime-local]::-webkit-datetime-edit-month-field{cursor:pointer}.filter-bar__field input[type=datetime-local]::-webkit-datetime-edit-day-field{cursor:pointer}.filter-bar__field input[type=datetime-local]::-webkit-datetime-edit-hour-field{cursor:pointer}.filter-bar__field input[type=datetime-local]::-webkit-datetime-edit-minute-field{cursor:pointer}.filter-bar__field input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:brightness(0)invert();cursor:pointer;opacity:1}.filter-bar__actions{flex:none}.filter-bar__error{color:var(--color-error);font-size:var(--font-size-xs)}.filter-bar__error--range{margin-top:var(--space-3)}.filter-bar__context{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.filter-bar__context strong{color:var(--color-text);font-weight:var(--font-weight-medium)}@media (width<=720px){.filter-bar__form{flex-direction:column;align-items:stretch}.filter-bar__actions .btn{width:100%}}.tiles{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.tile{background:linear-gradient(180deg, var(--color-card-highlight), transparent 80px), var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);min-height:var(--tile-height);gap:var(--space-2);box-shadow:var(--shadow-panel);flex-direction:column;transition:transform .14s,border-color .14s;display:flex}.tile:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.tile__label{font-size:var(--font-size-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.tile__body{flex-direction:column;flex:1;justify-content:center;display:flex}.tile__metric{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.1}.tile__metric--sm{font-size:var(--font-size-lg)}.tile__hint{font-size:var(--font-size-xs);color:var(--color-text-subtle);margin-top:var(--space-1)}.tile__shares{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tile__share{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.tile__share-label{color:var(--color-text-muted)}.tile__share-value{color:var(--color-text);font-weight:var(--font-weight-medium)}.tile__share-count{color:var(--color-text-subtle);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs)}@media (width<=900px){.tiles{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tiles{grid-template-columns:1fr}}.data-table td .badge{background:var(--color-surface-overlay);color:var(--color-text)}.dashboard__charts{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.dashboard__charts{grid-template-columns:1fr}}.model-disclaimer{font-size:var(--font-size-sm);color:var(--color-warning);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);background:#fbbf2414;border:1px solid #fbbf244d}.report-tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.report-tabs__tab{color:var(--color-text-muted);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000}.report-tabs__tab:hover{color:var(--color-text)}.report-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.report{gap:var(--space-5);flex-direction:column;display:flex}.report__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.report__insight{color:var(--color-text);font-size:var(--font-size-md)}.report__insight strong{color:var(--color-primary)}.report__summary{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-2);max-width:70ch}.report__insights{padding-left:var(--space-5);gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-sm);flex-direction:column;margin:0;display:flex}@media (width<=640px){.report__header{flex-direction:column;align-items:stretch}.report-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.report-tabs::-webkit-scrollbar{display:none}.report-tabs__tab{white-space:nowrap}}.page-title{font-size:var(--font-size-xl);margin-bottom:var(--space-5)}.admin-toolbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.admin-toolbar__search{flex:240px;min-width:0}.admin-toolbar__toggle{flex:none}.admin-elevators{margin-bottom:var(--space-5)}.admin-row-actions{white-space:nowrap}.admin-row-actions .btn+.btn{margin-left:var(--space-1)}.data-table tbody tr.row--selected{background:#4aa8ff14}.admin-cameras{margin-bottom:var(--space-5)}.admin-cameras__header{row-gap:var(--space-3);flex-wrap:wrap}.admin-cameras__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-cameras__history{margin-top:var(--space-5);gap:var(--space-3);display:grid}.admin-deleted-cameras{margin-bottom:var(--space-5)}@media (width<=640px){.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar__toggle{align-self:flex-start}}.login{background:var(--color-bg);grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login__hero{padding:var(--space-8);background:linear-gradient(155deg, #4aa8ff24, transparent 55%), linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%);border-right:1px solid var(--color-border);align-items:flex-end;display:flex;position:relative;overflow:hidden}.login__hero-art{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login__hero-art:before{content:"";filter:blur(6px);background:url(/image.jpg) 50%/cover no-repeat;position:absolute;inset:-24px}.login__hero-art:after{content:"";background:linear-gradient(160deg, #4aa8ff1a, #2f6fbf0f), linear-gradient(180deg, #0a0e1a66 0%, #0a0e1ab3 55%, var(--color-surface) 95%);position:absolute;inset:0}.login__aura{z-index:0;pointer-events:none;background:radial-gradient(42rem 30rem at 22% 20%,#4aa8ff33,#0000 70%),radial-gradient(34rem 26rem at 80% 78%,#22d3ee1f,#0000 70%),radial-gradient(30rem 24rem at 12% 92%,#a78bfa1a,#0000 70%);position:absolute;inset:0}.login__aura:before{content:"";background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 40% 45%,#000 40%,#0000 100%);mask-image:radial-gradient(70% 60% at 40% 45%,#000 40%,#0000 100%)}.login__hero-inner{z-index:1;max-width:30rem;animation:.55s cubic-bezier(.16,1,.3,1) both login-rise;position:relative}.login__badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border:1px solid var(--color-border);background:#ffffff08;padding:5px 12px;display:inline-flex}.login__badge-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #34d3992e}.login__hero-title{margin:var(--space-5) 0 var(--space-4);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);color:var(--color-text)}.login__hero-title em{background:linear-gradient(92deg, var(--color-primary-hover), var(--chart-senior-female));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.login__hero-text{max-width:26rem;color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-base)}.login__stats{gap:var(--space-6);margin:var(--space-8) 0 0;flex-wrap:wrap;display:flex}.login__stat-value{font-family:var(--font-numeric);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1}.login__stat-label{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.login__panel{padding:var(--space-6);place-items:center;display:grid}.login__card{width:100%;max-width:380px;animation:.5s cubic-bezier(.16,1,.3,1) both login-rise}.login__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-tight);color:var(--color-text)}.login__subtitle{color:var(--color-text-muted);margin:var(--space-2) 0 var(--space-6);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.login__form{gap:var(--space-4);flex-direction:column;display:flex}.login__field{gap:var(--space-2);flex-direction:column;display:flex}.login__field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.login__field input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color .14s,box-shadow .14s}.login__field input::placeholder{color:var(--color-text-subtle)}.login__field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4aa8ff38}.login__field input:disabled{opacity:.6;cursor:not-allowed}.login__password{position:relative}.login__password input{padding-right:calc(var(--space-8) + var(--space-1))}.login__toggle{top:50%;right:var(--space-2);width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .14s,background .14s;display:inline-flex;position:absolute;transform:translateY(-50%)}.login__toggle:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-raised)}.login__toggle:focus-visible{color:var(--color-text);outline:none;box-shadow:0 0 0 3px #4aa8ff38}.login__toggle:disabled{opacity:.5;cursor:not-allowed}.login__row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.login__remember{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.login__remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.login__remember input[type=checkbox]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.login__submit{margin-top:var(--space-2);font-weight:var(--font-weight-semibold)}.login__error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-4)}@keyframes login-rise{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@media (width<=900px){.login{grid-template-columns:1fr}.login__hero{display:none}}@media (prefers-reduced-motion:reduce){.login__card,.login__hero-inner{animation:none}}:root{--color-bg:#0a0e1a;--color-surface:#121a2e;--color-surface-raised:#1a2540;--color-surface-overlay:#22304f;--color-border:#232f4a;--color-border-strong:#354467;--color-card-highlight:#ffffff0a;--color-text:#e8ecf6;--color-text-muted:#9aa6c4;--color-text-subtle:#6b7799;--color-primary:#4aa8ff;--color-primary-hover:#6cbaff;--color-primary-active:#2f93f0;--color-primary-contrast:#06111f;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-error-bg:#2b1620;--color-focus-ring:#8ecbff;--chart-adult-male:#4aa8ff;--chart-adult-female:#f472b6;--chart-young-male:#34d399;--chart-young-female:#fbbf24;--chart-senior-male:#a78bfa;--chart-senior-female:#22d3ee;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-numeric:"Inter", "Segoe UI", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-base:1.5;--letter-spacing-heading:-.011em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--shadow-panel:0 1px 2px #0000004d, 0 4px 16px #00000038;--shadow-raised:0 2px 6px #00000059, 0 12px 32px #00000052;--shadow-overlay:0 8px 24px #00000073, 0 24px 64px #0006;--shadow-primary:0 6px 18px #4aa8ff47;--header-height:56px;--content-max-width:1280px;--tile-height:104px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;transition:background .14s,border-color .14s,box-shadow .14s,transform 60ms,opacity .14s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-primary)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg, var(--color-primary-hover), var(--color-primary));border-color:var(--color-primary);color:var(--color-primary-contrast);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg, var(--color-primary-hover), var(--color-primary-hover));border-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-active);box-shadow:none}.btn--ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-raised)}.btn--block{width:100%}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.select{position:relative}.select__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:42px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:left;cursor:pointer;font-family:inherit;transition:border-color .14s,box-shadow .14s,background .14s;display:flex}.select__trigger:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-overlay)}.select__trigger:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4aa8ff2e}.select__trigger[aria-invalid=true]{border-color:var(--color-error)}.select__trigger[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px #ef44442e}.select__trigger:disabled{opacity:.5;cursor:not-allowed}.select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select__value--placeholder{color:var(--color-text-subtle)}.select__chevron{color:var(--color-text-muted);flex:none;font-size:.7em;transition:transform .14s}.select__trigger[aria-expanded=true] .select__chevron{transform:rotate(180deg)}.select__listbox{z-index:50;top:calc(100% + var(--space-2));padding:var(--space-1);background:var(--color-surface-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);max-height:260px;box-shadow:var(--shadow-overlay);margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.select__option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.select__option--active{background:var(--color-surface-raised)}.select__option--selected{color:var(--color-primary);font-weight:var(--font-weight-medium)}.select__option--selected.select__option--active{background:#4aa8ff24}.panel{background:linear-gradient(180deg, var(--color-card-highlight), transparent 120px), var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-panel);position:relative}.panel__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.panel__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.panel__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted);place-items:center;gap:var(--space-3);display:grid}.state__title{color:var(--color-text);font-weight:var(--font-weight-medium)}.error-banner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-text);margin-bottom:var(--space-4);display:flex}.error-banner__message{font-size:var(--font-size-sm)}.skeleton{background:linear-gradient(90deg, var(--color-surface-raised) 25%, var(--color-surface-overlay) 50%, var(--color-surface-raised) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}.page-loading-bar{z-index:20;width:100%;height:3px;margin-bottom:var(--space-4);background:#ffffff14;border-radius:999px;position:sticky;top:0;overflow:hidden}.page-loading-bar__indicator{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), #7dd3fc);width:35%;height:100%;animation:1.1s ease-in-out infinite page-loading-bar}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes page-loading-bar{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.skeleton,.page-loading-bar__indicator{animation:none}}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-muted);padding:3px 10px;display:inline-flex}.badge__dot{border-radius:50%;flex:none;width:8px;height:8px}.data-table__scroll{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th,.data-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table th{color:var(--color-text-subtle);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-raised);position:sticky;top:0}.data-table td.numeric,.data-table th.numeric{text-align:right}.data-table tbody tr:hover{background:var(--color-surface-raised)}.btn--danger{background:linear-gradient(180deg, #f98b8b, var(--color-error));border-color:var(--color-error);color:#2b0b0b;font-weight:var(--font-weight-semibold)}.btn--danger:hover:not(:disabled){background:#f98b8b;border-color:#f98b8b}.modal-overlay{z-index:100;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04070ea8;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-width:560px;max-height:calc(100vh - 2 * var(--space-4));background:linear-gradient(180deg, var(--color-card-highlight), transparent 120px), var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);outline:none;flex-direction:column;display:flex}.modal--sm{max-width:440px}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.modal__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.modal__close{flex:none}.modal__body{padding:var(--space-5);overflow-y:auto}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex}.confirm-dialog__body{gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);display:grid}.confirm-dialog__body strong{color:var(--color-text)}.form-grid{gap:var(--space-4);display:grid}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field>label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.form-input{min-height:42px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;transition:border-color .14s,box-shadow .14s}.form-input:hover:not(:disabled):not([readonly]){border-color:var(--color-primary)}.form-input:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4aa8ff2e}.form-input[aria-invalid=true]{border-color:var(--color-error)}.form-input:disabled,.form-input[readonly]{opacity:.6;cursor:not-allowed}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.checkbox-field{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.checkbox-field input[type=checkbox]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.badge--success{color:var(--color-success);background:#34d39914;border-color:#34d39966}.badge--warning{color:var(--color-warning);background:#fbbf2414;border-color:#fbbf2466}.badge--danger{color:var(--color-error);background:#f8717114;border-color:#f8717166}.data-table tbody tr.row--deleted td{opacity:.55}.pagination{justify-content:flex-end;align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.pagination__status{font-size:var(--font-size-sm);color:var(--color-text-muted)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11";background-image:radial-gradient(1200px 600px at 100% -10%,#4aa8ff14,#0000 60%),radial-gradient(900px 500px at -10% 110%,#a78bfa0f,#0000 55%);background-attachment:fixed;margin:0;overflow-x:hidden}h1,h2,h3,h4{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);color:var(--color-text);margin:0}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:inherit}button,a,label,select,summary,[role=button],[role=option],[role=menuitem],[role=tab],[role=link],[tabindex]:not([tabindex="-1"]),select:enabled{cursor:pointer}button:disabled,select:disabled,[aria-disabled=true]{cursor:not-allowed}.numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-3,12px);z-index:1000;padding:var(--space-2,8px) var(--space-3,12px);background:var(--color-surface-raised,#fff);color:var(--color-text,#111);border:1px solid var(--color-border-strong,#888);border-radius:var(--radius-sm,6px);transition:top .15s;position:absolute;top:-48px}.skip-link:focus{top:var(--space-3,12px)}