@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--color-bg-page:#f1f5f9;--color-bg-surface:#fff;--color-bg-muted:#e2e8f0;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-primary:#0ea5e9;--color-primary-strong:#0284c7;--color-primary-tint:#0ea5e91f;--color-accent-orange:#e8851e;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--radius-input:4px;--radius-card:8px;--radius-modal:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--sidebar-expanded:236px;--sidebar-collapsed:64px;--sidebar-width:var(--sidebar-expanded);--app-sidebar-offset:var(--sidebar-expanded);--topbar-height:60px;--logo-area-height:56px}.vg-sidebar__header{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:flex-start;align-items:center;gap:10px;min-height:64px;transition:padding .24s;display:flex;overflow:hidden}.vg-sidebar__brand{align-items:center;gap:var(--space-3);flex:1;min-width:0;transition:gap .2s;display:flex;overflow:hidden}.vg-sidebar__brandLogoWrap{flex-shrink:0;line-height:0}.vg-sidebar__brandLogo{object-fit:contain;width:auto;max-width:76px;height:44px;transition:height .24s,max-width .24s;display:block}.vg-sidebar__brandLogo--collapsed{max-width:56px;height:34px}.vg-sidebar__brandText{opacity:1;min-width:0;max-width:180px;transition:opacity .16s,transform .2s,max-width .24s;transform:translate(0)}.vg-sidebar__brandTitle{letter-spacing:-.02em;color:var(--color-text-primary);white-space:nowrap;font-size:1.0625rem;font-weight:700;line-height:1.15}.vg-sidebar__brandTitleAccent{color:var(--color-accent-orange)}.vg-sidebar__brandTagline{color:var(--color-text-muted);margin-top:3px;font-size:.75rem;font-weight:500;line-height:1.25}.vg-sidebar__navLabel{white-space:nowrap;opacity:1;max-width:160px;transition:max-width .24s,opacity .16s,transform .2s;overflow:hidden;transform:translate(0)}.vg-sidebar--collapsed .vg-sidebar__brand{gap:0}.vg-sidebar--collapsed .vg-sidebar__header{padding:var(--space-2) 10px;min-height:var(--logo-area-height)}.vg-sidebar--collapsed .vg-sidebar__brandText,.vg-sidebar--collapsed .vg-sidebar__navLabel{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.vg-sidebar{overflow:hidden}.vg-sidebar__nav{flex:1;padding:14px 8px 0}.vg-sidebar__navList{grid-template-columns:1fr;align-content:start;gap:8px;display:grid}.vg-sidebar__navLink{height:40px;color:var(--color-text-secondary);background:0 0;border-left:3px solid #0000;border-radius:6px;align-items:center;gap:10px;margin:0;padding:0 12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:padding .2s,background-color .2s,border-color .2s;display:flex}.vg-sidebar__navIcon{flex-shrink:0;place-items:center;width:22px;min-width:22px;height:22px;display:grid}.vg-sidebar__navLink--active{border-left-color:var(--color-primary);background:#0ea5e914;padding-left:9px}.vg-sidebar--collapsed .vg-sidebar__navLink{padding:0 12px}.vg-sidebar--collapsed .vg-sidebar__navLink:hover{background:#0ea5e90f}.vg-sidebar__bottomRail{justify-content:center;padding:10px 12px 14px;display:flex}.vg-sidebar__collapseButton{border:1px solid var(--color-border);background:var(--color-bg-page);width:100%;min-height:38px;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:.82rem;font-weight:600;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.vg-sidebar__collapseButton:hover{border-color:var(--color-border-strong);background:#f8fafc}.vg-sidebar__collapseLabel{white-space:nowrap;opacity:1;max-width:88px;transition:max-width .2s,opacity .16s;overflow:hidden}.vg-sidebar--collapsed .vg-sidebar__collapseButton{width:40px;min-width:40px;padding:0}.vg-sidebar--collapsed .vg-sidebar__collapseLabel{opacity:0;max-width:0}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text-primary);margin:0;line-height:1.5}#root{min-height:100vh}button,input,select{font:inherit;color:inherit}.tabular{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{box-sizing:border-box;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.app-main-inner{margin-left:var(--app-sidebar-offset);flex-direction:column;flex:1;min-height:0;transition:margin-left .28s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.app-scroll{padding:var(--space-5);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.app-scroll--visitors{overflow-y:hidden}.app-page-title{margin:0 0 var(--space-5);font-size:1.5rem;font-weight:600}.topbar{--topbar-control-size:40px;box-sizing:border-box;height:var(--topbar-height);min-height:var(--topbar-height);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);z-index:10;align-items:center;gap:clamp(12px,2vw,22px);padding:0 clamp(16px,2.8vw,32px);display:flex;position:sticky;top:0}.topbar__title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;margin:0;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600;line-height:1.25;overflow:hidden}.topbar__spacer{flex:1;min-width:8px}.topbar__rail{--topbar-rail-sep:12px;flex-shrink:0;align-items:center;gap:0;display:flex}@media (width>=900px){.topbar__rail{--topbar-rail-sep:14px}}.topbar__railDivider{box-sizing:border-box;flex:0 0 calc(var(--topbar-rail-sep) * 2 + 1px);width:calc(var(--topbar-rail-sep) * 2 + 1px);flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}.topbar__railDivider:before{content:"";width:1px;height:calc(var(--topbar-control-size) - 6px);background:var(--color-border);opacity:.75;border-radius:1px;flex:0 0 1px;display:block}.topbar__railSection{align-items:center;gap:10px;display:flex}.topbar__railSection--notifyLang{gap:var(--topbar-rail-sep)}.topbar__notify{flex-shrink:0;position:relative}.topbar__notifyButton{width:var(--topbar-control-size);height:var(--topbar-control-size);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:10px;place-items:center;padding:0;transition:background-color .16s,color .16s;display:grid;position:relative}.topbar__notifyButton:hover{background:var(--color-bg-page);color:var(--color-text-primary)}.topbar__notifyBadge{background:var(--color-error);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.625rem;font-weight:700;line-height:1;display:grid;position:absolute;top:2px;right:2px}.topbar__store{--store-menu-width:200px;position:relative}.topbar__storeButton{box-sizing:border-box;min-height:var(--topbar-control-size);height:var(--topbar-control-size);width:var(--store-menu-width);min-width:var(--store-menu-width);max-width:var(--store-menu-width);border:1px solid var(--color-border);background:var(--color-bg-page);color:var(--color-text-primary);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.topbar__storeButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topbar__storeLabel{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}.topbar__storeChevron{color:var(--color-text-muted);transition:transform .2s}.topbar__storeChevron--open{transform:rotate(180deg)}.topbar__storeMenu{box-sizing:border-box;width:var(--store-menu-width);min-width:var(--store-menu-width);border:1px solid var(--color-border);z-index:60;background:#fff;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 24px #0f172a24}.topbar__storeOption{box-sizing:border-box;width:100%;max-width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:8px 10px;font-size:.88rem;font-weight:500;overflow:hidden}.topbar__storeOption:hover{background:#f8fafc}.topbar__storeOption--active{background:var(--color-primary-tint);color:var(--color-primary-strong);font-weight:700}.topbar__lang{box-sizing:border-box;min-height:var(--topbar-control-size);box-shadow:none;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.topbar__langTrack{background:#0f172a0e;border-radius:7px;align-items:center;gap:1px;padding:1px;display:inline-flex;box-shadow:inset 0 1px 2px #0f172a0f}.topbar__langSegment{color:var(--color-text-muted);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:30px;padding:7px 6px;font-size:.6875rem;font-weight:700;line-height:1;transition:background-color .18s,color .18s,box-shadow .18s;position:relative}.topbar__langSegment:hover{color:var(--color-text-primary)}.topbar__langSegment:hover:not(.topbar__langSegment--active){background:#ffffff8c}.topbar__langSegment--active{color:var(--color-primary-strong);background:#fff;box-shadow:0 1px 3px #0f172a1a,0 0 0 1px #0ea5e947}.topbar__langSegment:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.topbar__langSegment--active:focus-visible{outline-offset:2px}@media (width<=720px){.topbar__rail{--topbar-rail-sep:10px}.topbar__railDivider:before{opacity:.65;height:22px}.topbar__store{--store-menu-width:min(160px, 36vw)}.topbar__storeButton{padding:6px 8px;font-size:.78rem}.topbar__langSegment{min-width:28px;padding:6px;font-size:.625rem}.topbar__langTrack{gap:0;padding:1px}}@media (width<=520px){.topbar__profileNameWrap{display:none}.topbar__profileCapsule{padding-right:8px}}.topbar__profileCapsule{height:var(--topbar-control-size);min-height:var(--topbar-control-size);border:1px solid var(--color-border);background:var(--color-bg-page);box-sizing:border-box;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:5px 8px 5px 5px;transition:border-color .16s,background-color .16s;display:inline-flex}.topbar__profileCapsule:hover{border-color:var(--color-border-strong);background:#f8fafc}.topbar__profileAvatar{background:var(--color-primary-tint);width:28px;height:28px;color:var(--color-primary-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.topbar__profileNameWrap{padding-right:2px;line-height:1;display:block}.topbar__profileName{color:var(--color-text-primary);font-size:.86rem;font-weight:600;display:block}.topbar__profile{position:relative}.topbar__profileMenu{border:1px solid var(--color-border);z-index:60;background:#fff;border-radius:12px;width:236px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 28px #0f172a24}.topbar__profileMenuHeader{border-bottom:1px solid #eef2f7;align-items:center;gap:9px;margin-bottom:6px;padding:6px 8px 10px;display:flex}.topbar__profileMenuAvatar{background:var(--color-primary-tint);width:30px;height:30px;color:var(--color-primary-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:.74rem;font-weight:700;display:grid}.topbar__profileMenuIdentity{min-width:0}.topbar__profileMenuIdentity strong{font-size:.82rem;line-height:1.2;display:block}.topbar__profileMenuIdentity span{color:var(--color-text-muted);margin-top:1px;font-size:.72rem;display:block}.topbar__profileOption{width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:600;display:flex}.topbar__profileOptionIcon{width:16px;min-width:16px;color:var(--color-text-secondary);place-items:center;display:grid}.topbar__profileOption:hover{background:#f8fafc}.topbar__profileDivider{background:#eef2f7;height:1px;margin:4px 6px}.topbar__profileOption--danger,.topbar__profileOption--danger .topbar__profileOptionIcon{color:#dc2626}.grid-kpis{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.grid-2{gap:var(--space-5);grid-template-columns:2fr 1fr;align-items:start;display:grid}.vg-bottom-nav{display:none}.panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.panel-padding{padding:var(--space-4)}.panel-header{margin:0 0 var(--space-4);font-size:1.125rem;font-weight:600}.muted{color:var(--color-text-secondary);font-size:.875rem}.link-button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.link-button:hover{text-decoration:underline}:root{--kpi-label-fs:.8125rem;--kpi-value-fs:2.5rem;--kpi-delta-fs:.8125rem}.kpi-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0;min-height:130px;padding:var(--space-4);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0f172a0f,0 10px 28px #0f172a0a}.kpi-card__fitSlot{width:100%;min-width:0}.kpi-card__value{font-size:var(--kpi-value-fs);letter-spacing:-.03em;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 auto;font-weight:700;line-height:1;overflow:hidden}.kpi-card__delta{font-size:var(--kpi-delta-fs);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.45;overflow:hidden}.kpi-card__delta--single{color:var(--color-text-muted);font-weight:500}.kpi-card__delta--split{font-weight:600}.kpi-card:hover{border-color:#0ea5e947;box-shadow:0 1px 3px #0f172a0f,0 12px 32px #0ea5e91a}.vg-skeleton-bone{background:#e2e8f0;border-radius:8px;display:block;position:relative;overflow:hidden}.vg-skeleton-bone:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffbf 45%,#0000 88%);animation:1.35s ease-in-out infinite vg-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes vg-skeleton-shimmer{to{transform:translate(100%)}}.kpi-card.kpi-card--skeleton{pointer-events:none;cursor:default}.kpi-card.kpi-card--skeleton:hover{border-color:var(--color-border);box-shadow:0 1px 3px #0f172a0f,0 10px 28px #0f172a0a}.kpi-card--skeleton__head{align-items:center;min-width:0;min-height:36px;margin-bottom:.4rem;padding-right:44px;display:flex;position:relative}.vg-skeleton-bone--kpi-label{border-radius:6px;width:64%;max-width:200px;height:13px}.vg-skeleton-bone--kpi-icon{border-radius:10px;width:36px;height:36px;position:absolute;top:0;right:0}.vg-skeleton-bone--kpi-value{border-radius:10px;width:48%;max-width:140px;height:clamp(28px,1rem + 4.5cqi,40px)}.kpi-card--skeleton__deltaSlot{min-width:0;margin-top:14px}.vg-skeleton-bone--kpi-delta{border-radius:6px;width:78%;max-width:220px;height:12px}.dashboard__kpis>.kpi-card--skeleton:first-child .vg-skeleton-bone--kpi-label{width:58%}.dashboard__kpis>.kpi-card--skeleton:nth-child(2) .vg-skeleton-bone--kpi-label{width:52%}.dashboard__kpis>.kpi-card--skeleton:nth-child(3) .vg-skeleton-bone--kpi-label{width:62%}.dashboard__kpis>.kpi-card--skeleton:nth-child(4) .vg-skeleton-bone--kpi-label{width:48%}.dashboard__kpis>.kpi-card--skeleton:nth-child(2) .vg-skeleton-bone--kpi-value{width:42%}.dashboard__kpis>.kpi-card--skeleton:nth-child(4) .vg-skeleton-bone--kpi-value{width:38%}@media (prefers-reduced-motion:reduce){.kpi-card{transition:none}.vg-skeleton-bone:after{opacity:0;animation:none}.vg-skeleton-bone{opacity:.88}}@media (width<=1024px){.grid-2{grid-template-columns:1fr}}@media (width<=767px){.vg-sidebar-desktop{display:none}.vg-bottom-nav{display:flex}.app-main-inner{margin-left:0!important}.app-scroll{padding:var(--space-4);padding-bottom:calc(var(--space-4) + 56px)}}.app-dialog__overlay{z-index:120;padding:var(--space-4);background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-dialog__overlay--stack{z-index:125}.app-dialog__panel{gap:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;min-width:0;max-height:min(92vh,880px);padding:var(--space-4);flex-direction:column;display:flex;overflow:auto}.app-dialog__panel--sm{max-width:420px}.app-dialog__panel--md{max-width:560px}.app-dialog__panel--lg{max-width:760px}.app-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.app-dialog__title{color:var(--color-text-primary);align-items:center;gap:8px;min-width:0;margin:0;font-size:1.125rem;font-weight:600;display:inline-flex}.app-dialog__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:4px;line-height:0}.app-dialog__close:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text-primary)}.app-dialog__close:disabled{opacity:.5;cursor:not-allowed}.app-dialog__body{gap:var(--space-3);min-width:0;display:grid}.app-dialog__footer{margin-top:var(--space-1,4px);flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.app-dialog__footer--center{justify-content:center}.app-dialog__footer--split{justify-content:space-between}.camera-setup-dialog__root{z-index:100;padding:var(--space-3);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.camera-setup-dialog__backdrop{background:#0f172a8c;position:absolute;inset:0}.camera-setup-dialog{z-index:1;border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);flex-direction:column;width:min(1200px,100%);max-height:calc(100vh - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0f172a33}.camera-setup-dialog__titleBar{background:var(--color-primary);color:var(--color-bg-surface);border-bottom:1px solid #ffffff1f;justify-content:center;align-items:center;padding:14px 48px 12px;display:flex;position:relative}.camera-setup-dialog__title{margin:0;font-size:1.05rem;font-weight:600}.camera-setup-dialog__close{width:36px;height:36px;color:inherit;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:inline-flex;position:absolute;top:10px;right:10px}.camera-setup-dialog__close:hover{background:#ffffff38}.camera-setup-dialog__banner{color:#991b1b;background:#dc26261a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 14px;font-size:.875rem;display:flex}.camera-setup-dialog__dismiss{color:inherit;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.camera-setup-dialog__body{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.camera-setup-dialog__readonly{gap:var(--space-3);flex-direction:column;display:flex}.camera-setup-dialog__stepper{scrollbar-width:none;align-items:flex-start;gap:0;margin:0;padding:8px 16px;list-style:none;display:flex;overflow-x:auto}.camera-setup-dialog__stepper::-webkit-scrollbar{display:none}.camera-setup-dialog__step{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:72px;display:flex;position:relative}.camera-setup-dialog__step:not(:last-child):after{content:"";background:var(--color-border);height:2px;transition:background .25s;position:absolute;top:16px;left:calc(50% + 18px);right:calc(18px - 50%)}.camera-setup-dialog__step--done:not(:last-child):after{background:var(--color-primary)}.camera-setup-dialog__stepNum{z-index:1;border:2px solid var(--color-border);background:var(--color-bg-surface);width:32px;height:32px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:inline-flex;position:relative}.camera-setup-dialog__step--active .camera-setup-dialog__stepNum{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-bg-surface);box-shadow:0 0 0 4px var(--color-primary-tint)}.camera-setup-dialog__step--done .camera-setup-dialog__stepNum{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-bg-surface)}.camera-setup-dialog__stepLabel{color:var(--color-text-muted);text-align:center;word-break:break-word;max-width:90px;font-size:.75rem;font-weight:600;line-height:1.3;transition:color .2s}.camera-setup-dialog__step--active .camera-setup-dialog__stepLabel{color:var(--color-primary-strong)}.camera-setup-dialog__step--done .camera-setup-dialog__stepLabel{color:var(--color-text-primary)}.camera-setup-dialog__mainGrid{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;display:flex}@media (width>=900px){.camera-setup-dialog__mainGrid{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;display:grid}.camera-setup-dialog__canvasCol{grid-area:1/1/2/2}.camera-setup-dialog__sideCol{grid-area:1/2/2/3}.camera-setup-dialog__footer--grid{grid-area:2/1/3/-1}}.camera-setup-dialog__canvasCol{min-width:0}.camera-setup-dialog__canvasWrap{justify-content:center;align-items:center;width:100%;min-height:200px;display:flex}.camera-setup-dialog__canvasWrap canvas{border-radius:var(--radius-card);border:1px solid var(--color-border);max-width:100%}.camera-setup-dialog__sideCol{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.camera-setup-dialog__sideCol--full{grid-column:1/-1}.camera-setup-dialog__formGrid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.camera-setup-dialog__field{color:var(--color-text-primary);gap:6px;font-size:.875rem;font-weight:600;display:grid}.camera-setup-dialog__field input{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);padding:8px 10px;font-weight:500}.camera-setup-dialog__req{color:#dc2626}.camera-setup-dialog__fieldError{color:#b91c1c;font-size:.8125rem;font-weight:500}.camera-setup-dialog__rtspRow{align-items:stretch;gap:8px;display:flex}.camera-setup-dialog__rtspRow input{flex:1;min-width:0}.camera-setup-dialog__iconBtn{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);width:42px;color:var(--color-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.camera-setup-dialog__okIcon{color:#16a34a}.camera-setup-dialog__stepCol{gap:var(--space-2);flex-direction:column;display:flex}.camera-setup-dialog__stepTitle{color:var(--color-primary-strong);margin:0;font-size:1rem;font-weight:600}.camera-setup-dialog__stepDesc{margin:0;line-height:1.45}.camera-setup-dialog__miniActions{max-width:120px;margin-top:var(--space-2);flex-direction:column;gap:8px;display:flex}.camera-setup-dialog__radioBlock{margin-top:var(--space-2);flex-direction:column;gap:8px;display:flex}.camera-setup-dialog__radio{cursor:pointer;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.camera-setup-dialog__numLines{border-radius:var(--radius-card);border:1px solid var(--color-border);max-width:200px;padding:8px 10px}.camera-setup-dialog__btnPrimary,.camera-setup-dialog__btnSecondary,.camera-setup-dialog__btnSuccess{border-radius:var(--radius-card);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.camera-setup-dialog__btnPrimary:disabled,.camera-setup-dialog__btnSecondary:disabled,.camera-setup-dialog__btnSuccess:disabled{opacity:.55;cursor:not-allowed}.camera-setup-dialog__btnPrimary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-surface)}.camera-setup-dialog__btnPrimary:hover:not(:disabled){background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.camera-setup-dialog__btnSecondary{background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-text-primary)}.camera-setup-dialog__btnSecondary:hover:not(:disabled){background:var(--color-bg-muted)}.camera-setup-dialog__btnSuccess{color:#fff;background:#16a34a;border-color:#16a34a}.camera-setup-dialog__btnSuccess:hover:not(:disabled){background:#15803d}.camera-setup-dialog__footer{padding-top:var(--space-2);justify-content:flex-end;display:flex}.camera-setup-dialog__footer--grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.camera-setup-dialog__footerRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.camera-setup-dialog__spin{animation:.75s linear infinite camera-setup-dialog-spin}@keyframes camera-setup-dialog-spin{to{transform:rotate(360deg)}}.camera-setup-dialog__confirmOverlay{z-index:110;padding:var(--space-4);background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.camera-setup-dialog__confirm{gap:var(--space-3);width:100%;max-width:420px;display:grid}.camera-setup-dialog__confirm .panel-header{margin:0}.camera-setup-dialog__confirmActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.camera-setup-canvas-error{z-index:120;padding:var(--space-4);background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.camera-setup-canvas-error__panel{gap:var(--space-3);width:100%;max-width:400px;display:grid}.camera-setup-canvas-error__text{color:var(--color-text-primary);margin:0}.camera-setup-canvas-error__ok{border-radius:var(--radius-card);border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-bg-surface);cursor:pointer;justify-self:end;padding:8px 16px;font-weight:600}@keyframes ots-spin{to{transform:rotate(360deg)}}.ots-root{min-height:100vh;font-family:var(--font-sans);background:var(--color-bg-page);color:var(--color-text-primary);flex-direction:column;display:flex}.ots-header{padding:var(--space-5) var(--space-4);background:var(--color-primary);color:var(--color-bg-surface);text-align:center;border-bottom:1px solid #ffffff1f;flex-shrink:0}.ots-header__title{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:600}.ots-container{padding:var(--space-5) var(--space-3);flex:1;width:100%;max-width:1200px;margin:0 auto}.ots-content{gap:var(--space-5);flex-direction:column;display:flex}.ots-progress{gap:var(--space-3);flex-direction:column;display:flex}.ots-progress__label{color:var(--color-text-secondary);margin:0;font-size:.9375rem;font-weight:600}.ots-progress__track{background:var(--color-bg-muted);border-radius:8px;height:16px;overflow:hidden}.ots-progress__fill{background:var(--color-primary);border-radius:8px;height:100%;transition:width .25s}.ots-suspense{min-height:35vh;color:var(--color-text-muted);place-items:center;font-size:.875rem;display:grid}.ots-card{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);width:100%;max-width:760px;margin:0 auto;overflow:hidden;box-shadow:0 4px 24px #0f172a0f}.ots-card--wide{max-width:900px}.ots-card__accent{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border);align-items:flex-start;gap:var(--space-4);background:linear-gradient(135deg,#0ea5e91f 0%,#0ea5e90a 100%);display:flex}.ots-card__accent--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.ots-card__accentLeft{align-items:flex-start;gap:var(--space-4);flex:1;min-width:200px;display:flex}.ots-addCameraBtn{margin-top:var(--space-1)}@media (width>=640px){.ots-card__accent--row .ots-addCameraBtn{white-space:nowrap;align-self:center;margin-top:0}}.ots-card__iconWrap{border-radius:var(--radius-card);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-strong) 100%);width:52px;height:52px;color:var(--color-bg-surface);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 24px #0ea5e947}.ots-card__intro{flex:1;min-width:0}.ots-card__heading{margin:0 0 var(--space-2);color:var(--color-primary-strong);font-size:1.125rem;font-weight:700}.ots-card__lede{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.ots-card__body{padding:var(--space-5)}.ots-stepChip{padding:var(--space-1) var(--space-3);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em;background:var(--color-primary-tint);color:var(--color-primary-strong);border-radius:999px;font-size:.75rem;font-weight:700;display:inline-block}.ots-callout{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-5);border-radius:var(--radius-card);background:linear-gradient(135deg,#0ea5e914 0%,#0ea5e905 100%);border:1px solid #0ea5e933;display:flex}.ots-callout__icon{color:var(--color-primary-strong);flex-shrink:0}.ots-callout__title{margin:0 0 var(--space-1);color:var(--color-primary-strong);font-size:.875rem;font-weight:600}.ots-callout__text{color:var(--color-text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.ots-error-banner{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);color:var(--color-error);background:#ef444414;border:1px solid #ef444459;font-size:.875rem;font-weight:500}.ots-form{gap:var(--space-4);flex-direction:column;display:flex}.ots-form__full{gap:var(--space-2);flex-direction:column;display:flex}.ots-form__grid2{gap:var(--space-4);display:grid}@media (width>=640px){.ots-form__grid2{grid-template-columns:1fr 1fr}}.ots-label{color:var(--color-text-primary);font-size:.8125rem;font-weight:600}.ots-input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);border:1px solid var(--color-border-strong);background:var(--color-bg-page);color:var(--color-text-primary);outline:none;font-family:inherit;font-size:.9375rem;transition:border-color .15s,background .15s,box-shadow .15s}.ots-input:hover{border-color:var(--color-text-muted)}.ots-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e933}.ots-input::placeholder{color:var(--color-text-muted)}.ots-input--error{border-color:var(--color-error)}.ots-field-error{color:var(--color-error);font-size:.75rem;font-weight:500}.ots-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.ots-actions--end{justify-content:flex-end}.ots-actions--between{flex-wrap:wrap;justify-content:space-between;align-items:center}.ots-btnPrimary{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-6);color:var(--color-bg-surface);background:var(--color-primary-strong);border-radius:var(--radius-card);cursor:pointer;border:none;font-family:inherit;font-size:.9375rem;font-weight:600;transition:opacity .15s,background .15s;display:inline-flex}.ots-btnPrimary:hover:not(:disabled){background:var(--color-primary)}.ots-btnPrimary:disabled{opacity:.55;cursor:not-allowed}.ots-btnSecondary{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-card);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;display:inline-flex}.ots-btnSecondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-strong)}.ots-btnSpinner{animation:.7s linear infinite ots-spin}@media (width<=639px){.ots-actions--between{flex-direction:column-reverse}.ots-actions--between .ots-btnPrimary,.ots-actions--between .ots-btnSecondary{width:100%}}.ots-cameraLoader{padding:var(--space-7) var(--space-4);justify-content:center;display:flex}.ots-cameraLoader__icon{color:var(--color-primary-strong)}.ots-cameraList{margin:0 0 var(--space-5);gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.ots-cameraRow{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:linear-gradient(135deg,#0ea5e90d 0%,#f1f5f980 100%);border:1px solid #0ea5e92e;transition:transform .15s,box-shadow .15s;display:flex}.ots-cameraRow:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a14}.ots-cameraRow__thumb{border-radius:var(--radius-card);width:42px;height:42px;color:var(--color-primary-strong);background:#0ea5e91f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ots-cameraRow__text{flex:1;min-width:0}.ots-cameraRow__name{margin:0 0 var(--space-1);font-size:.9375rem;font-weight:600}.ots-cameraRow__meta{color:var(--color-text-secondary);word-break:break-all;margin:0;font-size:.8125rem}.ots-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);text-transform:uppercase;border-radius:999px;flex-shrink:0;font-size:.6875rem;font-weight:700;display:inline-flex}.ots-chip--success{color:var(--color-success);background:#22c55e26}.ots-chip--muted{background:var(--color-bg-muted);color:var(--color-text-muted)}.ots-emptyCameras{text-align:center;padding:var(--space-7) var(--space-4);margin-bottom:var(--space-5);border-radius:var(--radius-card);background:#0ea5e90a;border:2px dashed #0ea5e940}.ots-emptyCameras__icon{color:var(--color-primary-strong);opacity:.55;margin-bottom:var(--space-3)}.ots-emptyCameras__title{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-weight:600}.ots-emptyCameras__hint{color:var(--color-text-muted);margin:0;font-size:.875rem}.ots-doneCard{max-width:500px;margin:var(--space-6) auto 0;padding:var(--space-6) var(--space-5);text-align:center;border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);box-shadow:0 4px 24px #0f172a0f}.ots-doneCard__badge{width:88px;height:88px;margin:0 auto var(--space-5);color:var(--color-primary-strong);background:linear-gradient(135deg,#cffafe,#a7f3d0e6);border-radius:50%;justify-content:center;align-items:center;display:flex}.ots-doneCard__title{margin:0 0 var(--space-3);color:var(--color-primary-strong);font-size:1.375rem;font-weight:700}.ots-doneCard__text{margin:0 0 var(--space-6);color:var(--color-text-secondary);max-width:380px;margin-left:auto;margin-right:auto;font-size:.9375rem;line-height:1.5}.ots-doneCard__cta{min-width:200px}.ots-shellGate{background:var(--color-bg-page);min-height:100vh;color:var(--color-primary-strong);place-items:center;display:grid}.ots-shellGate__spinner{animation:.75s linear infinite ots-spin}.date-time-range-modal__body{gap:16px;display:grid}.date-time-range-modal__quickFilters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.date-time-range-modal__quickBtn{border:1px solid var(--color-border);background:var(--color-bg-surface);color:#334155;cursor:pointer;border-radius:999px;padding:8px 10px;font-size:.75rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.date-time-range-modal__quickBtn:hover{background:#f8fafc;border-color:#cbd5e1}.date-time-range-modal__quickBtn--active{color:#0284c7;background:#0ea5e91f;border-color:#0ea5e973}.date-time-range-modal__sectionTitle{color:var(--color-text-muted);margin:0 0 8px;font-size:.8125rem;font-weight:600}.date-time-range-modal__fieldsRow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.date-time-range-modal__field{gap:6px;min-width:0;display:grid}.date-time-range-modal__field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:800}.date-time-range-modal__field input{color:#0f172a;width:100%;min-height:38px;font-size:.8125rem;font-weight:600;font-family:var(--font-sans);box-sizing:border-box;background:#fff;border:1px solid #d6e0ea;border-radius:10px;padding:8px 10px}.date-time-range-modal__field input:focus{border-color:#0ea5e973;outline:none;box-shadow:0 0 0 3px #0ea5e917}.date-time-range-modal__field input:read-only{cursor:default;color:#475569;background:#f8fafc}.date-time-range-modal__calendar{box-sizing:border-box;border:1px solid #d6e0ea;border-radius:12px;margin:0 auto;padding:12px}.date-time-range-modal__calendarNav{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.date-time-range-modal__monthLabel{color:#0f172a;font-size:.875rem;font-weight:600}.date-time-range-modal__navBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.date-time-range-modal__navBtn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.date-time-range-modal__navBtn:disabled{opacity:.35;cursor:not-allowed}.date-time-range-modal__weekdays,.date-time-range-modal__days{grid-template-columns:repeat(7,1fr);place-items:center;display:grid}.date-time-range-modal__days{grid-template-rows:repeat(6,1fr);row-gap:4px;width:280px;height:260px}.date-time-range-modal__weekday{text-align:center;color:#94a3b8;padding:4px 0;font-size:.6875rem;font-weight:600}.date-time-range-modal__dayCell{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.date-time-range-modal__dayCell--inRange{background:#63a7eb59}.date-time-range-modal__dayCell--rangeStart{border-top-left-radius:999px;border-bottom-left-radius:999px}.date-time-range-modal__dayCell--rangeEnd{border-top-right-radius:999px;border-bottom-right-radius:999px}.date-time-range-modal__dayBtn{color:#0f172a;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:50%;width:100%;height:100%;padding:0;font-size:.875rem;font-weight:600;line-height:1}.date-time-range-modal__dayBtn:hover:not(:disabled){background:#eaf7fd}.date-time-range-modal__dayBtn--selected{color:#fff;background:#0ea5e9}.date-time-range-modal__dayBtn--selected:hover:not(:disabled){background:#0284c7}.date-time-range-modal__dayBtn--today:not(.date-time-range-modal__dayBtn--selected){box-shadow:inset 0 0 0 1px #0ea5e9}.date-time-range-modal__dayBtn:disabled{opacity:.4;cursor:not-allowed}.date-time-range-modal__actions{justify-content:flex-end;gap:8px;display:flex}.date-time-range-modal__actions button{border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:.8125rem;font-weight:600}.date-time-range-modal__actions button:last-child{background:var(--color-primary);color:#fff;border:none}.date-time-range-modal__actions button:last-child:disabled{opacity:.5;cursor:not-allowed}.date-time-range__trigger{border:1px solid var(--color-border-strong);background:var(--color-bg-surface);max-width:min(420px,50vw);min-height:40px;color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.date-time-range__trigger:hover{background:var(--color-primary-tint);border-color:#0ea5e959}.date-time-range__trigger svg{color:var(--color-text-muted);flex-shrink:0}.date-time-range__triggerText{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.date-time-range__triggerPeriod{line-height:1.2}.date-time-range__triggerRange{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;font-weight:600;line-height:1.25;overflow:hidden}.analytics-page{width:100%}.analytics-page__headerRow{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.analytics-page__rangeTabs{flex-wrap:nowrap;align-items:center;gap:8px;display:flex;overflow-x:visible}.analytics-page__rangeTab{border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.83rem;font-weight:600;transition:background .15s,border-color .15s}.analytics-page__rangeTab--active{background:var(--color-primary-tint);color:var(--color-primary-strong);border-color:#0ea5e966}.analytics-page__export{position:relative}.analytics-page__exportButton{border-radius:var(--radius-card);border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:#334155;cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.analytics-page__exportMenu{min-width:max(220px, max-content);border:1px solid var(--color-border);background:var(--color-bg-surface);z-index:10;border-radius:10px;gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0f172a24}.analytics-page__exportMenu button{text-align:left;color:#334155;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:600}.analytics-page__exportMenu button:hover{background:#f1f5f9}.analytics-page__kpis{--kpi-value-fs:clamp(1.62rem, 2.8cqi, 2.45rem);--kpi-delta-fs:clamp(.72rem, .88cqi, .8125rem);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:0;display:grid;container-type:inline-size}.analytics-page__kpis .kpi-card{min-height:auto;padding:12px}.analytics-page__kpis .kpi-card__value{margin-bottom:0}.analytics-page__kpiErrors{margin:0 0 12px;font-size:.84rem}.analytics-page__content{margin-bottom:16px}.analytics-page__twoCol{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);align-items:start;gap:16px;display:grid}.analytics-page__leftColumn,.analytics-page__rightColumn{align-content:start;gap:16px;display:grid}.analytics-page__panel{border:1px solid #e5edf6;border-radius:14px;box-shadow:0 2px 10px #0f172a0a}.analytics-page__panelTitle{letter-spacing:-.01em;margin-bottom:6px;font-size:1.05rem}.analytics-page__panelMeta{margin-top:0;margin-bottom:10px;font-size:.79rem}.analytics-page__chartState{justify-content:center;align-items:center;height:100%;display:flex}.analytics-page__sectionHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.analytics-page__sectionBadge{color:#0369a1;letter-spacing:.02em;text-transform:uppercase;background:#f8fbff;border:1px solid #dbe7f3;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700}.analytics-page__chartWrap{width:100%;height:308px}.analytics-page__chartWrap :focus:not(:focus-visible){outline:none}.analytics-page__chartWrap .recharts-wrapper:focus-visible{outline:2px solid var(--color-primary-strong,#0284c7);outline-offset:2px;border-radius:4px}.analytics-page__storeList{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.analytics-page__storeItem{background:#fbfdff;border:1px solid #e8eff7;border-radius:12px;gap:7px;padding:10px 11px;display:grid}.analytics-page__storeTopRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.analytics-page__storeName{color:#1e293b;align-items:center;font-size:.83rem;font-weight:600;display:inline-flex}.analytics-page__storeValue{font-weight:700}.analytics-page__storeBar{background:#edf2f7;border-radius:999px;height:6px;overflow:hidden}.analytics-page__storeBarFill{border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#38bdf8);height:100%}.analytics-page__storeMeta{color:#64748b;justify-content:space-between;gap:10px;font-size:.73rem;display:flex}.analytics-page__storeHighlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.analytics-page__highlight{background:#f8fbff;border:1px solid #e8eff7;border-radius:10px;gap:3px;padding:8px 10px;display:grid}.analytics-page__highlight span{color:#64748b;font-size:.72rem}.analytics-page__highlight strong{color:#0f172a;font-size:.8rem}.analytics-page__panel--demographics{padding-top:16px}.analytics-page__demoGroup+.analytics-page__demoGroup{margin-top:18px}.analytics-page__demoGroup h3{color:#1e293b;margin:0 0 10px;font-size:.9rem;font-weight:700}.analytics-page__demoList{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.analytics-page__demoRow{color:#334155;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:.85rem;display:flex}.analytics-page__demoBar{background:#edf2f7;border-radius:999px;height:8px;overflow:hidden}.analytics-page__demoBarFill{background:linear-gradient(90deg,#0ea5e9,#38bdf8);height:100%}.analytics-page__demoBarFill--gender{background:linear-gradient(90deg,#0284c7,#0ea5e9)}@media (width<=1080px){.analytics-page__twoCol,.analytics-page__storeHighlights{grid-template-columns:minmax(0,1fr)}}.dashboard{--dash-shadow-xs:0 1px 2px #0f172a0d;--dash-shadow-sm:0 1px 3px #0f172a0f, 0 8px 22px #0f172a0d;--dash-shadow-hover:0 6px 20px #0ea5e924;--kpi-label-fs:clamp(.6875rem, .32rem + 1.05cqi, .8125rem);--kpi-value-fs:clamp(1.25rem, .55rem + 5.25cqi, 2.5rem);--kpi-delta-fs:clamp(.6875rem, .32rem + 1.05cqi, .8125rem);--dash-camera-name-fs:clamp(.875rem, .42rem + 1.35cqi, 1.0625rem);--dash-camera-store-fs:clamp(.75rem, .35rem + 1.15cqi, .875rem);--dash-camera-status-fs:clamp(.5625rem, .24rem + .92cqi, .65rem);--dash-camera-metric-value-fs:clamp(.9375rem, .45rem + 2.1cqi, 1.32rem);--dash-camera-metric-label-fs:clamp(.625rem, .28rem + 1cqi, .765rem);--dash-camera-offline-badge-fs:clamp(.625rem, .26rem + .95cqi, .72rem);width:100%;container:dashboard/inline-size}.dashboard__lead{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.dashboard__title{letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.dashboard__subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:.875rem}.dashboard__freshness{color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border);box-shadow:var(--dash-shadow-xs);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;display:inline-flex}.dashboard__freshness-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dashboard__kpis{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.dashboard__layout{gap:var(--space-5);grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;display:grid}@media (width<=1080px){.dashboard__layout{grid-template-columns:1fr}}.dashboard__section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--dash-shadow-sm);overflow:hidden}.dashboard__section--pad{padding:var(--space-5)}.dashboard__sectionHead{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.dashboard__sectionTitle{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.dashboard__sectionMeta{color:var(--color-text-muted);margin:4px 0 0;font-size:.8125rem}.dashboard__sectionAction{color:var(--color-primary-strong);white-space:nowrap;border-radius:var(--radius-input);align-items:center;gap:6px;padding:6px 10px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.dashboard__sectionAction:hover{background:var(--color-primary-tint)}.dashboard__cameraGrid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard__cameraCard{border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:18px;transition:border-color .15s,box-shadow .15s;overflow:hidden;box-shadow:0 2px 12px #0f172a0a}.dashboard__cameraCard[role=button]{cursor:pointer}.dashboard__cameraCard[role=button]:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:2px}.dashboard__cameraCard:hover{border-color:#0ea5e947;box-shadow:0 10px 26px #0f172a17}@media (prefers-reduced-motion:reduce){.dashboard__cameraCard:hover{box-shadow:0 2px 12px #0f172a0a}}.dashboard__cameraPreview>.stream{min-height:0;position:absolute;inset:0}.dashboard__cameraPreview>.stream .stream__frame{width:100%;height:100%;position:absolute;inset:0}.dashboard__cameraCard--skeleton{pointer-events:none;cursor:default}.dashboard__cameraCard--skeleton:hover{border-color:var(--color-border);box-shadow:0 2px 12px #0f172a0a}.dashboard__cameraPreviewSkeletonFill{border-radius:0;min-height:0;position:absolute;inset:0}.dashboard__cameraSkelTitle{border-radius:7px;width:72%;max-width:100%;height:clamp(14px,.42rem + 1.35cqi,17px)}.dashboard__cameraSkelPill{border-radius:999px;flex-shrink:0;width:46px;height:22px}.dashboard__cameraMetricTile--skeleton{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:64px;display:flex}.dashboard__cameraSkelMetricVal{border-radius:6px;width:46%;height:clamp(15px,.45rem + 2.1cqi,19px)}.dashboard__cameraSkelMetricLab{border-radius:5px;width:72%;height:10px}.dashboard__camerasError,.dashboard__camerasEmpty{padding:var(--space-4);color:var(--color-text-secondary);text-align:center;grid-column:1/-1;margin:0;font-size:.9375rem;font-weight:500}.dashboard__cameraPreview{aspect-ratio:16/9;background:linear-gradient(#0f172a05 0%,#0f172a14 100%),#eceff1;position:relative}.dashboard__cameraPreviewVideo{object-fit:cover;width:100%;height:100%;display:block}.dashboard__cameraPreviewOffline{background:linear-gradient(135deg,#1e293be6 0%,#0f172af0 100%),repeating-linear-gradient(-45deg,#94a3b81f 0 10px,#94a3b808 10px 20px);place-items:center;display:grid;position:absolute;inset:0}.dashboard__cameraPreviewOffline span{color:#e2e8f0;font-size:var(--dash-camera-offline-badge-fs);letter-spacing:.08em;text-transform:uppercase;background:#0f172ab3;border:1px solid #f8fafc4d;border-radius:999px;padding:6px 12px;font-weight:700}.dashboard__cameraBody{padding:var(--space-4);gap:14px;display:grid}.dashboard__cameraIdentity{gap:6px;display:grid}.dashboard__cameraName{font-size:var(--dash-camera-name-fs);color:#0f172a;white-space:nowrap;flex-shrink:0;font-weight:600}.dashboard__cameraStore{font-size:var(--dash-camera-store-fs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.dashboard__cameraIdentityMeta{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.dashboard__cameraIdentityLine{white-space:nowrap;align-items:baseline;min-width:0;display:flex}.dashboard__cameraInlineStatus{white-space:nowrap;font-size:var(--dash-camera-status-fs);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.dashboard__cameraInlineStatus--live{color:#166534;background:#dcfce7;border:1px solid #86efac}.dashboard__cameraInlineStatus--offline{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.dashboard__cameraMetrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard__cameraMetricTile{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;min-width:0;padding:10px 8px}.dashboard__cameraMetricValue{font-size:var(--dash-camera-metric-value-fs);letter-spacing:-.01em;white-space:nowrap;color:#0f172a;font-weight:700;line-height:1.1}.dashboard__cameraMetricLabel{font-size:var(--dash-camera-metric-label-fs);color:#334155;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-weight:600;overflow:hidden}@media (width<=740px){.dashboard__cameraGrid,.dashboard__cameraMetrics{grid-template-columns:1fr}}.dashboard__rail{gap:var(--space-4);flex-direction:column;min-height:0;display:flex}.dashboard__timeline{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.dashboard__timelineItem{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;display:grid}.dashboard__timelineItem--message{grid-template-columns:1fr}.dashboard__timelineItem--message .dashboard__camerasError,.dashboard__timelineItem--message .dashboard__camerasEmpty{margin:0}.dashboard__activityAvatarSkeleton{border-radius:999px;width:22px;height:22px;display:block}.dashboard__activitySkelTitle{border-radius:4px;width:55%;max-width:200px;height:14px}.dashboard__activitySkelTime{border-radius:4px;width:4.5rem;height:12px}.dashboard__activitySkelLine{border-radius:4px;width:90%;height:12px;margin-top:8px;display:block}.dashboard__activitySkelLineShort{border-radius:4px;width:45%;height:12px;margin-top:6px;display:block}.dashboard__timelineMarker{flex-direction:column;align-items:center;gap:6px;padding-top:2px;display:flex}.dashboard__timelineConnector{background:linear-gradient(#dbe7f3 0%,#eef4fb 100%);border-radius:999px;flex:1;width:2px;min-height:34px}.dashboard__timelineItem:last-child .dashboard__timelineConnector{display:none}.dashboard__timelineMain{border-bottom:1px solid #e5edf6;padding:0 0 10px}.dashboard__timelineItem:last-child .dashboard__timelineMain{border-bottom:none;padding-bottom:0}.dashboard__activityTags{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.dashboard__time{font-variant-numeric:tabular-nums;color:#6b7280;letter-spacing:.02em;padding-top:1px;font-size:.75rem;font-weight:600}.dashboard__event{color:var(--color-text-primary);margin:0;font-size:.92rem;font-weight:700;line-height:1.4}.dashboard__timelineHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.dashboard__eventSummary{color:#334155;margin:2px 0 0;font-size:.9rem;line-height:1.35}.dashboard__eventLabel{letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;background:#f8fafc;border:1px solid #dbe4ef;border-radius:999px;padding:2px 6px;font-size:.625rem;font-weight:700}.dashboard__severity{letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:2px 6px;font-size:.625rem;font-weight:700}.dashboard__severity--critical{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.dashboard__severity--high{color:#b45309;background:#fff7ed;border-color:#fed7aa}.dashboard__severity--medium{color:#92400e;background:#fffbeb;border-color:#fde68a}.dashboard__severity--low{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.dashboard__severity--info{color:#475569;background:#f8fafc;border-color:#e2e8f0}.dashboard__activityAvatar{object-fit:cover;border:1px solid #dbe4ef;border-radius:999px;flex-shrink:0;width:22px;height:22px}.dashboard__activityAvatarFallback{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.63rem;font-weight:700;display:grid}.dashboard__activityAvatarBroken{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.dashboard__activityDot{border:1px solid #0000;border-radius:999px;width:10px;height:10px}.dashboard__activityDot--critical{background:#ef4444;border-color:#fca5a5}.dashboard__activityDot--high{background:#f59e0b;border-color:#fcd34d}.dashboard__activityDot--medium{background:#f59e0b;border-color:#fde68a}.dashboard__activityDot--low{background:#3b82f6;border-color:#93c5fd}.dashboard__activityDot--info{background:#22c55e;border-color:#86efac}.dashboard__personTag{color:#c2410c;letter-spacing:.06em;text-transform:uppercase;background:#fff7ed;border:1px solid #fdba74;border-radius:999px;margin-left:8px;padding:1px 6px;font-size:.62rem;font-weight:700}.dashboard__eventDetail{color:#64748b;margin:3px 0 0;font-size:.78rem;line-height:1.35}.dashboard__section--activity .dashboard__sectionHead{margin-bottom:12px}.dashboard__section--activity .dashboard__sectionMeta{max-width:34ch}.dashboard__section--activity{flex-direction:column;min-height:0;display:flex}.dashboard__section--activity .dashboard__timeline{max-height:clamp(360px,56vh,560px);padding-right:6px;overflow-y:auto}.dashboard__section--activity .dashboard__timeline::-webkit-scrollbar{width:8px}.dashboard__section--activity .dashboard__timeline::-webkit-scrollbar-thumb{background:#dbe4ef;border-radius:999px}.dashboard__section--activity .dashboard__timeline::-webkit-scrollbar-track{background:0 0}.dashboard__spotlight{background:linear-gradient(#f9fcff 0%,#fff 56%);border:1px solid #e5edf6;border-radius:14px;padding:14px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a0d}.dashboard__spotlight:before{content:"";background:linear-gradient(90deg, var(--color-primary), #e8851ed9);height:4px;position:absolute;top:0;left:0;right:0}.dashboard__spotlightEyebrow{color:var(--color-accent-orange);text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;font-size:.625rem;font-weight:700}.dashboard__spotlightHead{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.dashboard__spotlightTitle{color:#0f172a;margin:0;font-size:.95rem;font-weight:700;line-height:1.3}.dashboard__spotlightProfile{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.dashboard__avatar{background:linear-gradient(145deg, var(--color-primary-tint), #e8851e1f);border:2px solid var(--color-bg-surface);width:42px;height:42px;box-shadow:0 0 0 1px var(--color-border), var(--dash-shadow-xs);color:var(--color-primary-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:700;display:grid}.dashboard__avatarImage{object-fit:cover;width:42px;height:42px;box-shadow:0 0 0 1px var(--color-border), var(--dash-shadow-xs);border:2px solid #fff;border-radius:50%;flex-shrink:0}.dashboard__spotlightIdentity{min-width:0}.dashboard__spotlightName{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.dashboard__spotlightNameText{letter-spacing:-.01em;font-size:.98rem;font-weight:700}.dashboard__spotlightSub{color:#64748b;margin:0;font-size:.77rem;line-height:1.35}.dashboard__miniStats{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:0;width:100%;max-width:none;margin-top:0;padding:0 14px;display:flex}@media (width<=400px){.dashboard__miniStats{grid-template-columns:1fr}}.dashboard__miniStat{border-radius:var(--radius-input);background:0 0;border:none;width:fit-content;min-width:0;padding:0}.dashboard__miniStatLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.62rem;font-weight:700;line-height:1.1}.dashboard__miniStatValue{font-variant-numeric:tabular-nums;width:fit-content;margin-top:5px;font-size:1.08rem;font-weight:700;line-height:1.15}.stream{background:#0f172a;justify-content:center;align-items:center;width:100%;height:100%;min-height:120px;display:flex;position:relative}.stream__spinner{border:3px solid #fff3;border-top-color:var(--color-primary,#0ea5e9);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite stream-spin}@keyframes stream-spin{to{transform:rotate(360deg)}}.stream__empty{color:#ffffff8c;text-align:center;padding:0 var(--space-3);margin:0;font-size:.8125rem;font-weight:500}.stream__frame{object-fit:contain;width:100%;height:100%;display:block}.live-page{width:100%}.live-page__toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:16px;display:flex}.live-page__search{border:1px solid var(--color-border-strong);width:420px;min-width:260px;max-width:calc(100% - 170px);min-height:40px;color:var(--color-text-secondary);background:#fff;border-radius:10px;flex:0 420px;align-items:center;gap:10px;padding:0 12px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex;box-shadow:inset 0 1px #ffffff73}.live-page__search:focus-within{background:var(--color-bg-surface);border-color:#0ea5e973;box-shadow:0 0 0 3px #0ea5e91f,inset 0 1px #ffffff8c}.live-page__search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.live-page__search input::placeholder{color:var(--color-text-muted)}.live-page__addButton{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;min-height:42px;margin-left:auto;padding:0 14px;font-size:.875rem;font-weight:600;display:inline-flex}.live-page__section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:14px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #0f172a0f,0 8px 22px #0f172a0d;container:live-section/inline-size}.live-page__sectionHead{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.live-page__title{letter-spacing:-.01em;margin:0;font-size:1.06rem;font-weight:700}.live-page__meta{color:var(--color-text-muted);margin:2px 0 0;font-size:.8rem}.live-page__count{color:var(--color-text-secondary);font-size:.75rem;font-weight:700}.live-page__grid{grid-template-columns:repeat(auto-fill,minmax(min(248px,100%),1fr));gap:11px;display:grid}@container live-section (width>=920px){.live-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.live-page__card{border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.live-page__preview>.stream{min-height:0;position:absolute;inset:0}.live-page__preview>.stream .stream__frame{width:100%;height:100%;position:absolute;inset:0}.live-page__gridMessage{color:var(--color-text-secondary);text-align:center;grid-column:1/-1;margin:0;padding:16px;font-size:.9375rem;font-weight:500}.live-page__card--skeleton{pointer-events:none;cursor:default}.live-page__card--skeleton:hover{border-color:var(--color-border);box-shadow:0 2px 10px #0f172a0a}.live-page__previewSkeletonFill{border-radius:0;min-height:0;position:absolute;inset:0}.live-page__skelTitle{border-radius:7px;width:70%;max-width:100%;height:15px}.live-page__skelPill{border-radius:999px;flex-shrink:0;width:44px;height:20px}.live-page__metric--skeleton{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:52px;display:flex}.live-page__skelMetricVal{border-radius:6px;width:44%;height:16px}.live-page__skelMetricLab{border-radius:5px;width:70%;height:9px}.live-page__grid>.live-page__card--skeleton:nth-child(3n+1) .live-page__skelTitle{width:62%}.live-page__grid>.live-page__card--skeleton:nth-child(3n+2) .live-page__skelTitle{width:74%}.live-page__card[role=button]:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:2px}.live-page__preview{aspect-ratio:16/9;background:linear-gradient(#0f172a05 0%,#0f172a14 100%),#eceff1;position:relative}.live-page__previewVideo{object-fit:cover;width:100%;height:100%;display:block}.live-page__previewOffline,.live-modal__previewOffline{background:linear-gradient(135deg,#1e293be6 0%,#0f172af0 100%),repeating-linear-gradient(-45deg,#94a3b81f 0 10px,#94a3b808 10px 20px);place-items:center;display:grid;position:absolute;inset:0}.live-page__previewOffline span,.live-modal__previewOffline span{color:#e2e8f0;letter-spacing:.08em;text-transform:uppercase;background:#0f172ab3;border:1px solid #f8fafc4d;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700}.live-page__cardBody{gap:10px;padding:10px;display:grid}.live-page__identity{gap:5px;display:grid}.live-page__name{color:#0f172a;white-space:nowrap;flex-shrink:0;font-size:.9375rem;font-weight:600}.live-page__identityMeta{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.live-page__identityLine{white-space:nowrap;align-items:baseline;min-width:0;display:flex}.live-page__location{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.8rem;overflow:hidden}.live-page__inlineStatus{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.live-page__inlineStatus--live{color:#166534;background:#dcfce7;border:1px solid #86efac}.live-page__inlineStatus--offline{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.live-page__metrics{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:6px;display:grid}.live-page__metric{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-self:start;min-width:0;padding:6px}.live-page__metricValue{color:#0f172a;white-space:nowrap;font-size:1.03rem;font-weight:700;line-height:1.08}.live-page__metricValue span{margin-left:2px;font-size:.65em;font-weight:600}.live-page__metricLabel{color:#475569;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.68rem;font-weight:600;overflow:hidden}.live-page__empty{color:var(--color-text-muted);margin:10px 0 0;font-size:.84rem}.live-modal__overlay{z-index:40;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.live-modal{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:16px;width:min(1140px,100%);max-height:calc(100vh - 150px);padding:12px 14px;overflow:hidden;box-shadow:0 20px 60px #0f172a47}.live-modal__header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.live-modal__headerActions{align-items:center;gap:8px;display:inline-flex}.live-modal__openDetail{border:1px solid var(--color-border);background:var(--color-bg-page);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.live-modal__header h2{white-space:nowrap;margin:0;font-size:1.06rem;font-weight:700}.live-modal__headerMeta{color:#64748b;font-size:.85em;font-weight:400}.live-modal__header p{color:var(--color-text-muted);white-space:nowrap;margin:2px 0 0;font-size:.8rem}.live-modal__close{border:1px solid var(--color-border);background:var(--color-bg-page);cursor:pointer;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.live-modal__body{grid-template-columns:1.75fr .95fr;align-items:stretch;gap:10px;display:grid}.live-modal__left{grid-template-rows:auto auto;gap:10px;min-height:0;display:grid}.live-modal__preview>.stream{min-height:0;position:absolute;inset:0}.live-modal__preview>.stream .stream__frame{width:100%;height:100%;position:absolute;inset:0}.live-modal__preview{aspect-ratio:16/9;border:1px solid var(--color-border);background:linear-gradient(#0f172a08 0%,#0f172a17 100%),#eceff1;border-radius:14px;width:100%;position:relative;overflow:hidden}.live-modal__previewVideo{object-fit:cover;width:100%;height:100%;display:block}.live-modal__previewTag{letter-spacing:.06em;color:#f0fdf4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172ab3;border:1px solid #4ade8099;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.6875rem;font-weight:700;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 18px #02061759}.live-modal__previewText{color:#475569;background:#ffffffbf;border:1px solid #94a3b840;border-radius:8px;padding:4px 8px;font-size:.82rem;position:absolute;bottom:12px;left:12px}.live-modal__aside{height:100%;min-height:0;display:flex}.live-modal__aside>*{flex:1;min-height:0}.live-modal__stats{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;display:grid}.live-modal__logs{background:#fcfdff;border:1px solid #e5edf6;border-radius:14px;flex-direction:column;height:clamp(360px,60vh,100vh - 190px);min-height:0;max-height:calc(100vh - 190px);padding:12px 12px 10px;display:flex;overflow:hidden}.live-modal__logsTableWrap{background:#fff;border:1px solid #e6edf7;border-radius:10px;flex:1;min-height:0;overflow:auto}.live-modal__logsTable{border-collapse:separate;border-spacing:0;width:100%;font-size:.8rem}.live-modal__logsTable thead th{color:#64748b;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e6edf7;padding:10px;font-size:.7rem;font-weight:800;position:sticky;top:0}.live-modal__logsTable tbody td{color:#0f172a;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:10px}.live-modal__logsTable tbody tr:last-child td{border-bottom:none}.live-modal__personCell{align-items:center;gap:8px;min-width:0;display:flex}.live-modal__personThumb{object-fit:cover;border:1px solid #dbe7f3;border-radius:999px;flex-shrink:0;width:24px;height:24px}.live-modal__personThumb--placeholder{color:#64748b;background:#f1f5f9;place-items:center;font-size:.75rem;font-weight:800;display:grid}.live-modal__personName{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-modal__logs h3{color:#0f172a;letter-spacing:-.01em;margin:0 0 10px;font-size:.9rem;font-weight:700}.live-modal__logsMeta{color:#64748b;margin:0 0 10px;font-size:.77rem}.live-modal__logsHeader{border-bottom:1px solid #e9eff7;grid-template-columns:72px minmax(0,1fr);gap:10px;margin-bottom:6px;padding:0 0 6px;display:grid}.live-modal__logsHeader span{letter-spacing:.06em;text-transform:uppercase;color:#64748b;white-space:nowrap;font-size:.68rem;font-weight:700}.live-modal__logs ul{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.live-modal__logs li{color:#334155;border-bottom:1px solid #e9eff7;padding:4px 0 8px;font-size:.84rem}.live-modal__logs li:last-child{border-bottom:none;padding-bottom:0}.live-modal__logEmpty{color:#64748b;border-bottom:none;padding:4px 0 0;font-size:.8rem}.live-modal__logTop{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:10px;margin-bottom:0;display:grid}.live-modal__logTime{color:#64748b;min-width:72px;padding-top:1px;font-weight:700}.live-modal__logMain{min-width:0}.live-modal__logLine1{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.live-modal__logText{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.live-modal__logState{letter-spacing:.06em;text-transform:uppercase;color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #dbe4ef;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:700}.live-modal__logContext{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.74rem;overflow:hidden}.live-modal__logSub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.73rem;overflow:hidden}.live-modal__logPerson{color:#1f2937;align-items:center;gap:6px;margin-top:6px;font-size:.72rem;display:inline-flex}.live-modal__logPerson img{object-fit:cover;border:1px solid #dbe7f3;border-radius:999px;width:24px;height:24px}.live-modal__logPersonPlaceholder{color:#64748b;background:#f1f5f9;border:1px solid #dbe7f3;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:grid}.live-modal__matchBadge{color:#475569;letter-spacing:.05em;text-transform:uppercase;background:#f8fafc;border:1px solid #dbe4ef;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:700}.camera-detail{width:100%;min-height:0;height:calc(100dvh - var(--topbar-height) - 2 * var(--space-5));max-height:calc(100dvh - var(--topbar-height) - 2 * var(--space-5));flex-direction:column;display:flex;overflow:hidden}.camera-detail__header{flex-shrink:0;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.camera-detail__backLink{color:var(--color-primary-strong);border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;text-decoration:none;display:inline-flex}.camera-detail__headerMain{min-width:0}.camera-detail__title{margin:0;font-size:1.25rem;line-height:1.15}.camera-detail__meta{color:var(--color-text-muted);margin:2px 0 0;font-size:.84rem}.camera-detail__layout{flex:1;align-items:stretch;gap:14px;min-height:0;display:flex;overflow:hidden}.camera-detail__left{flex-direction:column;flex:0 0 44%;align-content:start;align-self:flex-start;gap:12px;min-width:0;display:flex}.camera-detail__preview{min-height:0}.camera-detail__stats{flex-shrink:0;width:100%;max-width:none}.camera-detail__stats .live-page__metricValue{font-size:1.38rem}.camera-detail__stats .live-page__metricValue span{font-size:.7em}.camera-detail__stats .live-page__metricLabel{font-size:.76rem}.camera-detail__right{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.camera-detail__sectionTitle{margin:0;font-size:1rem}.camera-detail__sectionMeta{color:var(--color-text-muted);margin:4px 0 10px;font-size:.78rem}.camera-detail__tabs{flex-wrap:wrap;gap:8px;display:flex}.camera-detail__controlsRow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.camera-detail__searchForm{flex:0 280px;align-items:stretch;gap:6px;min-width:180px;display:flex}.camera-detail__searchForm .camera-detail__search{flex:1;min-width:0}.camera-detail__searchActions{flex-shrink:0;align-items:center;gap:6px;display:flex}.camera-detail__searchSubmitBtn,.camera-detail__searchClearBtn{border:1px solid var(--color-border-strong);background:var(--color-bg-surface);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.camera-detail__searchSubmitBtn{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.camera-detail__searchSubmitBtn:hover{filter:brightness(1.05)}.camera-detail__searchClearBtn:hover{background:var(--color-primary-tint);border-color:#0ea5e959}.camera-detail__search{border:1px solid var(--color-border);background:var(--color-bg-page);border-radius:8px;flex:0 240px;align-items:center;gap:8px;min-width:180px;min-height:36px;padding:0 10px;display:inline-flex}.camera-detail__search input{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;font-size:.82rem}.camera-detail__search input::placeholder{color:var(--color-text-muted)}.camera-detail__tab{border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;color:var(--color-text-secondary);border-radius:999px;padding:7px 12px;font-size:.74rem;font-weight:700}.camera-detail__tab--active{background:var(--color-primary-tint);color:var(--color-primary-strong);border-color:#0ea5e966}.camera-detail__empty{color:#64748b;font-size:.82rem}.camera-detail__overlay{z-index:45;background:#0f172a66;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.camera-detail__popup{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:18px;flex-direction:column;width:min(1080px,100%);height:min(92vh,900px);padding:18px;display:flex;overflow:hidden;box-shadow:0 18px 44px #0f172a33}.camera-detail__popupHeader{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.camera-detail__popupHeader h3{margin:0}.camera-detail__popupActions{align-items:center;gap:10px;display:inline-flex}.camera-detail__popupBody{flex:1;align-items:stretch;gap:14px;min-height:0;margin-top:14px;display:flex;overflow:hidden}.camera-detail__captureWrap{background:#eef2f7;border:1px solid #e2e8f0;border-radius:18px;flex:0 370px;height:100%;position:relative;overflow:hidden}.camera-detail__rightCol{flex-direction:column;flex:1;gap:14px;min-width:0;min-height:0;display:flex;overflow:hidden}.camera-detail__resolveTextButton{color:var(--color-primary-strong);cursor:pointer;background:0 0;border:none;padding:0;font-size:.76rem;font-weight:700}.camera-detail__resolveTextButton--resolved{color:#64748b;cursor:default;opacity:.95}.camera-detail__popupResolveButton{border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:700;line-height:1.2}.camera-detail__popupResolveButton:hover{border-color:var(--color-primary-strong);color:var(--color-primary-strong);background:var(--color-primary-tint)}.camera-detail__popupResolveButton--resolved{color:#64748b;cursor:default;background:#f8fafc;border-color:#dbe4ef}.camera-detail__pager{background:#f8fafc;border:1px solid #e6edf7;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.camera-detail__pagerMeta{color:#475569;font-size:.8rem;font-weight:600}.camera-detail__pagerActions{align-items:center;gap:6px;display:inline-flex}.camera-detail__pagerBtn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;min-width:38px;min-height:38px;padding:0;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.camera-detail__pagerBtn:hover:not(:disabled){background:var(--color-primary-tint,#e0f2fe);border-color:#0ea5e973}.camera-detail__pagerBtn:disabled{opacity:.45;cursor:not-allowed}.camera-detail__detectionsTableWrap--fetching{position:relative}.camera-detail__detectionsTableWrap--fetching:after{content:"";pointer-events:none;background:#f8fafc8c;border-radius:10px;position:absolute;inset:0}.camera-detail__eventsError{color:#b91c1c;margin:0 0 12px;font-size:.84rem;font-weight:600}.camera-detail__detectionsTableWrap--skeleton{flex-direction:column;gap:12px;min-height:200px;padding:12px 14px;display:flex}.camera-detail__eventsSkeletonRow{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:10px;min-height:38px;display:grid}.camera-detail__eventsSkel{border-radius:6px;height:13px}.camera-detail__eventsSkel--person{border-radius:8px;height:28px}.camera-detail__eventsSkel--time{width:92%}.camera-detail__eventsSkel--type{width:88%}.camera-detail__eventsSkel--track{width:80%}.camera-detail__eventsSkel--match{justify-self:end;width:72%}.camera-detail__detectionsTableWrap{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;background:#fff;border:1px solid #e6edf7;border-radius:10px;flex:1;min-height:0;overflow:hidden auto}.camera-detail__detectionsTableWrap::-webkit-scrollbar{width:7px}.camera-detail__detectionsTableWrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.camera-detail__detectionsTableWrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.camera-detail__detectionsTableWrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.camera-detail__detectionsTable{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;font-size:.82rem}.camera-detail__col--time{width:19%}.camera-detail__col--type{width:20%}.camera-detail__col--person{width:27%}.camera-detail__col--track{width:18%}.camera-detail__col--match{width:16%}.camera-detail__detectionsTable thead th{z-index:1;color:#64748b;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:normal;vertical-align:bottom;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;background:#f8fafc;border-bottom:1px solid #e6edf7;padding:10px 12px;font-size:.7rem;font-weight:800;line-height:1.25;position:sticky;top:0}.camera-detail__detectionsTable thead th:not(:last-child){border-right:1px solid #e6edf7}.camera-detail__detectionsTable thead th:first-child{white-space:nowrap;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.camera-detail__detectionsTable tbody td:not(:last-child){border-right:1px solid #e6edf7}.camera-detail__detectionsTable tbody td{color:#0f172a;vertical-align:middle;overflow-wrap:break-word;word-break:break-word;border-bottom:1px solid #e6edf7;padding:10px 12px;line-height:1.35}.camera-detail__cellDateTimeWrap{box-sizing:border-box}.camera-detail__cellDateTime{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:100%;display:flex}.camera-detail__cellDateTime-date{color:#64748b;white-space:normal;overflow-wrap:break-word;max-width:100%;font-size:.72rem;line-height:1.3}.camera-detail__cellDateTime-time{color:#0f172a;white-space:normal;overflow-wrap:break-word;max-width:100%;font-size:.82rem;line-height:1.3}.camera-detail__cellType{box-sizing:border-box;white-space:normal;overflow-wrap:break-word;word-break:break-word;min-width:0;line-height:1.35}.camera-detail__cellTrack{white-space:nowrap;font-variant-numeric:tabular-nums}.camera-detail__cellMatch{text-align:left;white-space:nowrap}@media (width<=720px){.camera-detail__detectionsTable thead th,.camera-detail__detectionsTable tbody td{padding:8px}}.camera-detail__detectionsTable tbody tr[role=button]{cursor:pointer}.camera-detail__detectionsTable tbody tr[role=button]:hover td{background:#fbfdff}.camera-detail__detectionsTable tbody tr[role=button]:focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:-2px}.camera-detail__personCell{align-items:center;gap:8px;min-width:0;display:flex}.camera-detail__personThumb{object-fit:cover;border:1px solid #dbe7f3;border-radius:999px;flex-shrink:0;width:24px;height:24px}.camera-detail__personThumb--placeholder{color:#64748b;background:#f1f5f9;place-items:center;font-size:.75rem;font-weight:800;display:grid}.camera-detail__personThumb--broken{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;place-items:center;display:grid}.camera-detail__personName{white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.3}.camera-detail__captureImage{object-fit:cover;width:100%;height:100%;display:block}.camera-detail__captureFallback{color:#64748b;place-items:center;height:100%;font-size:.9rem;font-weight:600;display:grid}.camera-detail__captureFallback--broken{color:#94a3b8}.camera-detail__captureDownload{color:#475569;cursor:pointer;background:#fffffff0;border:1px solid #dbe7f3;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.camera-detail__related{background:#fcfdff;border:1px solid #e5edf6;border-radius:12px;flex-direction:column;flex:1;min-height:0;padding:10px;display:flex}.camera-detail__related--full{grid-column:1/-1}.camera-detail__related h4{margin:0 0 8px;font-size:.9rem}.camera-detail__relatedBadge{color:#475569;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border:1px solid #dbe4ef;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:800}.camera-detail__relatedTableWrap{background:#fff;border:1px solid #e6edf7;border-radius:10px;flex:1;min-height:0;overflow:hidden auto}.camera-detail__relatedTable{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;font-size:.8rem}.camera-detail__relatedTable thead th{color:#64748b;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:normal;vertical-align:bottom;word-break:break-word;background:#f8fafc;border-bottom:1px solid #e6edf7;padding:10px;font-size:.7rem;font-weight:800;line-height:1.25;position:sticky;top:0}.camera-detail__relatedTable tbody td{color:#0f172a;vertical-align:top;overflow-wrap:break-word;word-break:break-word;border-bottom:1px solid #f1f5f9;padding:10px}.camera-detail__relatedTable tbody tr:last-child td{border-bottom:none}.camera-detail__relatedEmpty{color:#64748b;margin:0;font-size:.82rem}.camera-detail__facts{border:1px solid #e5edf6;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 14px;padding:12px;display:grid}.camera-detail__fact{gap:2px;display:grid}.camera-detail__fact span{color:#64748b;font-size:.76rem}.camera-detail__fact strong{color:#0f172a;word-break:break-word;font-size:.93rem;font-weight:600}.camera-detail__fact--full{grid-column:1/-1}@media (width<=1024px){.live-page__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.live-modal__body{grid-template-columns:1fr}.live-modal__preview{aspect-ratio:16/9;width:100%}.live-modal__logs{min-height:320px}.camera-detail__layout{flex-direction:column;align-items:stretch;overflow:hidden}.camera-detail__left{flex:none;align-self:stretch;width:100%}.camera-detail__right{flex:1;width:100%;min-height:0}.camera-detail__popupBody{flex-direction:column;overflow:auto}.camera-detail__captureWrap{flex:none;height:clamp(220px,34vh,280px)}.camera-detail__facts{grid-template-columns:1fr}}@media (width<=767px){.camera-detail{height:calc(100dvh - var(--topbar-height) - var(--space-4) - var(--space-4) - 56px - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - var(--topbar-height) - var(--space-4) - var(--space-4) - 56px - env(safe-area-inset-bottom,0px))}}@media (width<=740px){.live-page__search{width:100%;min-width:0;max-width:none}.live-page__grid{grid-template-columns:1fr}}.camera-settings{gap:var(--space-3);width:100%;min-width:0;display:grid}.camera-settings__header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.camera-settings__meta{margin:-8px 0 0;line-height:1.45}.camera-settings__titleRow{align-items:center;gap:10px;min-width:0;display:flex}.camera-settings__titleIcon{color:var(--color-primary);flex-shrink:0}.camera-settings__title{margin:0}.camera-settings__toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.camera-settings__toolbar .settings-page__actionButton{align-items:center;gap:8px;display:inline-flex}.camera-settings__menuWrap{position:relative}.camera-settings__selectBtn{border-radius:var(--radius-card);background:var(--color-bg-surface);min-width:175px;color:var(--color-primary-strong);cursor:pointer;border:1px solid #0ea5e973;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.camera-settings__selectBtn:hover{background:var(--color-primary-tint)}.camera-settings__selectLabel{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.camera-settings__selectChevron{flex-shrink:0;transition:transform .15s}.camera-settings__selectChevron--open{transform:rotate(180deg)}.camera-settings__menu{z-index:20;border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);min-width:175px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0f172a1f}.camera-settings__menuItem{text-align:left;width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:.875rem;display:block}.camera-settings__menuItem:hover{background:var(--color-primary-tint)}.camera-settings__menuItem--active{color:var(--color-primary-strong);font-weight:600}.camera-settings__loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);flex-direction:column;width:100%;min-height:220px;display:flex}.camera-settings__loadingTitle{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.camera-settings__loadingMeta{text-align:center;max-width:28rem;margin:0}.camera-settings__body{gap:var(--space-3);flex-direction:column;width:100%;min-height:0;display:flex}@media (width>=1024px){.camera-settings__body{flex-direction:row;align-items:stretch}}.camera-settings__streamCol{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;min-height:320px;display:flex}.camera-settings__streamBox{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-muted);flex:1;min-height:280px;position:relative;overflow:hidden}.camera-settings__streamInner{height:100%;min-height:280px}.camera-settings__streamInner .stream{height:100%;min-height:260px}.camera-settings__streamPlaceholder{background:linear-gradient(135deg, var(--color-bg-muted) 0%, var(--color-bg-surface) 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.camera-settings__streamPlaceholder--empty{padding:var(--space-3);text-align:center;border-radius:var(--radius-card);border:2px dashed #0ea5e940;flex-direction:column;gap:8px}.camera-settings__emptyTitle{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.camera-settings__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.camera-settings__actions .settings-page__actionButton{align-items:center;gap:8px;display:inline-flex}.camera-settings__deleteBtn{color:#b91c1c!important;background:var(--color-bg-surface)!important;border-color:#dc262673!important}.camera-settings__deleteBtn:hover{color:#991b1b!important;background:#dc262614!important;border-color:#dc2626a6!important}.camera-settings__spinner{color:var(--color-primary);animation:.8s linear infinite camera-settings-spin}.camera-settings__spinnerInline{vertical-align:middle;margin-right:6px;animation:.8s linear infinite camera-settings-spin;display:inline-block}@keyframes camera-settings-spin{to{transform:rotate(360deg)}}.camera-settings__overlay{z-index:80;padding:var(--space-4);background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.camera-settings__confirm{gap:var(--space-3);width:100%;max-width:420px;display:grid}.camera-settings__confirm .panel-header{margin:0}.camera-settings__confirmActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.camera-settings__confirmActions button{border-radius:var(--radius-card);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);padding:8px 14px;font-size:.875rem;font-weight:600}.camera-settings__confirmDanger{color:#fff!important;background:#dc2626!important;border-color:#dc262673!important}.camera-settings__confirmDanger:hover:not(:disabled){background:#b91c1c!important}.camera-settings__confirmDanger:disabled{opacity:.65;cursor:not-allowed}.camera-settings__error{color:#b91c1c;margin:0;font-size:.875rem}.additional-settings{gap:var(--space-4);width:100%;max-width:1200px;display:grid}.additional-settings__banner{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-card);color:#166534;background:#16a34a1a;border:1px solid #16a34a59;flex-wrap:wrap;padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.additional-settings__banner--error{color:#991b1b;background:#dc262614;border-color:#dc262659}.additional-settings__dismiss{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-weight:600;text-decoration:underline}.additional-settings__card{gap:var(--space-3);display:grid}.additional-settings__sectionTitle{color:var(--color-primary-strong);margin:0}.additional-settings__block{gap:var(--space-2);display:grid}.additional-settings__ntpRow{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.additional-settings__field{color:var(--color-text-primary);gap:6px;font-size:.875rem;font-weight:600;display:grid}.additional-settings__field--grow{flex:1;min-width:200px}.additional-settings__field input{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);box-sizing:border-box;width:100%;padding:8px 10px;font-family:inherit;font-size:.875rem;font-weight:500}.additional-settings__field input:focus{border-color:#0ea5e98c;outline:none;box-shadow:0 0 0 2px #0ea5e91f}.additional-settings__field input[aria-invalid=true]{border-color:#b91c1c}.additional-settings__field input[readonly]{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:default}.additional-settings__fieldError{color:#b91c1c;margin:0;font-size:.8125rem;font-weight:500}.additional-settings__timeRow{align-items:stretch;gap:var(--space-3);flex-wrap:wrap;display:flex}.additional-settings__timeCard{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-muted);flex:1;align-items:center;gap:12px;min-width:180px;padding:12px 14px;display:flex}.additional-settings__timeIcon{background:var(--color-primary);width:40px;height:40px;color:var(--color-bg-surface);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.additional-settings__timeBody{gap:4px;min-width:0;display:grid}.additional-settings__timeCaption{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.6875rem;font-weight:600}.additional-settings__timeValue{color:var(--color-text-primary);word-break:break-word;font-size:1rem;font-weight:600;line-height:1.2}.additional-settings__timeRow .settings-page__actionButton{align-self:center}.additional-settings__maintSection{gap:var(--space-3);display:grid}.additional-settings__btnRow{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.additional-settings__btnRow .settings-page__actionButton{align-items:center;gap:8px;display:inline-flex}.additional-settings__divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-2) 0}.additional-settings__overlay{z-index:120;padding:var(--space-4);background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.additional-settings__confirm{gap:var(--space-3);width:100%;max-width:440px;display:grid}.additional-settings__confirm .panel-header{margin:0}.additional-settings__warn{color:#b45309;margin:0;font-size:.875rem;font-weight:600}.additional-settings__confirmActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.additional-settings__btnGhost{border-radius:var(--radius-card);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);padding:8px 14px;font-size:.875rem;font-weight:600}.additional-settings__btnGhost:hover:not(:disabled){background:var(--color-bg-muted)}.additional-settings__btnGhost:disabled{opacity:.55;cursor:not-allowed}.additional-settings__authModal{gap:var(--space-3);width:100%;max-width:420px;display:grid}.additional-settings__authModalHead{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.additional-settings__authModalHead .panel-header{margin:0}.additional-settings__iconClose{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:4px;line-height:0}.additional-settings__iconClose:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text-primary)}.additional-settings__iconClose:disabled{opacity:.5;cursor:not-allowed}.additional-settings__authForm{gap:var(--space-3);display:grid}.additional-settings__authActions{justify-content:center;display:flex}.additional-settings__authActions .settings-page__actionButton{align-items:center;gap:8px;display:inline-flex}.additional-settings__loaderOverlay{z-index:130;padding:var(--space-4);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.additional-settings__loaderPanel{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;width:100%;max-width:400px;display:flex}.additional-settings__loaderText{color:var(--color-text-primary);margin:0;font-size:.9375rem;line-height:1.45}.additional-settings__loaderSpin{color:var(--color-primary);animation:.8s linear infinite additional-settings-spin}.additional-settings__loaderSpinSm{vertical-align:middle;animation:.8s linear infinite additional-settings-spin;display:inline-block}@keyframes additional-settings-spin{to{transform:rotate(360deg)}}.additional-settings__skeletonRow{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.additional-settings__skeletonField{flex:1;gap:8px;min-width:200px;display:grid}.additional-settings__skeletonLabel{background:linear-gradient(90deg, var(--color-bg-muted) 25%, var(--color-border) 50%, var(--color-bg-muted) 75%);background-size:200% 100%;border-radius:4px;width:120px;height:14px;animation:1.2s ease-in-out infinite additional-settings-shimmer}.additional-settings__skeletonInput{border-radius:var(--radius-card);background:linear-gradient(90deg, var(--color-bg-muted) 25%, var(--color-border) 50%, var(--color-bg-muted) 75%);background-size:200% 100%;width:100%;height:40px;animation:1.2s ease-in-out infinite additional-settings-shimmer}.additional-settings__skeletonBtn{border-radius:var(--radius-card);background:linear-gradient(90deg, var(--color-bg-muted) 25%, var(--color-border) 50%, var(--color-bg-muted) 75%);background-size:200% 100%;width:160px;height:38px;animation:1.2s ease-in-out infinite additional-settings-shimmer}@keyframes additional-settings-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.device-status{gap:var(--space-4);width:100%;display:grid}.device-status__section{gap:var(--space-3);display:grid}.device-status__sectionTitle{color:var(--color-primary-strong);margin:0;font-size:1rem;font-weight:600}.device-status__infoGrid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.device-status__infoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.device-status__infoGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.device-status__field{gap:6px;min-width:0;display:grid}.device-status__fieldLabel{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.device-status__fieldInput{box-sizing:border-box;border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-muted);width:100%;color:var(--color-text-muted);cursor:default;padding:8px 10px;font-size:.875rem;font-weight:500}.device-status__divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-2) 0}.device-status__healthGrid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=900px){.device-status__healthGrid{grid-template-columns:1fr 1fr}}.device-status__blockTitle{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600}.device-status__tableWrap{border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;min-height:120px;max-height:280px;overflow:auto}.device-status__table{border-collapse:collapse;width:100%;font-size:.8125rem}.device-status__table th,.device-status__table td{text-align:center;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);vertical-align:middle;padding:10px 12px}.device-status__table th:last-child,.device-status__table td:last-child{border-right:none}.device-status__table tbody tr:last-child td{border-bottom:none}.device-status__table th{color:var(--color-text-primary);background:var(--color-bg-muted,#94a3b814);z-index:1;font-weight:600;position:sticky;top:0}.device-status__table tbody tr:hover{background:#0ea5e90a}.device-status__pill{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:5.5rem;padding:6px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.device-status__pill--running{color:#166534;background:#22c55e26}.device-status__pill--stopped{color:#b91c1c;background:#ef44441f}.device-status__pill--unknown{background:var(--color-bg-muted);color:var(--color-text-muted)}.device-status__pill--loading{background:var(--color-primary-tint);color:var(--color-primary-strong)}.device-status__spin{animation:.8s linear infinite device-status-spin}@keyframes device-status-spin{to{transform:rotate(360deg)}}.device-status__diagRow{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.device-status__diagHint{align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:inline-flex}.device-status__diagHint--success{color:#166534}.device-status__diagHint--error{color:#b91c1c}.device-status__diagHint--muted{color:var(--color-text-muted)}.device-status__diagHint--primary{color:var(--color-primary-strong)}.device-status__skeletonRow td{color:var(--color-text-muted);font-style:italic}.app-select{width:100%;min-width:0;display:block;position:relative}.app-select--filter{width:auto}.app-select__trigger{box-sizing:border-box;width:100%;color:var(--color-text-primary);border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25;transition:border-color .15s,box-shadow .15s;display:flex}.app-select--filter .app-select__trigger{border-color:var(--color-border-strong);border-radius:10px;min-width:118px;height:40px;padding:0 10px;font-size:.8125rem;font-weight:600}.app-select__trigger:hover:not(:disabled){border-color:#0ea5e959}.app-select__trigger:focus-visible{border-color:#0ea5e98c;outline:none;box-shadow:0 0 0 2px #0ea5e91f}.app-select--filter .app-select__trigger:focus-visible{border-color:#0ea5e973;box-shadow:0 0 0 3px #0ea5e91f}.app-select__trigger--open{border-color:#0ea5e98c;box-shadow:0 0 0 2px #0ea5e91f}.app-select__trigger:disabled{opacity:.6;cursor:not-allowed}.app-select__trigger--invalid{border-color:#b91c1c}.app-select__trigger--invalid:focus-visible,.app-select__trigger--invalid.app-select__trigger--open{border-color:#b91c1c;box-shadow:0 0 0 2px #b91c1c1f}.app-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-select__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s}.app-select__chevron--open{transform:rotate(180deg)}.app-select__menu{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);overscroll-behavior:contain;max-height:min(240px,40vh);margin:0;padding:4px;list-style:none;overflow-y:auto;box-shadow:0 4px 6px #0f172a0f,0 10px 28px #0f172a1f}.app-select__option{text-align:left;width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.35;display:block}.app-select--filter .app-select__option{font-size:.8125rem;font-weight:600}.app-select__option:hover:not(:disabled),.app-select__option--focused{background:var(--color-primary-tint)}.app-select__option--selected{color:var(--color-primary-strong);background:#0ea5e914;font-weight:600}.app-select__option--selected:hover:not(:disabled),.app-select__option--selected.app-select__option--focused{background:var(--color-primary-tint)}.app-select__option:disabled{opacity:.45;cursor:not-allowed}.app-select__native{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.network-settings{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.network-settings__section{gap:var(--space-3);background:var(--color-bg-surface);padding:var(--space-4);border-radius:var(--radius-card);border:1px solid var(--color-border);flex-direction:column;align-items:stretch;display:flex;box-shadow:0 2px 8px #0f172a0f}.network-settings__sectionHeader{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.network-settings__sectionTitle{color:var(--color-primary-strong);margin:0;font-size:1rem;font-weight:600}.network-settings__grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=768px){.network-settings__grid{grid-template-columns:1fr 1fr}}.network-settings__card{gap:var(--space-2);background:linear-gradient(135deg, var(--color-bg-muted) 0%, var(--color-bg-surface) 100%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);border:1px solid var(--color-border);flex-direction:column;min-width:0;display:flex}.network-settings__cardTitle{color:var(--color-primary-strong);margin:0;font-size:1.05rem;font-weight:600}.network-settings__cardMeta{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.4}.network-settings__rows{margin-top:var(--space-2);flex-direction:column;gap:10px;display:flex}.network-settings__row{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:.875rem;display:flex}.network-settings__rowLabel{color:var(--color-text-muted);flex-shrink:0}.network-settings__rowValue{color:var(--color-text-primary);text-align:right;word-break:break-word;font-weight:500}.network-settings__mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.network-settings__pill{border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.network-settings__pill--ok{color:#166534;background:#22c55e1a;border-color:#22c55e}.network-settings__pill--neutral{border-color:var(--color-border);background:var(--color-bg-muted);color:var(--color-text-muted)}.network-settings__pill--bad{color:#b91c1c;background:#dc262614;border-color:#dc2626}.network-settings__pill--sec{color:#8b4513;text-transform:uppercase;background:#8b45131a;border:1px solid #8b45134d;border-radius:8px;padding:2px 8px;font-size:.7rem;font-weight:600}.network-settings__wifiConn{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.network-settings__spin{animation:.8s linear infinite network-settings-spin}@keyframes network-settings-spin{to{transform:rotate(360deg)}}.network-settings__skeletonRow{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.network-settings__sk{background:linear-gradient(90deg, var(--color-bg-muted) 25%, var(--color-border) 50%, var(--color-bg-muted) 75%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.2s ease-in-out infinite network-settings-shimmer}.network-settings__sk--sm{width:36px}.network-settings__sk--md{width:72px}.network-settings__sk--lg{width:120px}.network-settings__sk--xl{width:140px}.network-settings__sk--pill{border-radius:12px;width:88px;height:24px}@keyframes network-settings-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.network-settings__formGrid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=768px){.network-settings__formGrid{grid-template-columns:1fr 1fr}}.network-settings__fieldBlock{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.network-settings__input{box-sizing:border-box;border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);width:100%;color:var(--color-text-primary);padding:8px 10px;font-size:.875rem}.network-settings__input:focus{border-color:#0ea5e98c;outline:none;box-shadow:0 0 0 2px #0ea5e91f}.network-settings__input--error{border-color:#b91c1c}.network-settings__hint{color:#b91c1c;margin:0;font-size:.75rem}.network-settings__actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.network-settings__btnWarn{background:var(--color-bg-surface);color:#b45309;border-radius:var(--radius-card);cursor:pointer;border:1px solid #d97706;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.network-settings__btnWarn:hover:not(:disabled){background:#fbbf241f}.network-settings__btnWarn:disabled{opacity:.55;cursor:not-allowed}@media (width<=768px){.network-settings__card{padding:var(--space-3)}.network-settings__row{flex-direction:column;align-items:flex-start}.network-settings__rowValue,.network-settings__wifiConn{text-align:left;justify-content:flex-start}}.number-input{appearance:textfield}.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.user-management{gap:var(--space-4);display:grid}.user-management__banner{border-radius:var(--radius-card);padding:10px 12px;font-size:.875rem;font-weight:500}.user-management__banner--success{color:#166534;background:#22c55e1f;border:1px solid #22c55e59}.user-management__banner--error{color:#b91c1c;background:#ef44441a;border:1px solid #ef444459}.user-management__subTabs{flex-wrap:wrap;gap:8px;display:flex}.user-management__subTab{border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.83rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.user-management__subTab:hover{border-color:var(--color-border-strong,var(--color-border))}.user-management__subTab--active{background:var(--color-primary-tint);color:var(--color-primary-strong);border-color:#0ea5e966}.user-management__toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.user-management__toolbarActions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.user-management__searchForm{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-muted,#94a3b81f);align-items:stretch;width:100%;max-width:300px;display:flex;overflow:hidden}.user-management__searchForm:focus-within{border-color:#0ea5e973;box-shadow:0 0 0 1px #0ea5e926}.user-management__searchSubmit,.user-management__searchClear{color:var(--color-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 10px;display:flex}.user-management__searchClear{color:var(--color-text-muted)}.user-management__searchInput{min-width:0;color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 4px;font-size:.875rem}.user-management__tableWrap{border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;position:relative;overflow-x:auto}.user-management__table{border-collapse:collapse;width:100%;font-size:.8125rem}.user-management__table th,.user-management__table td{text-align:center;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:10px 12px}.user-management__table th{color:var(--color-text-primary);background:var(--color-bg-muted,#94a3b814);white-space:nowrap;font-weight:600}.user-management__table tbody tr:hover{background:#0ea5e90a}.user-management__table tbody tr:last-child td{border-bottom:none}.user-management__thFilter{position:relative}.user-management__thFilterTrigger{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-weight:600;display:inline-flex}.user-management__thFilterTrigger:hover{background:#0ea5e91a}.user-management__roleMenu{z-index:20;border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);min-width:140px;margin:0;padding:4px;list-style:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a1f}.user-management__roleMenu button{text-align:left;cursor:pointer;width:100%;color:var(--color-text-primary);background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:.8125rem}.user-management__roleMenu button:hover{background:var(--color-primary-tint)}.user-management__cellActions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.user-management__cellActions--center{justify-content:center}.user-management__iconBtn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.user-management__iconBtn:hover{background:#94a3b826}.user-management__iconBtn--danger{color:#dc2626}.user-management__iconBtn--info{color:#1e53af}.user-management__fetching{pointer-events:none;opacity:.55}.user-management__pagination{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) 0 0;flex-wrap:wrap;display:flex}.user-management__paginationNav{align-items:center;gap:8px;display:flex}.user-management__pageForm{border:1px solid var(--color-border);border-radius:var(--radius-card);align-items:stretch;gap:0;max-width:200px;display:flex;overflow:hidden}.user-management__pageInput{background:var(--color-bg-surface);width:72px;color:var(--color-text-primary);border:none;outline:none;padding:6px 8px;font-size:.8125rem}.user-management__pageGo{border:none;border-left:1px solid var(--color-border);background:var(--color-bg-muted,#94a3b81f);cursor:pointer;color:var(--color-primary);align-items:center;padding:0 10px;display:flex}.user-management__dialogForm{gap:var(--space-3);grid-template-columns:1fr;min-width:0;display:grid}@media (width>=520px){.user-management__dialogForm:not(.user-management__dialogForm--singleCol){grid-template-columns:1fr 1fr}}.user-management__dialogField--full{grid-column:1/-1}.user-management__dialogForm--singleCol{grid-template-columns:1fr}.user-management__inputReadonly{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:default}.user-management__req{color:#b91c1c;font-weight:700}.user-management__passwordRow{align-items:stretch;min-width:0;display:flex}.user-management__passwordRow input{border-radius:var(--radius-card) 0 0 var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-surface);min-width:0;color:var(--color-text-primary);box-sizing:border-box;border-right:none;flex:1;padding:8px 10px;font-weight:500}.user-management__passwordRow input:focus{border-color:#0ea5e98c;outline:none;box-shadow:inset 0 0 0 1px #0ea5e91f}.user-management__passwordToggle{border:1px solid var(--color-border);border-radius:0 var(--radius-card) var(--radius-card) 0;background:var(--color-bg-muted);cursor:pointer;color:var(--color-text-muted);flex-shrink:0;align-items:center;padding:0 10px;line-height:0;display:flex}.user-management__passwordToggle:hover{color:var(--color-text-primary);background:var(--color-bg-surface)}.user-management__dialogActions{align-items:center;gap:var(--space-3);padding-top:var(--space-1);flex-wrap:wrap;display:flex}.user-management__dialogActions--split{justify-content:space-between}.user-management__dialogActions--center{justify-content:center}.user-management__thActivity{text-align:left}.user-management__tdActivity{text-align:left;vertical-align:middle;min-width:0;max-width:min(280px,36vw)}.user-management__activityEllipsis{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-management__detailList{gap:var(--space-3);min-width:0;margin:0;display:grid}.user-management__detailBlock{gap:6px;min-width:0;display:grid}.user-management__detailTerm{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0;font-size:.6875rem;font-weight:600}.user-management__detailDesc{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:500;line-height:1.35}.user-management__detailDesc--multiline{white-space:pre-wrap;word-break:break-word;line-height:1.5}.user-management__spin{animation:.8s linear infinite user-management-spin}.user-management__allLabel{font-style:italic}@keyframes user-management-spin{to{transform:rotate(360deg)}}.settings-page{gap:var(--space-4);width:100%;display:grid}.settings-page__headerRow{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-page__intro{min-width:0}.settings-page__pageTitle{color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:600;line-height:1.25}.settings-page__pageMeta{max-width:42rem;margin:8px 0 0;line-height:1.5}.settings-page__tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-page__tab{border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;border-radius:999px;align-items:center;padding:8px 14px;font-size:.83rem;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.settings-page__tab--active{background:var(--color-primary-tint);color:var(--color-primary-strong);border-color:#0ea5e966}.settings-page__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(420px,1fr));align-items:start;display:grid}.settings-page__card{gap:var(--space-3);display:grid}.settings-page__card--spanAll{grid-column:1/-1}.settings-page__card .panel-header{margin-bottom:0}.settings-page__cardMeta{margin:-4px 0 0;line-height:1.45}.settings-page__buttonRow{gap:var(--space-3);flex-wrap:wrap;padding-top:2px;display:flex}.settings-page__actionButton{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-bg-surface);border-radius:var(--radius-card);cursor:pointer;align-items:center;gap:.5rem;padding:8px 14px;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.settings-page__actionButton--secondary{background:var(--color-bg-surface);color:var(--color-primary)}.settings-page__actionButton:hover{background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.settings-page__actionButton--secondary:hover{background:var(--color-primary-tint);color:var(--color-primary-strong);border-color:#0ea5e973}.settings-page__tripwirePreview{border:1px dashed var(--color-border-strong);border-radius:var(--radius-modal);background:var(--color-bg-page);min-height:170px;color:var(--color-text-muted);place-items:center;font-size:.86rem;display:grid}.settings-page__form{gap:14px;display:grid}.settings-page__form label{color:var(--color-text-muted);gap:8px;font-size:.82rem;display:grid}.settings-page__form input,.settings-page__form select{border:1px solid var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-bg-surface);width:100%;height:36px;color:var(--color-text-primary);padding:0 11px;font-size:.86rem;transition:border-color .16s,box-shadow .16s}.settings-page__form input:focus,.settings-page__form select:focus{border-color:#0ea5e98c;outline:none;box-shadow:0 0 0 3px #0ea5e91f}.settings-page__toggles{gap:var(--space-3);display:grid}.settings-page__toggleRow{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-surface);padding:11px 13px;font-size:.88rem;display:flex}.settings-page__switch{appearance:none;background:var(--color-border-strong);cursor:pointer;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .16s;position:relative}.settings-page__switch:after{content:"";background:var(--color-bg-surface);border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0f172a33}.settings-page__switch:checked{background:#0ea5e9e6}.settings-page__switch:checked:after{transform:translate(16px)}.settings-page__tableWrap{border:1px solid var(--color-border);border-radius:var(--radius-card);margin-top:2px;overflow:auto}.settings-page__table{border-collapse:collapse;background:var(--color-bg-surface);width:100%}.settings-page__table th,.settings-page__table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;white-space:normal;padding:12px 14px}.settings-page__table th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-bg-page);font-size:.72rem}.settings-page__table tbody tr:hover{background:var(--color-bg-page)}.settings-page__status{border-radius:999px;justify-content:center;align-items:center;min-width:68px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.settings-page__status--online{color:var(--color-success);background:#22c55e24}.settings-page__status--offline{color:var(--color-error);background:#ef44441a}.settings-page__tableAction{color:var(--color-primary-strong);cursor:pointer;background:0 0;border:none;margin-right:14px;padding:0;font-size:.8rem;font-weight:600}.settings-page__tableAction:hover{text-decoration:underline}.settings-page__tableAction--danger{color:var(--color-error)}@media (width<=900px){.settings-page{gap:var(--space-3)}.settings-page__tabs{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.settings-page__grid{gap:var(--space-3);grid-template-columns:1fr}}.visitors-page{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.visitors-page__dateRow{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.visitors-page__toolbar{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:16px;display:flex}.visitors-page__toolbar--extended{flex-wrap:wrap;align-items:flex-end}.visitors-page__filters{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.visitors-page__imageSearchBtn{border:1px solid var(--color-border-strong);background:var(--color-bg-surface);height:40px;color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.visitors-page__imageSearchBtn:hover{background:var(--color-primary-tint);border-color:#0ea5e959}.visitors-page__imageSearchBanner{background:linear-gradient(135deg,#0ea5e914,#0ea5e905);border:1px solid #0ea5e947;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.visitors-page__imageSearchBannerThumb{background:var(--color-bg-page);border-radius:8px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.visitors-page__imageSearchBannerThumb img{object-fit:cover;width:100%;height:100%;display:block}.visitors-page__imageSearchBannerBody{flex:1;min-width:160px}.visitors-page__imageSearchBannerTitle{color:var(--color-text-primary);font-size:.8125rem;font-weight:700}.visitors-page__imageSearchBannerMeta{margin-top:2px;font-size:.75rem}.visitors-modal--wide{width:min(560px,100vw - 24px)}.visitors-page__imageSearchTitle{align-items:center;gap:8px;margin:0;font-size:1rem;display:inline-flex}.visitors-page__visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visitors-page__imageDrop{border:2px dashed var(--color-border);background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;min-height:200px;transition:border-color .18s,background-color .18s;display:flex;position:relative}.visitors-page__imageDrop--active{background:#0ea5e90f;border-color:#0ea5e98c}.visitors-page__imageDrop--filled{border-style:solid;border-width:1px;padding:0}.visitors-page__imageDropPreview{object-fit:contain;background:#f1f5f9;width:100%;max-height:280px;display:block}.visitors-page__imageDropRemove{border:1px solid var(--color-border);color:#b91c1c;cursor:pointer;background:#fffffff2;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid;position:absolute;top:8px;right:8px}.visitors-page__imageDropEmpty{text-align:center;max-width:320px;padding:20px 16px}.visitors-page__imageDropHint{margin:8px 0 12px;font-size:.875rem}.visitors-page__imageDropChoose{background:var(--color-primary);color:#fff;cursor:pointer;border-radius:9px;padding:8px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.visitors-page__imageDropFoot{margin:10px 0 0;font-size:.75rem}.visitors-page__imageSearchStatus{align-items:center;gap:8px;margin:10px 0 0;font-size:.875rem;display:flex}.visitors-page__spin{animation:.85s linear infinite visitors-spin}@keyframes visitors-spin{to{transform:rotate(360deg)}}.visitors-page__imageMatchList{flex-direction:column;gap:8px;margin-top:12px;display:flex}.visitors-page__imageMatchSummary{margin:0 0 4px;font-size:.75rem;font-weight:600}.visitors-page__imageMatchRow{background:#22c55e0f;border:1px solid #22c55e59;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.visitors-page__imageMatchThumb{background:#f1f5f9;border-radius:8px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.visitors-page__imageMatchThumb img{object-fit:cover;width:100%;height:100%}.visitors-page__imageMatchMeta{flex:1;min-width:0}.visitors-page__imageMatchName{font-size:.875rem;font-weight:700}.visitors-page__imageMatchChips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.visitors-page__chip{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#fff;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:600}.visitors-page__chip--success{color:#15803d;background:#22c55e14;border-color:#22c55e73}.visitors-page__imageNoMatch{background:#f59e0b14;border:1px solid #f59e0b66;border-radius:10px;margin-top:12px;padding:12px 14px}.visitors-page__imageNoMatchTitle{color:#b45309;margin:0 0 6px;font-size:.875rem;font-weight:700}.visitors-page__imageNoMatchBody{margin:0;font-size:.8125rem}.visitors-page__searchForm{flex:0 420px;align-items:stretch;gap:8px;min-width:0;display:flex}.visitors-page__searchForm .visitors-page__search{flex:1;width:auto;min-width:0}.visitors-page__searchActions{flex-shrink:0;align-items:center;gap:4px;display:flex}.visitors-page__searchSubmitBtn,.visitors-page__searchClearBtn{border:1px solid var(--color-border-strong);background:var(--color-bg-surface);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;display:inline-grid}.visitors-page__searchSubmitBtn{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.visitors-page__searchSubmitBtn:hover{filter:brightness(1.05)}.visitors-page__searchClearBtn:hover{background:var(--color-primary-tint);border-color:#0ea5e959}.visitors-page__search{border:1px solid var(--color-border-strong);width:420px;min-height:40px;color:var(--color-text-secondary);background:#fff;border-radius:10px;flex:0 0 420px;align-items:center;gap:10px;padding:0 12px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex;box-shadow:inset 0 1px #ffffff73}.visitors-page__search:focus-within{background:var(--color-bg-surface);border-color:#0ea5e973;box-shadow:0 0 0 3px #0ea5e91f,inset 0 1px #ffffff8c}.visitors-page__search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.visitors-page__search input::placeholder{color:var(--color-text-muted)}.visitors-page__toolbarActions{flex-wrap:nowrap;align-items:center;gap:8px;margin-left:auto;display:flex}.visitors-page__profileSubMeta{margin-top:6px;font-size:.84rem}.visitors-page__pagination{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px;padding:12px 10px 4px;display:flex}.visitors-page__pagination .visitors-page__filterBtn:disabled{opacity:.45;cursor:not-allowed}@media (width<=1024px){.visitors-page__toolbar{flex-wrap:wrap}.visitors-page__search{flex:320px;width:min(420px,100%)}.visitors-page__searchForm{flex:320px;width:min(480px,100%)}}.visitors-page__filterBtn{border-radius:var(--radius-input);border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;padding:8px 12px;font-size:.8125rem;font-weight:600}.visitors-page__filterBtn--active{border:2px solid var(--color-primary);background:var(--color-primary-tint)}.visitors-page__addBtn{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.visitors-page__layout{flex:1;align-items:stretch;min-height:0}.visitors-page__tableWrap{flex-direction:column;min-height:0;display:flex;overflow:hidden}.visitors-page__tableScroll{flex:1;min-height:0;overflow:auto}.visitors-page__detail{align-self:stretch;min-height:0}@media (width<=1024px){.visitors-page__layout{grid-template-rows:minmax(220px,min(42vh,420px)) auto}}@media (width>=1025px){.visitors-page__layout{grid-template-rows:1fr}}.visitors-page__table{border-collapse:collapse;width:100%}.visitors-page__table thead tr{text-align:left;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);font-size:.75rem}.visitors-page__table th,.visitors-page__table td{vertical-align:middle;padding:8px 10px}.visitors-page__table thead th{white-space:nowrap}.visitors-page__table tbody tr{cursor:pointer;border-bottom:1px solid var(--color-border)}.visitors-page__table tbody tr.is-active{background:var(--color-primary-tint)}.visitors-page__avatar{background:var(--color-bg-page);border-radius:999px;place-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:inline-grid}.visitors-page__avatarImage{object-fit:cover}.visitors-page__avatar--large{width:48px;height:48px;font-size:.875rem}.visitors-page__name{font-weight:600}.visitors-page__rowActions{gap:6px;display:inline-flex}.visitors-page__actionBtn{border:1px solid var(--color-border);background:var(--color-bg-surface);color:#475569;cursor:pointer;border-radius:8px;place-items:center;width:28px;height:28px;display:inline-grid}.visitors-page__actionBtn--danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.visitors-page__empty{padding:12px 16px}.visitors-page__cellPhoto{width:56px}.visitors-page__cellActions{width:98px}.visitors-page__thEventId,.visitors-page__cellEventId{text-overflow:ellipsis;white-space:nowrap;max-width:15rem;overflow:hidden}.visitors-page__thDetected,.visitors-page__cellDetected{white-space:nowrap;text-overflow:ellipsis;max-width:6.75rem;font-size:.78rem;overflow:hidden}.visitors-page__imageBroken{color:var(--color-text-muted);background:var(--color-bg-page)}.visitors-page__nameCell{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.visitors-page__profileMedia{flex-shrink:0;position:relative}.visitors-page__profileMedia--hasImage{border-radius:999px;overflow:hidden}.visitors-page__profileMedia--hasImage:after{content:"";opacity:0;pointer-events:none;background:#0f172a66;border-radius:999px;width:48px;height:48px;transition:opacity .18s;position:absolute;inset:0}.visitors-page__profileMedia--hasImage:hover:after,.visitors-page__profileMedia--hasImage:focus-within:after{opacity:1}.visitors-page__profileImageActions{opacity:0;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .18s;display:flex;position:absolute;inset:0}.visitors-page__profileMedia--hasImage:hover .visitors-page__profileImageActions,.visitors-page__profileMedia--hasImage:focus-within .visitors-page__profileImageActions{opacity:1}.visitors-page__profileImageActions .visitors-page__iconToolBtn{z-index:1;color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #f8fafc1f;border-radius:8px;place-items:center;width:26px;height:26px;display:inline-grid;position:relative;box-shadow:0 1px 3px #00000059}.visitors-page__profileImageActions .visitors-page__iconToolBtn:hover:not(:disabled){color:#f8fafc;background:#1e293b;border-color:#f8fafc33}.visitors-page__profileImageActions .visitors-page__iconToolBtn:focus-visible{outline-offset:2px;outline:2px solid #38bdf88c}.visitors-page__profileImageActions .visitors-page__iconToolBtn:disabled{opacity:.45;cursor:not-allowed}.visitors-page__profileText{flex:1;min-width:0}.visitors-page__profileEventOnly{flex-direction:column;gap:4px;display:flex}.visitors-page__profileEventOnlyLabel{text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.visitors-page__profileEventOnlyId{word-break:break-all;font-size:.9375rem;font-weight:700}.visitors-page__timelineSeenLiLabel{text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.visitors-page__timelineSeenLiValue{margin-top:4px;font-size:.875rem;font-weight:600}.visitors-page__lightbox{z-index:80;cursor:zoom-out;background:#0f172ae0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.visitors-page__lightboxImg{object-fit:contain;cursor:default;border-radius:8px;width:auto;min-width:min(48vw,320px);max-width:min(96vw,1200px);height:auto;min-height:min(36vh,260px);max-height:min(92vh,900px)}.visitors-page__lightboxClose{color:#fff;cursor:pointer;background:#0f172a80;border:1px solid #ffffff40;border-radius:10px;place-items:center;width:44px;height:44px;display:inline-grid;position:absolute;top:16px;right:16px}.visitors-page__editHint{margin-top:0;margin-bottom:0;font-size:.8125rem}.visitors-page__formError{color:#b91c1c;margin:0;font-size:.8125rem}.visitors-page__profileHead{align-items:center;gap:14px;display:flex}.visitors-page__profileHeadRow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px;display:flex}.visitors-page__profileHeadRow .panel-header{flex:1;min-width:0}.visitors-page__profileToolbar{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.visitors-page__editBtn{border:1px solid var(--color-border);background:var(--color-bg-surface);color:#334155;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 11px;font-size:.78rem;font-weight:600;display:inline-flex}.visitors-page__editBtn:disabled{opacity:.55;cursor:not-allowed}.visitors-page__profileName{font-size:1.0625rem;font-weight:700}.visitors-page__profileMeta{color:var(--color-text-muted);margin-top:2px;font-size:.8125rem}.visitors-page__profileMetaRow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:inline-flex}.visitors-page__stats{flex-wrap:wrap;align-items:flex-start;gap:56px;margin-top:18px;display:flex}.visitors-page__miniStat{background:0 0;border:0;border-radius:0;align-content:start;justify-items:start;width:fit-content;min-width:0;padding:0;display:inline-grid}.visitors-page__miniStatLabel{font-size:.75rem}.visitors-page__miniStatValue{white-space:nowrap;margin-top:4px;font-size:1rem;font-weight:700}.visitors-page__historyTitle{border-top:1px solid #e9eff6;margin:22px 0 12px;padding-top:14px;font-size:.875rem;font-weight:600}.visitors-page__timeline{flex-direction:column;gap:12px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.visitors-page__timelineItem{border-bottom:1px dashed var(--color-border);grid-template-columns:12px 1fr;gap:10px;padding-bottom:10px;display:grid}.visitors-page__timelineDot{background:var(--color-primary);border-radius:999px;width:8px;height:8px;margin-top:5px}.visitors-page__timelineTop{justify-content:space-between;gap:8px;font-weight:600;display:flex}.visitors-page__timelineContext{margin-top:2px}.visitors-page__timelineDwell{margin-top:4px;font-size:.8125rem}.visitors-modal__overlay{z-index:60;background:#0f172a3d;place-items:center;display:grid;position:fixed;inset:0}.visitors-modal{width:min(520px,100vw - 24px)}.visitors-modal__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.visitors-modal__head h3{margin:0;font-size:1rem}.visitors-modal__close{border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.visitors-modal__form{gap:10px;display:grid}.visitors-modal__form label{color:#334155;gap:6px;font-size:.8125rem;font-weight:600;display:grid}.visitors-modal__form input{border:1px solid var(--color-border);border-radius:var(--radius-input);padding:9px 10px;font-size:.875rem}.visitors-modal__form select{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-bg-surface);padding:9px 10px;font-size:.875rem}.visitors-modal__photoField{border:1px solid var(--color-border);border-radius:var(--radius-input);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.visitors-modal__photoPreview{align-items:center;gap:10px;display:flex}.visitors-modal__photoHint{color:#64748b;font-size:.75rem}.visitors-modal__photoActions{gap:8px;display:inline-flex}.visitors-modal__photoUploadBtn{border:1px solid var(--color-border);color:#334155;cursor:pointer;background:#fff;border-radius:9px;padding:7px 10px;font-size:.78rem;font-weight:600;position:relative;overflow:hidden}.visitors-modal__photoUploadBtn input{opacity:0;cursor:pointer;position:absolute;inset:0}.visitors-modal__photoRemoveBtn{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:9px;padding:7px 10px;font-size:.78rem;font-weight:600}.visitors-modal__actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.visitors-modal__actions button{border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:.8125rem;font-weight:600}.visitors-modal__actions button:last-child{background:var(--color-primary);color:#fff;border:none}.people-database-page{flex-direction:column;flex:1;gap:16px;width:100%;min-height:0;display:flex}.people-database-page__header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.people-database-page__headerText h2{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:700}.people-database-page__subtitle{margin:4px 0 0;font-size:.8125rem}.people-database-page__addBtn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.people-database-page__addBtn:hover{background:var(--color-primary-strong)}.people-database-page__count{white-space:nowrap;align-self:center;font-size:.8125rem}.people-database-page__tableWrap{flex:1;min-height:0}.people-database-page .visitors-page__table tbody tr{cursor:default}.people-database-page__profileMedia.visitors-page__profileMedia--hasImage:after,.people-database-page__profileMedia .visitors-page__profileImageActions{width:36px;height:36px}.people-database-page__profileMedia .visitors-page__profileImageActions .visitors-page__iconToolBtn{width:22px;height:22px}.people-database-page__error{color:var(--color-error);font-size:.8125rem}.people-database-chip{border-radius:999px;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.people-database-chip--male{background:var(--color-primary-tint);color:var(--color-primary-strong)}.people-database-chip--female{color:#c2410c;background:#e8851e26}.people-database-chip--outlined{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);background:0 0}.people-database-chip--info{color:var(--color-info);background:#3b82f614;border:1px solid #3b82f659}.people-database-personDialog{z-index:1}.people-database-personDialog__title{align-items:center;gap:8px;display:inline-flex}.people-database-personDialog__sectionLabel{color:var(--color-text-primary);margin-bottom:8px;font-size:.8125rem;font-weight:600;display:block}.people-database-personDialog__imageDrop{margin-top:0;aspect-ratio:3/4;width:100%;max-width:220px;min-height:unset;margin-inline:auto}.people-database-personDialog__imageDrop.visitors-page__imageDrop--filled{padding:0;display:block;position:relative;overflow:hidden}.people-database-personDialog__imageDropPreview{object-fit:cover;width:100%;height:100%;max-height:none;position:absolute;inset:0}.people-database-personDialog__editProfile{border-radius:var(--radius-card);border:1px solid var(--color-border);background:linear-gradient(135deg,#0ea5e90d,#f1f5f999);align-items:flex-start;gap:14px;padding:12px;display:flex}.people-database-personDialog__editPhoto{aspect-ratio:3/4;border:1px solid var(--color-border-strong);background:var(--color-bg-page);border-radius:10px;flex-shrink:0;width:108px;overflow:hidden}.people-database-personDialog__editPhoto img{object-fit:cover;width:100%;height:100%;display:block}.people-database-personDialog__editPhotoPlaceholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:6px;display:flex}.people-database-personDialog__editPhotoPlaceholder span{color:var(--color-text-muted);font-size:.625rem;line-height:1.3}.people-database-personDialog__editMeta{flex:1;align-content:start;gap:8px;min-width:0;display:grid}.people-database-personDialog__metaChips{flex-wrap:wrap;gap:6px;display:flex}.people-database-personDialog__metaEmpty{align-items:center;gap:6px;margin:0;font-size:.8125rem;display:inline-flex}.people-database-confirm__overlay{z-index:70;background:#0f172a3d;place-items:center;display:grid;position:fixed;inset:0}.people-database-confirm{width:min(420px,100vw - 24px)}.people-database-confirm__actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.people-database-confirm__actions button{border:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:.8125rem;font-weight:600}.people-database-confirm__actions button:disabled{opacity:.55;cursor:not-allowed}.people-database-confirm__deleteBtn{background:var(--color-error)!important;color:#fff!important;border:none!important}.people-database-confirm__deleteBtn:hover:not(:disabled){filter:brightness(.95)}.login-component-wrapper{color:#3d3d3d;width:100vw;height:100vh;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.login-container{max-width:1200px;height:100%;margin:0 auto;padding:0}.login-content-wrapper{width:100%;height:100%;display:flex}.login-image-section{flex-direction:column;flex:.55;justify-content:center;align-items:center;gap:4rem;padding:3rem;display:flex}.login-form-section{flex-direction:column;flex:.45;justify-content:center;align-items:center;gap:2rem;height:100%;padding:0 2rem;display:flex;position:relative}.login-logo-wrapper{flex-direction:column;align-items:center;gap:.75rem;display:flex}.login-brand{align-items:center;gap:var(--space-5);min-width:0;display:flex}.login-brandLogoWrap{flex-shrink:0;line-height:0}.login-brandLogo{object-fit:contain;width:auto;max-width:240px;height:108px;display:block}.login-brandText{text-align:left;min-width:0}.login-brandTitle{letter-spacing:-.02em;color:var(--color-text-primary);white-space:nowrap;font-size:2rem;font-weight:700;line-height:1.15}.login-brandTitleAccent{color:var(--color-accent-orange)}.login-brandTagline{color:var(--color-text-muted);margin-top:3px;font-size:.9375rem;font-weight:500;line-height:1.25}@media (width<=480px){.login-brand{text-align:center;flex-direction:column}.login-brandText{text-align:center}.login-brandTitle{font-size:1.3125rem}.login-brandLogo{max-width:168px;height:88px}}.login-hero-img{object-fit:contain;width:90%;max-width:100%;height:auto}.login-paper{opacity:0;background:#0891b214;border:1px solid #0891b226;border-radius:24px;width:100%;max-width:100%;margin-bottom:.5rem;padding:1rem;animation:.8s forwards login-paper-fade-in;box-shadow:0 8px 32px #0891b21f,0 4px 16px #00000014}@media (width>=600px){.login-paper{max-width:480px;padding:1.5rem}}@media (width>=900px){.login-paper{padding:2rem}}@keyframes login-paper-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-paper-header{text-align:center;margin-bottom:2rem}.login-lock-circle{color:#fff;background:#0891b2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex;box-shadow:0 8px 32px #0891b24d}.login-lock-circle svg{width:32px;height:32px}.login-title{color:#0891b2;letter-spacing:-.01em;margin:0 0 .5rem;font-size:2.125rem;font-weight:700;line-height:1.2}.login-subtitle{color:#3d3d3d99;margin:0;font-size:1rem;font-weight:500;line-height:1.6}.login-form{flex-direction:column;gap:1.5rem;margin-bottom:.25rem;display:flex}.login-field-label{color:#3d3d3d;margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.5;display:block}.login-input-row{position:relative}.login-input{box-sizing:border-box;color:#3d3d3d;border:1px solid #0000003b;border-radius:12px;width:100%;padding:16.5px 14px;font-family:inherit;font-size:1rem;line-height:1.4375em;transition:border-color .15s,background-color .15s,box-shadow .15s}.login-input:focus{border-color:#0891b2;outline:none;box-shadow:0 0 0 1px #0891b2}.login-input::placeholder{color:#3d3d3d6b}.login-input--password{padding-right:48px}.login-input--error{border-color:#d32f2f}.login-input--error:focus{box-shadow:0 0 0 1px #d32f2f}.login-field-helper{color:#d32f2f;margin-top:6px;font-size:.75rem;font-weight:400;line-height:1.66;display:block}.login-password-toggle{color:#3d3d3d99;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.login-password-toggle:hover{color:#0891b2;background-color:#0891b214}.login-password-toggle svg{width:22px;height:22px}.login-error-banner{text-align:center;color:#d32f2f;margin:0;font-size:1rem;font-weight:500;line-height:1.5}.login-submit{box-sizing:border-box;text-transform:none;letter-spacing:.02857em;color:#fff;cursor:pointer;background:#0891b2;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:.5rem;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.75;transition:background-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.login-submit:hover:not(:disabled){background:#0e7490;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-submit-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.captcha-content-wrapper{flex-direction:column;gap:1rem;display:flex}.captcha-field-label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.5;display:block}.captcha-row{align-items:flex-start;gap:1rem;display:flex}.captcha-canvas-wrap{background:var(--color-bg-muted);border:1px solid #0891b238;border-radius:12px;flex-shrink:0;align-items:center;display:flex;position:relative;overflow:hidden}.captcha-canvas-wrap canvas{vertical-align:middle;display:block}.captcha-refresh{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#0891b2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,transform .2s,color .2s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.captcha-refresh:hover{color:#0e7490;background:#fff;transform:translateY(-50%)scale(1.05)}.captcha-refresh svg{width:16px;height:16px}.captcha-input-wrap{flex:1;min-width:0}.captcha-input{box-sizing:border-box;width:100%;color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:12px;padding:16.5px 14px;font-family:inherit;font-size:1rem;line-height:1.4375em;transition:border-color .15s,background-color .15s,box-shadow .15s}.captcha-input:focus{border-color:#0891b2;outline:none;box-shadow:0 0 0 1px #0891b2}.captcha-input::placeholder{color:var(--color-text-muted)}.captcha-input--error{border-color:var(--color-error)}.captcha-input--error:focus{box-shadow:0 0 0 1px var(--color-error)}.captcha-field-helper{color:var(--color-error);margin-top:6px;font-size:.75rem;font-weight:400;line-height:1.66;display:block}.captcha-wrapper{align-items:center;gap:1rem;display:flex;position:relative}.captcha-wrapper canvas{background-color:#fff;border-radius:5px}.captcha-inputs-wrapper{align-items:flex-start;gap:1rem;display:flex}@media (width<=1024px){.login-component-wrapper{overflow:auto}.login-content-wrapper{flex-direction:column;height:auto;min-height:100vh}.login-image-section{flex:none;gap:2rem;min-height:40vh;padding:2rem 1rem}.login-form-section{flex:none;justify-content:flex-start;gap:1.5rem;min-height:60vh;padding:2rem}.login-paper{max-width:480px;margin-bottom:.5rem;padding:1.5rem}.login-paper-header{margin-bottom:1.5rem}.login-lock-circle{width:56px;height:56px;margin-bottom:.75rem}.login-lock-circle svg{width:28px;height:28px}.login-title{margin-bottom:.5rem;font-size:2rem}.login-subtitle{font-size:1rem}.login-form{gap:1.25rem;margin-bottom:.25rem}.login-field-label{font-size:.875rem}.login-input{padding:14px 12px;font-size:.875rem}.login-input--password{padding-right:44px}.login-submit{margin-bottom:.5rem;padding:.875rem 1rem;font-size:.875rem}}@media (width<=768px){.login-image-section{gap:1.5rem;min-height:35vh;padding:1.5rem 1rem}.login-form-section{gap:1rem;min-height:65vh;padding:1.5rem}.login-paper{padding:1.25rem}.login-lock-circle{width:48px;height:48px}.login-lock-circle svg{width:24px;height:24px}.login-title{font-size:1.5rem}.login-subtitle{font-size:.875rem}.login-form{gap:1rem;margin-bottom:.25rem}.captcha-wrapper{flex-direction:column;align-items:stretch;gap:.75rem}.captcha-inputs-wrapper{flex-direction:column;gap:.75rem}.captcha-row{flex-direction:column;align-items:stretch;gap:.75rem}}@media (width<=480px){.login-image-section{gap:1rem;min-height:30vh;padding:1rem .5rem}.login-form-section{gap:.75rem;min-height:70vh;padding:1rem}.login-paper{margin-bottom:.5rem;padding:1rem}.login-submit{margin-bottom:.5rem}}@media (width<=360px){.login-image-section{gap:.75rem;min-height:25vh;padding:.5rem}.login-form-section{gap:.5rem;min-height:75vh;padding:.75rem}}.service-offline-message-wrapper{z-index:9999;background:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;inset:0}.check-login-loader-wrapper{z-index:9999;background:#f5f5f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}