:root{--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--radius:8px;--radius-lg:12px;--bg:#f6f7f9;--surface:#fff;--surface-2:#f9fafb;--fg:#111827;--fg-muted:#6b7280;--fg-subtle:#9ca3af;--line:#e5e7eb;--line-strong:#d1d5db;--sidebar:#fff;--accent:#1d4ed8;--accent-fg:#fff;--accent-soft:#eff6ff;--ok:#15803d;--ok-soft:#f0fdf4;--warn:#b45309;--warn-soft:#fffbeb;--danger:#b91c1c;--danger-soft:#fef2f2;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018280a;--shadow-lg:0 4px 12px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b0e13;--surface:#151a22;--surface-2:#1b212b;--sidebar:#10141b;--fg:#e6e8eb;--fg-muted:#9aa4b2;--fg-subtle:#6b7684;--line:#2a313c;--line-strong:#3a4350;--accent:#4d82f3;--accent-fg:#0e1116;--accent-soft:#16233d;--ok:#4ade80;--ok-soft:#10231a;--warn:#fbbf24;--warn-soft:#241d0e;--danger:#f87171;--danger-soft:#2a1518;--shadow:none;--shadow-lg:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}p{margin:0}.topbar{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);background:var(--surface);border-bottom:1px solid var(--line);display:flex}.brand{align-items:center;gap:var(--s2);letter-spacing:-.02em;font-weight:650;display:flex}.brand__mark{background:var(--accent);width:1.5rem;height:1.5rem;color:var(--accent-fg);font-size:var(--text-xs);border-radius:6px;place-items:center;font-weight:700;display:grid}.topbar__right{align-items:center;gap:var(--s3);display:flex}.topbar__user{color:var(--fg-muted);font-size:var(--text-sm)}.container{max-width:68rem;padding:var(--s6) var(--s5) var(--s7);margin:0 auto}.section{margin-bottom:var(--s6)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--s4);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.section__meta{color:var(--fg-muted);font-size:var(--text-sm)}.btn{justify-content:center;align-items:center;gap:var(--s2);font:inherit;font-size:var(--text-sm);color:var(--fg);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:.5rem .875rem;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--fg-subtle)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{color:var(--fg-subtle);background:var(--surface-2);cursor:default}.btn--primary{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}.btn--primary:hover{filter:brightness(1.08);background:var(--accent)}.btn--primary:disabled{filter:none;opacity:.55;color:var(--accent-fg);background:var(--accent)}.btn--danger{color:var(--danger);border-color:var(--line-strong);background:var(--surface)}.btn--danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn--sm{font-size:var(--text-xs);padding:.3rem .6rem}.btn--block{width:100%}.link{font:inherit;font-size:var(--text-sm);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.link:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card__body{padding:var(--s4)}.card__foot{padding:var(--s3) var(--s4);border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));display:grid}.device__top{justify-content:space-between;align-items:flex-start;gap:var(--s3);display:flex}.device__name{font-size:var(--text-base)}.device__site{color:var(--fg-muted);font-size:var(--text-sm);margin-top:2px}.device__seen{color:var(--fg-subtle);font-size:var(--text-xs);margin-top:var(--s1)}.status{align-items:center;gap:var(--s2);font-size:var(--text-xs);white-space:nowrap;font-weight:500;display:inline-flex}.status__dot{border-radius:50%;flex:none;width:8px;height:8px}.status--online{color:var(--ok)}.status--online .status__dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 18%, transparent)}.status--offline{color:var(--warn)}.status--offline .status__dot{background:var(--warn)}.status--never-connected{color:var(--fg-subtle)}.status--never-connected .status__dot{background:var(--fg-subtle)}.pill{padding:2px var(--s2);font-size:var(--text-xs);color:var(--warn);background:var(--warn-soft);border:1px solid color-mix(in srgb, var(--warn) 35%, transparent);border-radius:999px;font-weight:500;display:inline-block}.cameras{margin:var(--s3) 0 0;padding:0;list-style:none}.cameras__summary{color:var(--fg-muted);font-size:var(--text-sm);margin-top:var(--s3)}.camera{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-top:1px solid var(--line);font-size:var(--text-sm);display:flex}.camera__name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.camera__state{color:var(--fg-muted);font-size:var(--text-xs)}.camera--streaming .camera__state{color:var(--ok)}.camera--error .camera__state,.camera--offline .camera__state{color:var(--danger)}.stale{margin-top:var(--s3);font-size:var(--text-xs);color:var(--warn)}.form{gap:var(--s3);display:grid}.field{gap:var(--s1);display:grid}.field>label{font-size:var(--text-sm);color:var(--fg);font-weight:500}.field__hint{font-size:var(--text-xs);color:var(--fg-subtle)}input,select,textarea{width:100%;font:inherit;font-size:var(--text-sm);color:var(--fg);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.5rem .625rem}input::placeholder{color:var(--fg-subtle)}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.field--invalid input{border-color:var(--danger)}.field__error{font-size:var(--text-xs);color:var(--danger)}.form__actions{gap:var(--s2);margin-top:var(--s1);display:flex}.form__hint{font-size:var(--text-xs);color:var(--fg-muted);margin:0;line-height:1.5}.form__row{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.notice{padding:var(--s3);border-radius:var(--radius);font-size:var(--text-sm);border:1px solid #0000}.notice--info{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 25%, transparent)}.notice--warn{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 30%, transparent)}.notice--error{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.notice--ok{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 30%, transparent)}.empty{padding:var(--s6);text-align:center;color:var(--fg-muted);font-size:var(--text-sm);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.empty__title{color:var(--fg);margin-bottom:var(--s1);font-weight:600}.claim{border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent-soft);padding:var(--s4) var(--s5);margin-bottom:var(--s5);box-shadow:var(--shadow-lg)}.claim__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:600}.claim__device{font-size:var(--text-sm);color:var(--fg-muted);margin-top:2px}.claim__code{margin:var(--s3) 0 var(--s1);letter-spacing:.14em;color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:600}.claim__expiry{font-size:var(--text-sm);color:var(--fg-muted)}.claim__expiry--expired{color:var(--danger);font-weight:600}.claim__warning{margin-top:var(--s3);font-size:var(--text-xs);color:var(--fg-muted);max-width:42rem}.claim__actions{gap:var(--s2);margin-top:var(--s4);display:flex}.login-page{min-height:100vh;padding:var(--s5);place-items:center;display:grid}.login{width:100%;max-width:22rem}.login__head{text-align:center;margin-bottom:var(--s5)}.login__sub{color:var(--fg-muted);font-size:var(--text-sm);margin-top:var(--s1)}@media (width<=40rem){.container{padding:var(--s4) var(--s3) var(--s6)}.topbar{padding:var(--s3)}.form__row,.grid{grid-template-columns:1fr}}.shell{grid-template-columns:15rem 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:var(--s4) var(--s3);gap:var(--s5);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:var(--s2);padding:0 var(--s2);letter-spacing:-.02em;font-weight:650;display:flex}.nav{flex-direction:column;gap:2px;display:flex}.nav__item{align-items:center;gap:var(--s3);padding:.5rem var(--s2);border-radius:var(--radius);font-size:var(--text-sm);color:var(--fg-muted);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-weight:500;text-decoration:none;display:flex}.nav__item:hover{background:var(--surface-2);color:var(--fg)}.nav__item--active{background:var(--accent-soft);color:var(--accent)}.nav__item svg{flex:none;width:18px;height:18px}.nav__count{font-size:var(--text-xs);color:var(--fg-subtle);margin-left:auto}.sidebar__foot{gap:var(--s2);padding:0 var(--s2);margin-top:auto;display:grid}.sidebar__user{font-size:var(--text-xs);color:var(--fg-subtle);text-overflow:ellipsis;overflow:hidden}.main{flex-direction:column;min-width:0;display:flex}.page-head{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s6);border-bottom:1px solid var(--line);background:var(--surface);z-index:5;display:flex;position:sticky;top:0}.page-head__title{gap:2px;display:grid}.page-head__sub{font-size:var(--text-sm);color:var(--fg-muted)}.page-head__actions{gap:var(--s2);display:flex}.page-body{padding:var(--s5) var(--s6) var(--s7);max-width:80rem}.metrics{gap:var(--s4);margin-bottom:var(--s6);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.metric{padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.metric__label{font-size:var(--text-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.metric__value{letter-spacing:-.02em;margin-top:var(--s1);font-size:1.75rem;font-weight:600}.metric__hint{font-size:var(--text-xs);color:var(--fg-subtle);margin-top:2px}.metric--attention .metric__value{color:var(--warn)}.panel-backdrop{padding:var(--s6) var(--s4);z-index:50;background:#00000073;place-items:start center;display:grid;position:fixed;inset:0;overflow-y:auto}.panel-card{width:100%;max-width:34rem}.panel-card__head{padding:var(--s4);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);font-weight:600}.table td{padding:var(--s3);border-bottom:1px solid var(--line);vertical-align:top}.table tr:last-child td{border-bottom:none}.table__actions{text-align:right;white-space:nowrap}@media (width<=56rem){.shell{grid-template-columns:1fr}.sidebar{align-items:center;gap:var(--s3);border-right:none;border-bottom:1px solid var(--line);flex-direction:row;height:auto;position:static;overflow-x:auto}.nav{flex-direction:row}.nav__count{display:none}.sidebar__foot{margin-top:0;margin-left:auto}.sidebar__user{display:none}.page-head,.page-body{padding-left:var(--s4);padding-right:var(--s4)}}.detail{gap:var(--s5);display:grid}.detail__back{font-size:var(--text-sm);margin:0}.detail__back a{color:var(--fg-muted);text-decoration:none}.detail__back a:hover{color:var(--fg)}.detail__head{justify-content:space-between;align-items:start;gap:var(--s4);display:flex}.detail__name{font-size:var(--text-xl);margin:0}.detail__where{margin:var(--s1) 0 0;color:var(--fg-muted);font-size:var(--text-sm)}.facts{gap:var(--s4);margin:var(--s5) 0 0;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.fact dt{font-size:var(--text-xs);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em}.fact dd{margin:var(--s1) 0 0;font-size:var(--text-sm);color:var(--fg)}.fact--warn{color:var(--warn)}.fingerprint{margin-left:var(--s2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);padding:1px var(--s2);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);color:var(--fg-muted);display:inline-block}.detail__cameras{gap:var(--s3);display:grid}.detail__cameras-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.detail__cameras-head h3{font-size:var(--text-lg);margin:0}.camera-rows{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}.camera-row{gap:var(--s3);padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);display:grid}.camera-row__main{justify-content:space-between;align-items:start;gap:var(--s4);flex-wrap:wrap;display:flex}.camera-row__ident{gap:2px;min-width:0;display:grid}.camera-row__name{text-overflow:ellipsis;font-weight:500;overflow:hidden}.camera-row__addr{font-size:var(--text-xs);color:var(--fg-subtle)}.camera-row__meta{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.camera-row__creds{font-size:var(--text-xs);color:var(--fg-muted)}.camera-row__actions{gap:var(--s2);flex-wrap:wrap;display:flex}.camera-row__panel{padding-top:var(--s3);border-top:1px solid var(--line)}.pill--streaming{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 35%, transparent)}.pill--error,.pill--offline{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.pill--unknown,.pill--muted,.pill--connecting{color:var(--fg-muted);background:var(--surface-2);border-color:var(--line-strong)}.user-rows{margin:var(--s4) 0 0;gap:var(--s2);padding:0;list-style:none;display:grid}.user-row{gap:var(--s3);padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);display:grid}.user-row__ident{gap:2px;min-width:0;display:grid}.user-row__email{align-items:center;gap:var(--s2);font-weight:500;display:flex}.user-row__activity{font-size:var(--text-xs);color:var(--fg-muted)}.user-row__actions{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.user-row__role select{width:auto;min-width:8rem}.user-row__note{font-size:var(--text-xs);color:var(--fg-subtle)}.invite{margin-bottom:var(--s5);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.invite__link{margin:var(--s3) 0;padding:var(--s3);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);word-break:break-all;line-height:1.6;display:block}.entitlement-form{width:100%;margin-top:var(--s3)}.auth{min-height:100dvh;padding:var(--s5);place-items:center;display:grid}.auth__card{width:100%;max-width:24rem}.auth__title{font-size:var(--text-xl);margin-bottom:var(--s2)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.detail__cameras-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.scan{gap:var(--s3);padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);flex:100%;display:grid}.scan__head{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.scan__head h4{font-size:var(--text-base);margin:0;font-weight:600}.scan__list{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.scan__item{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);display:flex}.scan__ident{gap:2px;min-width:0;display:grid}.scan__name{font-size:var(--text-sm);font-weight:500}.scan__addr{font-size:var(--text-xs);color:var(--fg-subtle)}.scan__panel{padding-top:var(--s3);border-top:1px solid var(--line)}.scan__uri{padding:var(--s2);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);word-break:break-all;color:var(--fg-muted);display:block}.field__label{font-size:var(--text-sm);color:var(--fg);font-weight:500}.user-row__access{font-size:var(--text-xs);color:var(--accent)}.access{gap:var(--s3);padding:var(--s4);margin-top:var(--s3);border-top:1px solid var(--line);grid-column:1/-1;display:grid}.access h4{font-size:var(--text-sm);margin:0;font-weight:600}.access__choice{gap:var(--s3);padding:var(--s2) 0;align-items:start;display:flex}.access__choice input{flex:none;width:auto;margin-top:3px}.access__choice>span{gap:2px;display:grid}.access__sites{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.access__site{padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.access__row{gap:var(--s3);align-items:center;display:flex}.access__row input{flex:none;width:auto}.access__row--nested{padding-left:var(--s4);font-size:var(--text-sm)}.access__client{font-size:var(--text-xs);color:var(--fg-subtle);display:block}.access__cameras{margin:var(--s2) 0 0;padding:0 0 0 var(--s3);gap:var(--s1);border-left:2px solid var(--line);list-style:none;display:grid}.audit__filters{gap:var(--s2);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.audit{gap:var(--s1);margin:0;padding:0;list-style:none;display:grid}.audit__row{padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:2px;display:grid}.audit__row--destructive{border-left:3px solid var(--danger)}.audit__summary{font-size:var(--text-sm)}.audit__meta{font-size:var(--text-xs);color:var(--fg-subtle)}.destroy{gap:var(--s3);padding:var(--s4);margin-top:var(--s3);border:1px solid var(--danger);border-radius:var(--radius-lg);background:var(--danger-soft);display:grid}.destroy h4{font-size:var(--text-base);margin:0}