@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2-variations")}*{box-sizing:border-box}html,body,#root{font-family:Pretendard Variable,sans-serif}html{background:#f6f7f9;color:#172033}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a{tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:root{--orange:#e84a24;--green:#00a979;--ink:#172033;--muted:#728095;--line:#e8ebef;--surface:#fff;--bg:#f6f7f9;--shadow:0 10px 32px rgba(32,45,68,.07)}.brand{display:inline-flex;width:145px;flex:0 0 auto}.brand img{display:block;width:100%;height:auto}.brand--compact{width:120px}.topbar{height:72px;padding:0 3vw;display:flex;align-items:center;gap:42px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand-link{display:flex;align-items:center;margin-right:auto}.desktop-nav{height:100%;display:flex;gap:50px}.desktop-nav a{height:100%;display:grid;place-items:center;font-size:18px;font-weight:700;position:relative}.desktop-nav a.active{color:var(--orange)}.desktop-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:4px;background:var(--orange)}.header-user{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px}.header-user svg:first-child{margin-right:10px}.page{max-width:1920px;min-height:calc(100vh - 72px);margin:auto;padding:32px 3vw 64px}.bottom-nav{display:none}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow{display:block;color:var(--green);font-size:13px;line-height:1.2;font-weight:800;letter-spacing:1.7px;margin-bottom:8px}.page-header h1{margin:0;font-size:30px;letter-spacing:-1.4px}.page-header p{margin:8px 0 0;color:var(--muted);font-size:16px}.button{border:0;border-radius:10px;min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button svg{width:17px}.button--primary{background:var(--green);color:#fff;box-shadow:0 8px 16px #00a9792e}.button--ghost{background:#fff;border:1px solid #dfe4e8;color:#4e5968}.button--dark{background:#3e4654;color:#fff}.button--danger{background:#fff1ee;color:#d83b1a}.button--light{background:#fff;color:#273141}.button--small{min-height:32px;border-radius:20px;padding:0 14px;font-size:14px}.button--large{min-height:52px;width:100%;font-size:17px}.icon-button{border:0;background:#f3f5f7;color:#5d6877;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:18px}.icon-button--danger{background:#fff0ed;color:var(--orange)}.state{min-height:240px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8691a0;gap:8px}.state>svg{width:34px;height:34px;color:#bdc5cf}.state strong{color:#4c5868}.state p{margin:0;font-size:15px}.state--error>svg{color:var(--orange)}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 1.4s ease infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.9)}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-story{position:relative;overflow:hidden;padding:56px 7vw;background:#172536;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand{color:#fff}.login-story .brand-kicker{color:#bac3cf}.story-copy{position:relative;z-index:2}.story-copy .eyebrow{color:#5fe1b7}.story-copy h1{font-size:clamp(42px,5vw,76px);line-height:1.11;letter-spacing:-4px;margin:18px 0 24px}.story-copy h1 em{font-style:normal;color:#ff6a42}.story-copy p{font-size:19px;line-height:1.8;color:#bfc8d3}.story-features{display:flex;gap:12px;position:relative;z-index:2}.story-features span{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:#ffffff0f;font-size:14px}.story-features svg{width:17px;color:#5fe1b7}.story-orbit{position:absolute;width:640px;height:640px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-260px;bottom:-240px}.story-orbit i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08);inset:90px}.story-orbit i:nth-child(2){inset:190px;background:radial-gradient(circle,rgba(232,74,36,.35),transparent 70%)}.story-orbit i:nth-child(3){width:18px;height:18px;inset:70px auto auto 150px;border:0;background:var(--green);box-shadow:0 0 50px var(--green)}.login-panel{display:grid;place-items:center;padding:40px;background:linear-gradient(145deg,#fff,#f8fafb)}.login-card{width:min(430px,100%);padding:20px}.mobile-login-brand{display:none}.login-card h2{font-size:30px;letter-spacing:-1.4px;margin:6px 0}.login-card>p{color:var(--muted);margin:0 0 35px}.login-card label,.filter-card label,.modal-form label{display:flex;flex-direction:column;gap:9px;font-size:15px;font-weight:700;margin:18px 0}.login-card input,.filter-card input,.filter-card select,.modal-form input,.modal-form select{height:48px;border:1px solid #dce2e8;border-radius:10px;padding:0 14px;background:#fff;outline:0}.login-card input:focus,.filter-card input:focus,.filter-card select:focus,.modal-form input:focus,.modal-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px #00a9791a}.login-card .button{margin-top:12px}.login-card small{display:block;text-align:center;color:#9aa3af;margin-top:20px}.form-error,.form-success{border-radius:8px;padding:11px 13px;font-size:14px;background:#fff1ee;color:#c73618}.form-success{background:#eafaf5;color:#007d59}.dashboard-page{margin:-32px -3vw -64px}.dashboard-intro{padding:36px 3vw 30px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(115deg,#182536,#22364a);color:#fff;overflow:hidden;position:relative}.dashboard-intro:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,169,121,.15),transparent 65%);right:14%;top:-300px}.dashboard-intro h1{margin:5px 0 0;font-size:30px;line-height:1.25;letter-spacing:-1.6px}.dashboard-intro h1 em{font-style:normal;color:#57d5ad}.edge-health{min-width:230px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 18px;background:#ffffff12;z-index:1}.edge-health>span{display:flex;gap:7px;align-items:center;font-size:13px;color:#7ce8c5}.edge-health svg{width:15px}.edge-health strong{font-size:26px;display:block;margin-top:6px}.edge-health small{font-size:14px;color:#b9c3cd;font-weight:500}.metrics{display:grid;grid-template-columns:1.35fr repeat(5,1fr);gap:10px;padding:18px 3vw;background:#fff;border-bottom:1px solid var(--line)}.metric{min-height:76px;border:1px solid var(--line);border-radius:13px;padding:12px 15px;display:flex;flex-direction:column;justify-content:center;position:relative;background:#fbfbfc}.metric>span,.metric div>span{font-size:13px;color:#6f7a89;font-weight:700}.metric strong{font-size:23px;letter-spacing:-1px;margin-top:5px}.metric strong small{font-size:14px;margin-left:3px}.metric--primary{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;background:#fff}.metric--primary i{position:absolute;right:12px;top:12px;font-style:normal;font-size:11px;color:#98a2b0}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff0ec;color:var(--orange)}.metric-icon svg{width:21px}.metric--orange strong{color:var(--orange)}.metric--green strong{color:var(--green)}.metric--blue strong{color:#3478f6}.metric--violet strong{color:#8c5ce6}.metric--pink strong{color:#c452b7}.metric--safe{grid-column:span 2;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;background:#effaf6;color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;padding:22px 3vw}.camera-section,.recent-panel{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 14px}.section-heading h2{font-size:20px;letter-spacing:-.5px;margin:0 0 3px}.section-heading span{color:#8993a0;font-size:13px}.section-heading a{display:flex;align-items:center;gap:4px;color:#687483;font-size:14px;font-weight:700}.camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.camera-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #1e2b3e0f;overflow:hidden}.live-video{aspect-ratio:16/9;background:#16202d;position:relative;overflow:hidden}.live-video video{width:100%;height:100%;object-fit:cover}.live-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8390a0;background:radial-gradient(circle at 50% 100%,#263d48,#141d28 70%);font-size:12px}.live-placeholder svg{width:23px}.camera-label{position:absolute;left:8px;top:8px;background:#0a111abf;color:#fff;font-weight:700;font-size:13px;padding:5px 8px;border-radius:5px}.live-badge{position:absolute;right:8px;top:8px;background:#e8422a;color:#fff;font-size:10px;font-weight:900;padding:4px 6px;border-radius:4px;letter-spacing:.6px}.camera-card footer{display:flex;align-items:center;height:36px;padding:0 10px;font-size:12px}.camera-card footer>span{margin-right:auto;color:#8390a0}.camera-card footer strong{font-size:11px;color:#606c7c}.status-dot{width:6px;height:6px;border-radius:50%;margin-right:4px;background:#f3a32b}.status-dot--ready{background:var(--green)}.status-dot--offline,.status-dot--edge_disconnected{background:#d1d6dc}.camera-empty{min-height:320px;background:#fff;border:1px dashed #d8dee5;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.camera-empty svg{color:#aeb7c3}.recent-panel{background:#fff;border-radius:15px;padding:18px;box-shadow:var(--shadow);align-self:start}.event-list{display:flex;flex-direction:column;gap:6px}.event-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;background:#f8f9fa;border-radius:10px;padding:9px}.event-symbol{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff0ec;color:var(--orange)}.event-symbol svg{width:16px}.event-symbol--green{background:#e8f9f4;color:var(--green)}.event-symbol--blue{background:#eaf1ff;color:#3478f6}.event-symbol--violet{background:#f2edff;color:#8c5ce6}.event-symbol--pink{background:#fbedf8;color:#c452b7}.event-row strong{display:block;font-size:13px}.event-row div span{font-size:11px;color:#8d96a2}.event-row time{display:flex;align-items:center;gap:3px;font-size:11px;color:#8d96a2}.event-row time svg{width:11px}.mini-empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);gap:8px;font-size:14px}.event-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;margin-bottom:18px}.filter-card,.chart-card,.table-card,.site-card,.settings-card,.company-card{background:#fff;border:1px solid #eceff2;border-radius:16px;box-shadow:var(--shadow)}.filter-card{padding:22px}.filter-card h2{display:flex;align-items:center;gap:8px;font-size:19px;margin:0 0 20px}.filter-card h2 svg{width:18px;color:var(--green)}.filter-card label{margin:14px 0}.filter-card label small,.modal-form label small{margin-left:auto;color:#8e98a5;font-weight:500}.filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.chart-card{padding:22px;min-width:0}.chart-card header h2{font-size:20px;margin:0}.chart-card header span{font-size:14px;color:var(--muted)}.table-card{overflow:hidden;padding-top:18px}.table-card>.section-heading{padding:0 22px}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;background:#f9fafb;color:#8490a0;font-size:13px;padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:14px 20px;border-bottom:1px solid var(--line);font-size:15px;color:#3e4a59}td>svg{width:15px;vertical-align:middle;margin-right:7px;color:#8993a0}.event-pill{display:inline-flex;background:#fff0ec;color:#d73e1c;border-radius:20px;padding:6px 10px;font-size:13px;font-weight:700}.muted{color:#a4acb7}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:15px}.pagination button{width:34px;height:34px;border:0;border-radius:9px;background:#f3f5f7;color:#5b6674;display:grid;place-items:center}.pagination button:disabled{opacity:.35}.pagination svg{width:16px}.pagination span{font-size:14px;color:#8993a0}.pagination strong{color:var(--green)}.modal-backdrop{position:fixed;inset:0;background:#131b26ad;z-index:100;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:17px;box-shadow:0 25px 80px #0000003d}.modal--wide{width:min(1000px,100%)}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.modal>header h2{font-size:19px;margin:0}.event-image{display:block;max-width:100%;max-height:75vh;margin:auto;padding:16px}.recording-workspace{height:calc(100vh - 170px);min-height:590px;display:grid;grid-template-columns:390px 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.recording-sidebar{min-height:0;border-right:1px solid var(--line);display:flex;flex-direction:column}.recording-sidebar>header{display:flex;align-items:center;justify-content:space-between;padding:18px}.recording-sidebar h2{font-size:18px;margin:0}.recording-sidebar header span{font-size:13px;color:var(--muted)}.inline-filters{display:grid;grid-template-columns:1fr 160px;gap:8px;padding:12px 14px;border-block:1px solid var(--line)}.inline-filters label{display:flex;align-items:center;gap:6px;height:40px;border:1px solid #e0e4e8;border-radius:8px;padding:0 8px}.inline-filters svg{width:15px;color:#7d8795}.inline-filters select,.inline-filters input{border:0;outline:0;min-width:0;width:100%;background:#fff;font-size:13px}.recording-list{overflow:auto;flex:1}.recording-row{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:13px 15px;cursor:pointer}.recording-row.active{background:#edfbf5;border-left:3px solid var(--green)}.play-icon{width:38px;height:38px;border-radius:10px;background:#f1f3f5;display:grid;place-items:center;color:#687381}.active .play-icon{background:#fff;color:var(--green)}.play-icon svg{width:16px}.recording-row strong{font-size:15px;display:block;margin-bottom:5px}.recording-row div span{display:flex;align-items:center;gap:4px;font-size:12px;color:#808b99}.recording-row div span svg{width:12px;margin-left:6px}.recording-row div span svg:first-child{margin-left:0}.player-panel{min-width:0;display:flex;flex-direction:column;background:#111820;color:#fff}.player-stage{position:relative;min-width:0;min-height:0;width:100%;display:grid;place-items:center;flex:1 1 auto;overflow:hidden;background:#090d12}.player-stage video{width:100%;height:100%;object-fit:contain;background:#090d12}.player-panel .state{margin:auto}.site-groups{display:flex;flex-direction:column;gap:16px}.site-card{overflow:hidden}.site-card>header{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.site-card>header>div{display:flex;align-items:center;gap:12px}.site-icon{width:40px;height:40px;border-radius:11px;background:#ebfaf5;color:var(--green);display:grid;place-items:center}.site-icon svg{width:20px}.site-card h2{font-size:18px;margin:0 0 3px}.site-card header div div span{font-size:12px;color:var(--muted)}.site-health{font-size:13px;color:#677382}.site-health i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px}.camera-name{display:flex;align-items:center;gap:10px}.camera-name>span{width:34px;height:34px;background:#f1f3f5;border-radius:8px;display:grid;place-items:center}.camera-name svg{width:17px}.camera-name strong{display:block}.camera-name small{display:block;color:#8e98a5;font-size:12px;margin-top:3px}.status-chip{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;background:#fff4df;color:#a46a00;font-size:12px;font-weight:700}.status-chip svg{width:12px}.status-chip--ready{background:#e8f9f4;color:#008761}.status-chip--offline,.status-chip--edge_disconnected{background:#f2f3f5;color:#77818e}.rtsp-state{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#626e7d}.rtsp-state svg{width:14px}.row-actions{display:flex;gap:6px}.modal-form{padding:4px 22px 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.security-note{display:flex;align-items:flex-start;gap:8px;padding:11px;border-radius:8px;background:#f0f8f5;color:#477567;font-size:13px;line-height:1.5}.security-note svg{width:16px;flex:0 0 auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.operations-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.settings-card{padding:24px}.settings-card>header{display:flex;gap:13px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.settings-card>header>span{width:44px;height:44px;background:#eef9f5;color:var(--green);border-radius:12px;display:grid;place-items:center}.settings-card h2{font-size:20px;margin:0 0 4px}.settings-card header p{font-size:14px;color:var(--muted);margin:0}.settings-card form label{display:flex;align-items:center;justify-content:space-between;padding:20px 6px;border-bottom:1px solid var(--line)}.settings-card form label>span{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.settings-card form label svg{width:17px;color:#7d8794}.settings-card form label div{display:flex;align-items:center;gap:7px}.settings-card input{height:42px;width:110px;border:1px solid #dce2e8;border-radius:9px;padding:0 12px;text-align:right}.settings-card b{font-size:14px;color:#778291}.settings-card form>.button{float:right;margin-top:20px}.settings-card .form-error,.settings-card .form-success{margin-top:15px}.company-card{padding:28px;position:relative;overflow:hidden}.company-card:after{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,#e5faf3,transparent 70%);right:-70px;top:-70px}.company-symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:#172536;color:#fff;margin-bottom:25px}.company-card h2{font-size:25px;letter-spacing:-1px;margin:4px 0 22px}.company-card dl{margin:0 0 25px}.company-card dl div{padding:12px 0;border-bottom:1px solid var(--line)}.company-card dt{font-size:12px;color:#8a95a2}.company-card dd{font-size:14px;margin:4px 0 0;word-break:break-all}.company-card .button{width:100%}@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,1fr)}.metric--primary,.metric--safe{grid-column:span 1}.dashboard-grid{grid-template-columns:1fr}.recent-panel{order:-1}.event-list{display:grid;grid-template-columns:repeat(4,1fr)}.event-row{grid-template-columns:34px 1fr}.event-row time{display:none}.camera-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.topbar{height:60px;padding:0 18px}.topbar .brand-kicker,.header-user span,.desktop-nav{display:none}.header-user{margin-left:auto}.page{min-height:calc(100vh - 124px);padding:20px 16px 90px}.bottom-nav{position:fixed;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);height:66px;left:0;right:0;bottom:0;background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#8a95a2}.bottom-nav a.active{color:var(--orange)}.bottom-nav svg{width:20px}.page-header{align-items:flex-start}.page-header h1{font-size:25px}.page-header p{font-size:14px}.dashboard-page{margin:-20px -16px -90px}.dashboard-intro{padding:25px 18px}.dashboard-intro h1{font-size:24px}.edge-health{min-width:180px}.metrics{padding:12px 16px;overflow-x:auto;display:flex}.metric{min-width:140px}.dashboard-grid{padding:16px}.event-layout{grid-template-columns:1fr}.filter-card{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.filter-card h2,.filter-actions{grid-column:1/-1}.recording-workspace{height:auto;min-height:0;grid-template-columns:1fr}.recording-sidebar{height:490px;border-right:0;border-bottom:1px solid var(--line)}.player-panel{min-height:440px}.operations-grid{grid-template-columns:1fr}.company-card{order:-1}.login-page{grid-template-columns:1fr}.login-story{display:none}.mobile-login-brand{display:block;margin-bottom:40px}.login-panel{min-height:100vh}.event-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.page-header{gap:15px}.page-header .button{font-size:0;width:42px;padding:0}.page-header .button svg{margin:0}.dashboard-intro{align-items:flex-start}.edge-health{min-width:0;padding:10px 12px}.edge-health>span{font-size:11px}.edge-health strong{font-size:20px}.edge-health small{display:none}.metrics .metric{min-width:130px}.camera-grid,.event-list{grid-template-columns:1fr}.recent-panel{padding:14px}.filter-card{grid-template-columns:1fr}.filter-card h2,.filter-actions{grid-column:auto}.chart-card{padding:14px}.recording-workspace{margin:0 -16px;border-radius:0;border-inline:0}.recording-sidebar{height:460px}.inline-filters{grid-template-columns:1fr 145px}.player-panel{min-height:280px}.form-grid{grid-template-columns:1fr;gap:0}.site-card{margin-inline:-8px}.site-card>header{padding:14px}.settings-card{padding:17px}.settings-card form label{align-items:flex-start;gap:12px}.operations-grid{gap:12px}.login-card{padding:0}.login-card h2{font-size:25px}}.auth-switch{text-align:center;margin-top:18px;font-size:15px;color:#7d8794}.auth-switch a{display:inline-flex;align-items:center;gap:3px;color:var(--green);font-weight:800}.password-hint{display:block;margin:-10px 0 14px;color:#8c96a2;font-size:13px;line-height:1.45}.live-retry{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:6px 9px;background:#ffffff14;color:#dce4ec;font-size:12px;cursor:pointer}.live-retry svg{width:13px}.event-symbol--fire{background:#fff0e8;color:#e53922}.event-symbol--fire svg{fill:#ff6a22}.event-row--fire{box-shadow:inset 3px 0 #ef3e28}.recording-row--event{box-shadow:inset 3px 0 #ef7b2d}.recording-row__body{flex:1;min-width:0}.recording-row .recording-meta{display:flex}.recording-row .recording-event-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:7px}.recording-event-list small{font-size:11px;color:#b14d22;font-weight:800}.recording-event-badge{display:inline-flex;align-items:center;gap:4px;width:max-content;border-radius:999px;padding:4px 7px;background:#eef1f4;color:#5d6875;font-size:11px;font-weight:800;line-height:1}.recording-event-badge>svg{width:12px!important;height:12px;margin:0!important}.recording-event-badge>span{display:inline!important;color:inherit!important;font-size:inherit!important}.recording-event-badge--compact{padding:3px 6px}.recording-event-badge--fire{background:#fff0e8;color:#df351d}.recording-event-badge--fire>svg{fill:#ff6a22}.recording-event-badge--smoke{background:#edf0f3;color:#5d6875}.recording-event-badge--danger{background:#f2edff;color:#7650c9}.recording-event-badge--ppe{background:#fff5d9;color:#986b00}.recording-event-badge--fall,.recording-event-badge--ladder{background:#fff0e7;color:#c95719}.player-events{position:absolute;z-index:3;left:18px;top:18px;max-width:min(520px,calc(100% - 36px));padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#0a1017d1;box-shadow:0 6px 24px #0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.player-events>strong{display:block;margin-bottom:7px;color:#fff;font-size:13px}.player-events>div{display:flex;gap:6px;flex-wrap:wrap}.player-events button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;padding:3px 5px 3px 3px;background:#ffffff1a;color:#dfe5eb;cursor:pointer}.player-events button:hover{background:#fff3}.player-events time{font-size:11px;font-variant-numeric:tabular-nums}@media(max-width:600px){.player-events{left:10px;top:10px;max-width:calc(100% - 20px)}.recording-event-badge{font-size:10px}}.live-video video{cursor:zoom-in}.fullscreen-hint{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:6px;background:#0a111ab8;color:#e8edf2;font-size:10px;font-weight:700;pointer-events:none;opacity:.72;transition:opacity .2s}.fullscreen-hint svg{width:11px;height:11px}.live-video:hover .fullscreen-hint,.live-video:focus-within .fullscreen-hint{opacity:1}.live-video:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#000}.live-video:fullscreen video{object-fit:contain;cursor:default}.live-video:fullscreen .fullscreen-hint{display:none}.live-video:fullscreen .camera-label{font-size:16px;padding:7px 10px}.live-video:fullscreen .live-badge{font-size:12px;padding:6px 8px}.code-input{display:flex;gap:8px}.code-input input{min-width:0;flex:1}.code-input .button{white-space:nowrap;height:46px}.company-confirm{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 14px;border:1px solid #bcebdc;border-radius:10px;background:#effbf7;color:var(--green)}.company-confirm span{display:flex;flex-direction:column}.company-confirm small{font-size:12px;color:#6d8e84}.company-confirm strong{font-size:15px}.button--danger{background:#fff0ed!important;color:#c63d29!important;border-color:#f3c5bd!important}.button--approve{background:#eaf9f4!important;color:#087b5d!important;border-color:#bfe8dc!important}.approval-page{min-height:100vh;background:linear-gradient(145deg,#f4f7f9,#eaf8f3);padding:24px}.approval-page>header{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between}.approval-card{width:min(590px,calc(100% - 32px));margin:8vh auto 0;padding:42px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #182b391a;text-align:center}.approval-icon{width:70px;height:70px;margin:0 auto 22px;border-radius:22px;display:grid;place-items:center;background:#eafaf5;color:var(--green)}.approval-icon svg{width:35px;height:35px}.approval-card h1{font-size:28px;margin:8px 0}.approval-card>p{color:var(--muted);font-size:15px}.approval-detail{margin:26px 0;padding:8px 20px;border-radius:14px;background:#f7f9fa;text-align:left}.approval-detail>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.approval-detail>div:last-child{border:0}.approval-detail svg{color:var(--green)}.approval-detail span{font-size:13px;color:var(--muted)}.approval-detail strong{display:block;color:#273342;font-size:16px;margin-top:3px}.approval-detail .rejection-note,.rejection-note{display:block;background:#fff1ee;color:#a23828;border:0;border-radius:8px;padding:11px;font-size:14px}.reapply-form{margin-top:25px;text-align:left}.reapply-form>.button--primary{width:100%;margin-top:12px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.profile-card>svg{color:var(--green);margin-bottom:18px}.profile-card>span{display:block;color:var(--muted);font-size:13px}.profile-card h2{margin:5px 0;font-size:22px}.profile-card p{color:var(--muted);font-size:14px}.profile-card--wide{grid-column:1/-1}.profile-card--wide label{display:block;margin:18px 0 10px;max-width:620px}.profile-card--wide>.button{margin-top:12px}.request-status{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:999px;background:#eef1f4;color:#687482;font-size:12px!important;font-weight:800}.request-status--pending{background:#fff4d9;color:#986700}.request-status--approved{background:#e8f9f4;color:#087b5d}.request-status--rejected{background:#fff0ed;color:#b23b29}.request-status--canceled{background:#eef1f4;color:#687482}.admin-page{min-height:100vh;background:#f4f6f8}.admin-header{height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#172536;color:#fff}.admin-header nav{display:flex;align-items:center;gap:18px}.admin-header nav span{display:flex;align-items:center;gap:7px;font-size:14px}.admin-header svg,.admin-panel .button svg{width:16px}.admin-content{max-width:1440px;margin:auto;padding:35px 4vw 70px}.admin-title h1{margin:6px 0;font-size:30px}.admin-title p{margin:0 0 28px;color:var(--muted)}.admin-panel{margin:18px 0;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.admin-panel>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.admin-panel h2{margin:0 0 3px;font-size:20px}.admin-panel header span{font-size:13px;color:var(--muted)}.filter-tabs{display:flex;gap:5px;padding:12px 20px}.filter-tabs button{border:0;border-radius:8px;padding:8px 14px;background:#f1f3f5;color:#687482;font-weight:700}.filter-tabs button.active{background:#172536;color:#fff}.admin-panel td strong,.admin-panel td small{display:block}.admin-panel td small{margin-top:4px;color:var(--muted);font-size:12px}.decision-actions{display:flex;align-items:center;gap:6px}.decision-actions input{width:190px;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 9px}.empty-cell{text-align:center;color:var(--muted);padding:35px!important}.join-code-controls{display:flex;align-items:flex-end;gap:16px;padding:22px}.join-code-controls label{min-width:280px}.join-code-controls select{display:block;width:100%;height:42px;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.code-status{display:flex;align-items:center;gap:8px;flex:1;height:42px;color:var(--muted);font-size:14px}.revealed-code{margin:0 22px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid #f0d58d;border-radius:12px;background:#fff9e8}.revealed-code small{display:block;color:#886b18}.revealed-code code{display:block;margin-top:5px;font-size:17px;word-break:break-all}@media(max-width:800px){.approval-card{padding:28px 20px}.profile-grid{grid-template-columns:1fr}.profile-card--wide{grid-column:auto}.admin-header nav span{display:none}.admin-content{padding-inline:14px}.join-code-controls{align-items:stretch;flex-direction:column}.join-code-controls label{min-width:0}.decision-actions{align-items:stretch;flex-direction:column}.decision-actions input{width:100%}}.dashboard-page--control{min-height:calc(100vh - 168px);margin:0;background:#fff;color:#171b25}.dashboard-control-strip{position:relative;z-index:12;display:grid;grid-template-columns:minmax(250px,1fr) minmax(760px,950px);align-items:center;gap:24px;min-height:104px;padding:10px 0 8px;border-bottom:1px solid #eceef2;background:#fff}.dashboard-filter-wrap{position:relative;width:235px}.dashboard-filter-trigger{width:235px;height:48px;display:grid;grid-template-columns:22px 1fr auto 18px;align-items:center;gap:10px;padding:0 16px;border:1px solid #e3e6ea;border-radius:11px;background:#fff;color:#343a46;text-align:left;box-shadow:0 3px 10px #1c233006;cursor:pointer}.dashboard-filter-trigger>svg{width:18px;color:#647080}.dashboard-filter-trigger>span{font-size:17px}.dashboard-filter-trigger>b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#182536;color:#fff;font-size:12px}.dashboard-filter-trigger .dashboard-filter-chevron{width:15px;transition:transform .2s}.dashboard-filter-trigger.active{border-color:#b8c0ca;box-shadow:0 0 0 3px #1f2d3d0f}.dashboard-filter-trigger.active .dashboard-filter-chevron{transform:rotate(180deg)}.dashboard-filter-popover{position:absolute;z-index:30;top:56px;left:0;width:320px;padding:17px;border:1px solid #e4e7eb;border-radius:14px;background:#fff;box-shadow:0 18px 48px #161f2b29}.dashboard-filter-popover>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dashboard-filter-popover>header strong{font-size:18px}.dashboard-filter-popover>header button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;background:#f5f6f8;color:#687381;cursor:pointer}.dashboard-filter-popover>header svg{width:15px}.dashboard-filter-popover label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:14px;font-weight:750}.dashboard-filter-popover select{width:100%;height:42px;padding:0 11px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#343b47;outline:none}.dashboard-filter-popover select:focus{border-color:#667383;box-shadow:0 0 0 3px #2d384612}.dashboard-filter-popover fieldset{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0 0 17px;border:0}.dashboard-filter-popover legend{grid-column:1/-1;margin-bottom:7px;font-size:14px;font-weight:750}.dashboard-filter-popover fieldset button{height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #e2e5e9;border-radius:8px;background:#fafbfc;color:#677180;font-size:13px;cursor:pointer}.dashboard-filter-popover fieldset button.active{border-color:#344151;background:#edf1f4;color:#172536;font-weight:800}.dashboard-filter-popover fieldset svg{width:13px}.dashboard-filter-popover>footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dashboard-filter-popover>footer button{height:38px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:8px;background:#172536;color:#fff;font-size:13px;font-weight:750;cursor:pointer}.dashboard-filter-popover>footer button:first-child{border:1px solid #e1e4e8;background:#fff;color:#6b7582}.dashboard-filter-popover>footer button:disabled{opacity:.4;cursor:default}.dashboard-filter-popover>footer svg{width:13px}.dashboard-metrics{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:9px;padding-right:1px;transition:opacity .2s}.dashboard-metrics.is-loading{opacity:.55}.dashboard-metric{height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e6e8eb;border-radius:11px;background:#fafafa;box-shadow:0 2px 8px #1f273406}.dashboard-metric span{font-size:12px;font-weight:800;color:#323944}.dashboard-metric strong{margin-top:4px;font-size:20px;line-height:1;color:#1e2530}.dashboard-metric small{margin-left:2px;font-size:12px;font-weight:600;color:#000}.dashboard-metric button{display:flex;align-items:center;gap:3px;margin-top:5px;padding:0;border:0;background:transparent;color:#b03b2c;font-size:11px;cursor:pointer}.dashboard-metric button svg{width:11px}.dashboard-metric--total span{font-family:Georgia,serif;font-size:13px}.dashboard-metric--fire span,.dashboard-metric--fire strong{color:#f33422}.dashboard-metric--fall span,.dashboard-metric--fall strong{color:#5b201e}.dashboard-metric--ladder span,.dashboard-metric--ladder strong{color:#1f64e8}.dashboard-metric--danger span,.dashboard-metric--danger strong{color:#f29a26}.dashboard-metric--ppe span,.dashboard-metric--ppe strong{color:#d34db3}.dashboard-workspace{display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:16px;padding:0;background:#fff}.dashboard-metric.dashboard-metric strong{color:#000}.dashboard-camera-area{min-width:0;padding-top:8px}.dashboard-camera-summary{height:0;position:relative;z-index:3;top:8px;left:8px;width:max-content;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));font-size:12px;pointer-events:none}.dashboard-camera-summary>span{display:none}.dashboard-camera-summary strong,.dashboard-camera-summary small{display:none}.dashboard-camera-summary button{pointer-events:auto;border:0;border-radius:5px;padding:4px 7px;background:#0f151dc2;color:#fff;font-size:11px;cursor:pointer}.dashboard-camera-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dashboard-camera-card{position:relative;min-width:0;overflow:hidden;background:#151d26;box-shadow:0 2px 5px #161c2524}.dashboard-camera-card .live-video{border-radius:0;aspect-ratio:16/9}.dashboard-camera-card .camera-label{top:7px;left:7px;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0;background:#14161ac7;font-size:14px;padding:5px 7px}.dashboard-camera-card .camera-label:after{content:" 🔔";font-size:11px}.dashboard-camera-card .live-badge{top:8px;right:8px}.dashboard-camera-card .fullscreen-hint{display:none}.dashboard-camera-card:hover .fullscreen-hint{display:flex}.dashboard-camera-site{position:absolute;right:7px;bottom:6px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 5px;background:#070c12a3;color:#ffffffd1;font-size:10px}.dashboard-camera-health{position:absolute;left:7px;bottom:6px;display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;background:#070c12ad;color:#fff;font-size:10px}.dashboard-camera-health i{width:5px;height:5px;border-radius:50%;background:#e3a52f}.dashboard-camera-health--ready i{background:#27d19b}.dashboard-camera-health--offline i,.dashboard-camera-health--edge_disconnected i{background:#8a929d}.dashboard-camera-state,.dashboard-camera-empty{min-height:460px;display:grid;place-items:center;background:#f7f8f9}.dashboard-camera-empty{align-content:center;gap:7px;color:#89929e}.dashboard-camera-empty>svg{width:31px}.dashboard-camera-empty strong{color:#4b5563}.dashboard-camera-empty span{font-size:13px}.dashboard-camera-empty button{margin-top:7px;padding:8px 12px;border:1px solid #dde2e7;border-radius:7px;background:#fff;color:#596473;font-size:13px;cursor:pointer}.dashboard-event-rail{position:sticky;top:88px;height:clamp(520px,calc(100vh - 240px),760px);display:flex;align-self:start;flex-direction:column;gap:12px;padding:8px 0 0;background:transparent}.dashboard-capture-card,.dashboard-recent-card{overflow:hidden;border:1px solid #eceef1;border-radius:14px;background:#fff}.dashboard-capture-card{flex:0 0 auto;padding:12px 25px 18px}.dashboard-capture-card>header,.dashboard-recent-card>header{display:flex;align-items:center;justify-content:space-between}.dashboard-capture-card h2,.dashboard-recent-card h2{display:flex;align-items:center;gap:7px;margin:0;font-size:18px;letter-spacing:-.5px}.dashboard-capture-card h2 svg,.dashboard-recent-card h2 svg{width:19px}.dashboard-capture-card>header time{font-size:12px;color:#222834}.dashboard-capture-meta{height:32px;display:flex;align-items:center;gap:9px}.dashboard-capture-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dashboard-event-tag{display:inline-flex;flex:0 0 auto;border-radius:20px;padding:4px 8px;background:#f1f2f4;color:#586270;font-size:11px;font-weight:800}.dashboard-event-tag--fire{background:#fff0ec;color:#ee321f}.dashboard-event-tag--fall,.dashboard-event-tag--ladder{background:#f3edff;color:#8a50c7}.dashboard-event-tag--danger{background:#fff4df;color:#bd7612}.dashboard-event-tag--ppe{background:#faeafa;color:#b640a3}.dashboard-capture-image{width:100%;height:auto;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;padding:0;border:0;background:#eef1f4;cursor:zoom-in}.dashboard-capture-image:disabled{cursor:default}.dashboard-capture-image img{width:100%;height:100%;object-fit:cover}.dashboard-capture-image>span,.dashboard-capture-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#9099a6;font-size:12px}.dashboard-capture-image>span svg,.dashboard-capture-state>svg{width:25px}.dashboard-capture-state{width:100%;height:auto;aspect-ratio:16/9}.dashboard-capture-state .state{min-height:0;height:100%}.dashboard-recent-card{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;padding:14px 25px 10px}.dashboard-recent-card>header{flex:0 0 auto;padding-bottom:10px}.dashboard-recent-card>header>div{display:flex;align-items:center;gap:7px}.dashboard-recent-card>header span{font-size:11px;color:#6f7885}.dashboard-recent-card>header a{font-size:12px;color:#303743}.dashboard-event-list{min-height:0;display:flex;flex:1;flex-direction:column;gap:5px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#d4e9f6 transparent}.dashboard-event-row{display:grid;grid-template-columns:38px minmax(0,1fr) 76px;align-items:center;gap:10px;min-height:59px;padding:8px 10px;border-radius:10px;background:#fafafa;transition:background .15s}.dashboard-event-row:hover{background:#f2f5f7}.dashboard-event-row>span:nth-child(2){min-width:0}.dashboard-event-row strong,.dashboard-event-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-event-row strong{font-size:13px}.dashboard-event-row small{margin-top:3px;font-size:12px;font-weight:700}.dashboard-event-row time{justify-self:end;padding:7px 12px;border-radius:18px;background:#fff;box-shadow:0 3px 12px #1b222c0d;color:#666f7c;font-size:11px;white-space:nowrap}.dashboard-event-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#eceff3;color:#687383}.dashboard-event-icon svg{width:17px}.dashboard-event-icon--fire{background:#fff0ec;color:#ef3722}.dashboard-event-icon--smoke{background:#edf0f3;color:#606c79}.dashboard-event-icon--danger{background:#fff2dc;color:#cc7910}.dashboard-event-icon--ppe{background:#f7e7f6;color:#c047ad}.dashboard-event-icon--fall,.dashboard-event-icon--ladder{background:#f0e7fb;color:#934ec1}.dashboard-recent-empty{min-height:190px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#00a979;font-size:13px}.dashboard-recent-card>.state{min-height:180px}@media(max-width:1580px){.dashboard-control-strip{grid-template-columns:minmax(230px,1fr) minmax(700px,850px)}.dashboard-workspace{grid-template-columns:minmax(0,1fr) 380px}.dashboard-camera-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px){.dashboard-control-strip{display:block;padding:12px 0}.dashboard-filter-wrap{margin-bottom:10px}.dashboard-metrics{grid-template-columns:repeat(6,minmax(105px,1fr));overflow-x:auto;padding-bottom:3px}.dashboard-workspace{grid-template-columns:1fr;padding:0 0 28px}.dashboard-camera-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-event-rail{position:static;height:auto;display:grid;grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr);padding:0;background:transparent}.dashboard-capture-card,.dashboard-recent-card{height:320px}.dashboard-recent-card{min-height:0}}@media(max-width:900px){.dashboard-page--control{min-height:calc(100vh - 170px);margin:0}.dashboard-control-strip{padding:12px 0}.dashboard-filter-wrap,.dashboard-filter-trigger{width:220px}.dashboard-metrics{grid-template-columns:repeat(6,126px)}.dashboard-workspace{padding:0 0 8px}.dashboard-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-capture-card,.dashboard-recent-card{padding-inline:18px}.dashboard-event-list{max-height:390px}}@media(max-width:600px){.dashboard-filter-wrap,.dashboard-filter-trigger{width:100%}.dashboard-filter-popover{position:fixed;top:70px;left:12px;right:12px;width:auto}.dashboard-control-strip{position:relative}.dashboard-metrics{margin-top:10px}.dashboard-metric{height:61px}.dashboard-camera-grid{grid-template-columns:1fr;gap:7px}.dashboard-camera-card .camera-label{font-size:13px}.dashboard-event-rail{grid-template-columns:1fr;gap:8px}.dashboard-capture-card,.dashboard-recent-card{height:auto;border-radius:12px}.dashboard-recent-card{max-height:480px}.dashboard-event-row{grid-template-columns:36px minmax(0,1fr) 68px;padding-inline:8px}.dashboard-event-row time{padding-inline:8px}}.operations-tabs{display:flex;gap:8px;margin:-8px 0 18px;border-bottom:1px solid var(--line)}.operations-tabs button{position:relative;padding:11px 14px;border:0;background:transparent;color:#7b8795;font-size:14px;font-weight:800;cursor:pointer}.operations-tabs button.active{color:var(--green)}.operations-tabs button.active:after{content:"";position:absolute;right:14px;bottom:-1px;left:14px;height:2px;border-radius:2px;background:var(--green)}.notification-settings-card{min-height:450px}.notification-settings-body{padding:4px 6px}.notification-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.notification-setting-row>div{min-width:0}.notification-setting-row strong{font-size:15px}.notification-setting-row small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.notification-filter-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:22px 0 4px}.notification-filter-heading strong{font-size:14px}.notification-filter-heading span{color:var(--muted);font-size:12px}.notification-filter-list[aria-disabled=true]{opacity:.5}.notification-filter-list .notification-setting-row:last-child{border-bottom:0}.notification-toggle{display:inline-flex;flex:0 0 auto;align-items:center;cursor:pointer}.notification-toggle input{position:absolute;width:1px;height:1px;opacity:0}.notification-toggle span{position:relative;width:42px;height:24px;border-radius:20px;background:#cbd2d9;transition:background .18s}.notification-toggle span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #141e2833;transition:transform .18s}.notification-toggle input:checked+span{background:var(--green)}.notification-toggle input:checked+span:after{transform:translate(18px)}.notification-toggle input:focus-visible+span{outline:3px solid rgba(0,169,121,.22);outline-offset:2px}.notification-toggle input:disabled+span{cursor:not-allowed}@media(max-width:600px){.operations-tabs{margin-top:-4px}.operations-tabs button{flex:1;padding-inline:6px}.notification-setting-row{padding:17px 0}.notification-filter-heading{align-items:flex-start;flex-direction:column;gap:4px}}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#f4f6f8;color:#263342}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px;background:#172536;color:#fff;z-index:80}.admin-sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 8px 24px}.admin-sidebar-brand .brand{color:#fff}.admin-sidebar-brand>button,.admin-topbar>button{display:none;border:0;background:transparent;color:inherit}.admin-identity{display:flex;align-items:center;gap:11px;margin-bottom:24px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff0d}.admin-identity>svg{width:21px;color:#5fe1b7}.admin-identity strong,.admin-identity span{display:block}.admin-identity strong{font-size:14px}.admin-identity span{max-width:160px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:#aeb8c5;font-size:11px}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.admin-sidebar nav a,.admin-logout{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#b9c2cd;font-size:14px;font-weight:700;text-decoration:none}.admin-sidebar nav a svg,.admin-logout svg{width:18px}.admin-sidebar nav a.active{background:#00a979;color:#fff}.admin-logout{margin-top:auto;width:100%;cursor:pointer}.admin-logout:hover{background:#ffffff12;color:#fff}.admin-workspace{min-width:0}.admin-topbar{height:64px;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 3vw;border-bottom:1px solid #e5e8eb;background:#fff}.admin-topbar>span{display:none}.admin-topbar>strong{font-size:14px}.admin-main{max-width:1500px;margin:auto;padding:34px 3vw 70px}.admin-page-heading{margin-bottom:25px}.admin-page-heading h1{margin:5px 0 6px;font-size:30px;letter-spacing:-1.2px}.admin-page-heading p{margin:0;color:var(--muted);font-size:15px}.admin-page-heading--action{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-stat-grid article{position:relative;min-height:142px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.admin-stat-grid article>svg{position:absolute;right:20px;top:20px;width:22px;color:#00a979}.admin-stat-grid span,.admin-stat-grid strong,.admin-stat-grid small,.admin-stat-grid a{display:block}.admin-stat-grid span{color:#687584;font-size:13px;font-weight:700}.admin-stat-grid strong{margin:14px 0 8px;font-size:29px}.admin-stat-grid small,.admin-stat-grid a{color:#87919d;font-size:12px}.admin-stat-grid a{color:#008a64}.admin-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.admin-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 21px;border-bottom:1px solid var(--line)}.admin-card>header h2{display:flex;align-items:center;gap:7px;margin:0;font-size:19px}.admin-card>header h2 svg{width:18px;color:var(--green)}.admin-card>header p{margin:4px 0 0;color:var(--muted);font-size:12px}.admin-card td strong,.admin-card td small{display:block}.admin-card td small{margin-top:3px;color:var(--muted);font-size:11px}.admin-badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:20px;background:#e8f9f4;color:#087b5d;font-size:12px;font-style:normal;font-weight:800}.admin-badge--suspended{background:#fff0ed;color:#b23b29}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.admin-toolbar label{width:min(380px,100%);height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #dfe4e8;border-radius:10px;background:#fff}.admin-toolbar svg{width:16px;color:#929ca8}.admin-toolbar input{min-width:0;flex:1;border:0;outline:0}.admin-toolbar>span{color:var(--muted);font-size:13px}.admin-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.admin-company-card{display:block;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:.18s}.admin-company-card:hover{transform:translateY(-2px);border-color:#b9dfd4}.admin-company-card header{display:flex;justify-content:space-between;align-items:center}.admin-company-card header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eafaf5;color:var(--green)}.admin-company-card header svg{width:20px}.admin-company-card h2{margin:18px 0 5px;font-size:20px}.admin-company-card>code{color:#82909e;font-size:12px}.admin-company-card dl{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}.admin-company-card dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:9px;margin:8px 0;font-size:12px}.admin-company-card dt{color:#8994a1}.admin-company-card dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-company-card dd svg{width:12px;vertical-align:middle;margin-right:4px}.admin-back-link{display:inline-flex;align-items:center;gap:5px;margin-bottom:20px;color:#687584;font-size:13px;text-decoration:none}.admin-back-link svg{width:15px}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-card--wide{grid-column:1/-1}.admin-card-form,.admin-card-body{padding:20px}.admin-card-form>label,.admin-confirm>label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:13px;font-weight:700}.admin-card-form input:not([type=checkbox]),.admin-card-form textarea,.admin-confirm input{width:100%;border:1px solid #dfe4e8;border-radius:9px;padding:11px 12px;outline:0}.admin-card-form textarea{resize:vertical;font-family:inherit}.admin-card-form small{margin-left:auto;color:#8c96a2;font-weight:500}.admin-switch{flex-direction:row!important;align-items:center}.admin-switch input{accent-color:var(--green)}.admin-inline-actions{display:flex;align-items:center;gap:8px;margin-top:18px}.admin-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-setting-row strong,.admin-setting-row span{display:block}.admin-setting-row strong{font-size:15px}.admin-setting-row span{margin-top:4px;color:var(--muted);font-size:12px}.admin-secret{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:15px;border:1px solid #efd17b;border-radius:11px;background:#fff9e8}.admin-secret>div:first-child{min-width:0}.admin-secret span,.admin-secret code,.admin-secret small{display:block}.admin-secret span,.admin-secret small{color:#816715;font-size:11px}.admin-secret code{margin:6px 0;overflow-wrap:anywhere;color:#3c3521;font-size:15px}.admin-secret>div:last-child{display:flex;gap:6px;flex:0 0 auto}.admin-edge-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-edge-summary>div{padding:14px;border-radius:10px;background:#f6f8f9}.admin-edge-summary span,.admin-edge-summary strong,.admin-edge-summary small{display:block}.admin-edge-summary span{color:#84909e;font-size:11px}.admin-edge-summary strong{margin-top:6px;font-size:14px}.admin-edge-summary small{margin-top:4px;color:#84909e;font-size:10px}.admin-member-list>div{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid var(--line)}.admin-member-list>div:last-child{border:0}.admin-member-list strong,.admin-member-list small{display:block}.admin-member-list strong{font-size:14px}.admin-member-list small{margin-top:3px;color:var(--muted);font-size:11px}.admin-confirm{padding:22px}.admin-confirm>svg{width:28px;color:#d14c35}.admin-confirm>p{color:#606c79;font-size:14px;line-height:1.7}.admin-confirm>p strong{color:#293542}.admin-confirm>label{margin-top:18px}.admin-approval-card .filter-tabs{border-bottom:1px solid var(--line)}.admin-sidebar-scrim{display:none}.support-banner{height:38px;display:flex;align-items:center;justify-content:center;gap:26px;background:#fff3cd;color:#725c13;font-size:13px}.support-banner button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#765c08;font-size:12px;font-weight:800;cursor:pointer}.support-banner svg{width:14px}@media(max-width:1100px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-edge-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;transform:translate(-100%);width:260px;transition:transform .2s}.admin-sidebar.is-open{transform:translate(0)}.admin-sidebar-brand>button{display:grid;place-items:center}.admin-sidebar-scrim{position:fixed;inset:0;display:block;border:0;background:#10182394;z-index:70}.admin-topbar{justify-content:space-between;padding-inline:16px}.admin-topbar>button{display:grid;place-items:center}.admin-topbar>button svg{width:20px}.admin-topbar>span{display:block;font-size:14px;font-weight:800}.admin-main{padding:25px 15px 60px}.admin-page-heading--action{align-items:flex-start}.admin-stat-grid,.admin-company-grid,.admin-detail-grid{grid-template-columns:1fr}.admin-card--wide{grid-column:auto}.admin-edge-summary{grid-template-columns:1fr 1fr}.admin-secret{align-items:stretch;flex-direction:column}.admin-secret>div:last-child{align-self:flex-end}.support-banner{height:auto;min-height:42px;padding:7px 12px;justify-content:space-between}.support-banner span,.support-banner button{font-size:11px}.support-banner+.topbar{height:60px}}@media(max-width:500px){.admin-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.admin-stat-grid article{min-height:126px;padding:15px}.admin-company-grid{grid-template-columns:1fr}.admin-page-heading h1{font-size:25px}.admin-page-heading--action>.button{font-size:0;width:42px;padding:0}.admin-edge-summary{grid-template-columns:1fr}.admin-inline-actions{align-items:stretch;flex-direction:column}.admin-inline-actions .button{width:100%}.admin-setting-row{align-items:flex-start;flex-direction:column}.admin-secret>div:last-child{align-self:stretch}.admin-secret .button{flex:1}.admin-toolbar>span{display:none}}.session-logout{min-height:34px;display:inline-flex;align-items:center;gap:6px;margin-left:5px;padding:0 10px;border:1px solid #dfe4e8;border-radius:8px;background:#fff;color:#596574;font-size:12px;font-weight:750;cursor:pointer}.session-logout svg,.header-user .session-logout svg:first-child{width:15px;margin:0}.session-logout:hover{border-color:#c8d0d8;background:#f7f9fa;color:#273342}.admin-topbar>div{display:flex;align-items:center;gap:12px}.admin-topbar>div>strong{font-size:14px}.profile-panel{width:min(760px,100%);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.profile-account-row{display:flex;align-items:center;gap:17px;padding:28px 30px}.profile-user-avatar{width:56px;height:56px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:#eafaf5;color:var(--green)}.profile-user-avatar svg{width:27px}.profile-user-copy{min-width:0}.profile-user-copy>span,.profile-company-copy>span{display:block;color:var(--muted);font-size:12px}.profile-user-copy h2{margin:4px 0;font-size:22px}.profile-user-copy p{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-user-copy p svg{width:15px;flex:0 0 auto}.profile-account-row .profile-logout{margin-left:auto;flex:0 0 auto}.profile-company-row{display:flex;align-items:center;gap:14px;padding:18px 30px;border-top:1px solid var(--line);background:#fafbfc}.profile-company-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#eef1f4;color:#647184}.profile-company-icon svg{width:20px}.profile-company-copy>span{margin-bottom:3px}.profile-company-copy strong{display:block;font-size:16px}@media(max-width:900px){.header-user .session-logout{width:36px;padding:0}.header-user .session-logout span{display:none}}@media(max-width:760px){.admin-topbar>div>strong{display:none}.admin-topbar .session-logout{width:36px;padding:0;margin:0}.admin-topbar .session-logout span{display:none}}.login-story .brand{width:230px}.mobile-login-brand .brand{width:185px}.approval-page .brand{width:160px}.admin-sidebar-brand .brand{width:166px}@media(max-width:900px){.topbar .brand{width:120px}}@media(max-width:520px){.mobile-login-brand .brand{width:175px}.approval-page .brand{width:130px}}@media(max-width:600px){.profile-account-row{align-items:flex-start;flex-wrap:wrap;padding:22px 20px}.profile-user-copy{flex:1}.profile-account-row .profile-logout{width:100%;margin:7px 0 0}.profile-company-row{padding:17px 20px}}.app-shell--dashboard,.page--dashboard,.dashboard-page--control,.dashboard-workspace,.dashboard-event-rail{background:#fff}.page--recordings{height:calc(100dvh - 72px);min-height:0;overflow:hidden}.support-banner+.topbar+.page--recordings{height:calc(100dvh - 110px)}.recordings-page{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr)}.recording-workspace{height:100%;min-height:0;grid-template-columns:clamp(390px,28vw,520px) minmax(0,1fr)}.player-panel{min-height:0;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden;container-type:size;background:#090d12;color:#fff}.player-panel>.state{grid-row:1/-1}.player-stage{width:min(100cqw,calc(100cqh * var(--recording-aspect,1.7777778)));height:min(100cqh,calc(100cqw * var(--recording-inverse-aspect,.5625)));grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:0}.player-stage video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.player-panel .state strong{color:#d2d8df}.dashboard-metric--total span{font-family:inherit}.camera-page-actions{display:flex;justify-content:flex-end;margin-bottom:18px}@media(max-width:900px){.page--recordings{height:auto;min-height:calc(100dvh - 124px);overflow:visible}.support-banner+.topbar+.page--recordings{height:auto}.recordings-page{height:auto;display:block}.recording-workspace{height:auto;grid-template-columns:1fr}.player-stage{min-height:360px}}@media(max-width:600px){.player-stage{min-height:240px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.event-layout{grid-template-columns:400px minmax(0,1fr);gap:20px;align-items:stretch;margin-bottom:24px}.event-filter-card,.event-chart-card,.event-table-card{border-color:#eef0f2;border-radius:20px;box-shadow:0 8px 28px #202d440e}.event-filter-card{min-height:440px;display:flex;flex-direction:column;padding:0;overflow:hidden}.event-filter-heading{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 28px 12px}.event-filter-heading h2{margin:0;font-size:20px;letter-spacing:-.7px}.event-filter-heading svg{width:19px;color:var(--green)}.event-filter-fields{display:flex;flex:1;flex-direction:column;padding:8px 28px 0}.event-filter-fields>label{display:block;margin:0 0 17px;color:#202b38;font-size:14px;font-weight:750}.event-filter-fields>label>span{display:block;margin-bottom:8px}.event-filter-fields select,.event-filter-fields input{width:100%;height:46px;border:1px solid #dce2e8;border-radius:12px;background:#fff;padding:0 13px;color:#34404d;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.event-filter-fields select:focus,.event-filter-fields input:focus{border-color:#49c7a1;box-shadow:0 0 0 3px #00a9791a}.event-period{min-width:0;margin:1px 0 0;padding:0;border:0}.event-period legend{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#202b38;font-size:14px;font-weight:750}.event-period legend small{color:#6d7785;font-size:12px;font-weight:600}.event-period>div{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:6px}.event-date-button{min-width:0;height:64px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 11px;border:1px solid #dce2e8;border-radius:12px;background:#fafbfc;color:#263342;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.event-date-button:hover,.event-date-button:focus-visible{border-color:#49c7a1;background:#fff;box-shadow:0 0 0 3px #00a97917;outline:0}.event-date-button>svg{width:17px;color:#00a979}.event-date-button>span{min-width:0}.event-date-button small,.event-date-button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-date-button small{margin-bottom:4px;color:#7b8795;font-size:11px;font-weight:700}.event-date-button strong{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.event-period-divider{color:#8b95a2;font-size:16px;font-style:normal;text-align:center}.event-filter-actions{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;margin:18px 28px 26px}.event-filter-actions .button{min-height:48px;border-radius:12px}.event-chart-card{min-height:440px;display:flex;flex-direction:column;padding:23px 26px 22px}.event-chart-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.event-chart-heading h2{margin:0;font-size:20px;letter-spacing:-.5px}.event-chart-heading span{display:block;margin-top:5px;color:#7c8795;font-size:12px}.event-chart-heading span strong{color:#202c39;font-size:14px}.event-chart-body{min-height:345px;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:22px}.event-chart-plot{min-width:0}.event-chart-legend{display:flex;flex-direction:column;gap:10px}.event-chart-legend>div{min-height:54px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 14px;border-radius:12px;background:#f7f8f9;color:#293542}.event-chart-legend i{width:9px;height:9px;border-radius:50%}.event-chart-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750}.event-chart-legend strong{font-size:14px;font-variant-numeric:tabular-nums}.event-chart-tooltip{min-width:160px;padding:10px 11px;border:1px solid rgba(210,217,225,.9);border-radius:12px;background:#fffffff7;box-shadow:0 10px 28px #1c273624;color:#283442;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.event-chart-tooltip>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid #edf0f3}.event-chart-tooltip>header time{color:#6f7b89;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}.event-chart-tooltip>header span{padding:2px 6px;border-radius:999px;background:#eef9f5;color:#008a64;font-size:10px;font-weight:800}.event-chart-tooltip>div{display:flex;flex-direction:column;gap:6px;padding-top:8px}.event-chart-tooltip>div>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px}.event-chart-tooltip i{width:7px;height:7px;border-radius:50%}.event-chart-tooltip div span{color:#566271;font-size:11px;font-weight:650;white-space:nowrap}.event-chart-tooltip div strong{color:#202b37;font-size:11px;font-variant-numeric:tabular-nums}.event-chart-tooltip>p{margin:8px 0 0;color:#8a95a2;font-size:11px;white-space:nowrap}.event-table-card{padding-top:0}.event-table-card>.section-heading{min-height:62px;align-items:center;margin:0;padding:0 24px;border-bottom:1px solid var(--line)}.event-table-card>.section-heading h2{font-size:19px}.event-table-card th,.event-table-card td{text-align:center}.event-table-card th{height:44px;background:#fbfbfc;color:#7a8796;font-size:12px}.event-table-card td{height:51px;padding-block:8px;color:#303b48}.event-table-card td>svg{color:#a0a9b4}.event-table-card .event-pill{background:transparent;color:#26323f;padding:0;font-size:14px}.event-table-card .button--dark{min-width:68px;background:#4d5562}.event-date-dialog-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:#141d2885;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.event-date-dialog{width:min(380px,100%);padding:18px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#fff;box-shadow:0 24px 70px #121c2847}.event-date-dialog>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #edf0f2}.event-date-dialog>header small,.event-date-dialog>header strong{display:block}.event-date-dialog>header small{margin-bottom:4px;color:#00a979;font-size:12px;font-weight:800}.event-date-dialog>header strong{color:#273341;font-size:18px}.event-date-dialog>header button,.event-calendar-month button{border:0;background:#f3f5f7;color:#687483;cursor:pointer}.event-date-dialog>header button{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.event-date-dialog>header button svg,.event-calendar-month button svg{width:17px}.event-calendar-month{height:54px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;text-align:center}.event-calendar-month button{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.event-calendar-month strong{font-size:16px}.event-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.event-calendar-grid b{height:28px;display:grid;place-items:center;color:#8a95a2;font-size:12px}.event-calendar-grid button,.event-calendar-grid i{aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#34404d;font-size:13px;font-style:normal;cursor:pointer}.event-calendar-grid button:hover{background:#eef9f5;color:#007d5a}.event-calendar-grid button.is-today{box-shadow:inset 0 0 0 1px #84d4bb;color:#008662;font-weight:800}.event-calendar-grid button.is-selected{background:#00a979;color:#fff;font-weight:850;box-shadow:0 7px 14px #00a97938}.event-date-dialog>footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid #edf0f2}@media(max-width:1200px){.event-layout{grid-template-columns:340px minmax(0,1fr)}.event-filter-fields{padding-inline:22px}.event-filter-actions{margin-inline:22px}.event-chart-body{grid-template-columns:minmax(0,1fr) 160px;gap:12px}}@media(max-width:900px){.event-layout{grid-template-columns:1fr}.event-filter-card{min-height:0}.event-filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.event-period{grid-column:1/-1}.event-chart-card{min-height:0}.event-chart-body{grid-template-columns:1fr}.event-chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.event-filter-fields{display:block;padding-inline:17px}.event-filter-actions{grid-template-columns:1fr 1.4fr;margin:15px 17px 20px}.event-chart-card{padding:18px 14px}.event-chart-body{gap:4px}.event-chart-legend{grid-template-columns:1fr 1fr;gap:6px}.event-chart-legend>div{min-height:44px;padding-inline:10px}}@media(max-width:420px){.event-period>div{grid-template-columns:1fr}.event-period-divider{display:none}.event-date-button{height:58px}.event-date-dialog-backdrop{padding:12px}.event-date-dialog{padding:15px}}.event-detail-link,.event-detail-text-link{display:inline-flex;align-items:center;justify-content:center;color:inherit;font-weight:800}.event-detail-link:hover .event-pill,.event-detail-text-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}.event-detail-page{width:min(1180px,100%);margin:0 auto}.event-detail-back{width:max-content;display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:#667383;font-size:14px;font-weight:750}.event-detail-back svg{width:16px}.event-detail-card{--event-accent:#64748b;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(350px,.72fr);overflow:hidden;border:1px solid #e8ebef;border-radius:22px;background:#fff;box-shadow:0 16px 46px #1f2d4117}.event-detail-card--fire{--event-accent:#ef3428}.event-detail-card--smoke{--event-accent:#64748b}.event-detail-card--danger{--event-accent:#f2a322}.event-detail-card--ppe{--event-accent:#c653b8}.event-detail-card--fall{--event-accent:#512b2b}.event-detail-card--ladder{--event-accent:#2878f0}.event-detail-media,.realtime-event-media{aspect-ratio:16/9;min-width:0;display:grid;place-items:center;overflow:hidden;background:#18212b}.event-detail-media>img,.realtime-event-media>img{display:block;width:100%;height:100%;object-fit:cover}.event-detail-media>.state,.realtime-event-media>.state{min-height:100%;color:#dce2e8}.event-detail-media>.state strong,.realtime-event-media>.state strong{color:#fff}.event-media-placeholder{width:100%;height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#202933;color:#aeb8c3}.event-media-placeholder svg{width:40px;height:40px}.event-media-placeholder strong{font-size:14px}.event-detail-content{display:flex;flex-direction:column;padding:30px}.event-detail-content>header{display:flex;align-items:center;gap:13px;padding-bottom:23px;border-bottom:1px solid #edf0f2}.event-detail-content>header>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--event-accent) 12%,white);color:var(--event-accent)}.event-detail-content>header>span svg{width:25px}.event-detail-content>header small{display:block;margin-bottom:4px;color:#8a95a2;font-size:11px;font-weight:800}.event-detail-content h1{margin:0;color:var(--event-accent);font-size:25px;letter-spacing:-.8px}.event-detail-content dl{margin:20px 0}.event-detail-content dl>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #f0f2f4}.event-detail-content dt{display:flex;align-items:center;gap:6px;color:#7a8694;font-size:12px;font-weight:750}.event-detail-content dt svg{width:14px}.event-detail-content dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#2c3846;font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}.event-detail-live{width:100%;margin-top:auto;min-height:48px}.realtime-event-backdrop{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:20px;background:#1119238c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.realtime-event-dialog{--event-accent:#64748b;width:min(560px,100%);overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 28px 80px #0f18235c}.realtime-event-dialog--fire{--event-accent:#ef3428}.realtime-event-dialog--smoke{--event-accent:#64748b}.realtime-event-dialog--danger{--event-accent:#f2a322}.realtime-event-dialog--ppe{--event-accent:#c653b8}.realtime-event-dialog--fall{--event-accent:#512b2b}.realtime-event-dialog--ladder{--event-accent:#2878f0}.realtime-event-dialog>header{display:grid;grid-template-columns:44px minmax(0,1fr) 34px;align-items:start;gap:12px;padding:18px 18px 16px;border-left:7px solid var(--event-accent)}.realtime-event-alert{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--event-accent) 12%,white);color:var(--event-accent)}.realtime-event-alert svg{width:22px}.realtime-event-dialog>header small{display:block;margin-bottom:4px;color:#85919e;font-size:11px;font-weight:750}.realtime-event-dialog h2{display:flex;align-items:center;gap:7px;margin:0;color:var(--event-accent);font-size:20px}.realtime-event-dialog h2 svg{width:21px}.realtime-event-dialog>header p{margin:6px 0 0;color:#647180;font-size:13px}.realtime-event-dialog>header>button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:#f3f5f7;color:#727e8c;cursor:pointer}.realtime-event-dialog>header>button svg{width:17px}.realtime-event-media{margin:0 18px;border-radius:14px}.realtime-event-dialog>footer{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;padding:16px 18px 18px}.realtime-event-dialog>footer .button{min-height:46px}@media(max-width:900px){.event-detail-card{grid-template-columns:1fr}.event-detail-content{padding:24px}.event-detail-media{max-height:none}}@media(max-width:520px){.event-detail-content{padding:19px}.event-detail-content dl>div{grid-template-columns:1fr;gap:5px}.realtime-event-backdrop{padding:12px}.realtime-event-dialog>header{grid-template-columns:38px minmax(0,1fr) 32px;padding-inline:12px}.realtime-event-alert{width:36px;height:36px}.realtime-event-dialog h2{font-size:20px}.realtime-event-media{margin-inline:12px}.realtime-event-dialog>footer{padding-inline:12px}}.dashboard-event-row:is(button){width:100%;border:0;font:inherit;text-align:left;cursor:pointer}.event-detail-link:is(button),.event-detail-text-link:is(button){border:0;background:transparent;font:inherit;cursor:pointer}.event-detail-dialog-backdrop{position:fixed;inset:0;z-index:280;display:grid;place-items:center;padding:22px;background:#0f172194;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.event-detail-dialog{--event-accent:#64748b;position:relative;width:min(1080px,100%);min-height:430px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 30px 90px #0c141e66}.event-detail-dialog--fire{--event-accent:#ef3428}.event-detail-dialog--smoke{--event-accent:#64748b}.event-detail-dialog--danger{--event-accent:#f2a322}.event-detail-dialog--ppe{--event-accent:#c653b8}.event-detail-dialog--fall{--event-accent:#512b2b}.event-detail-dialog--ladder{--event-accent:#2878f0}.event-detail-dialog>.state{grid-column:1/-1;min-height:430px}.event-detail-dialog-close{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:11px;background:#0f1721b8;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-detail-dialog-close svg{width:19px}.event-detail-dialog-media{min-width:0;display:grid;place-items:center;overflow:hidden;background:#19222c}.event-detail-dialog-media>img{display:block;width:100%;height:100%;object-fit:cover}.event-detail-dialog-media>.state{min-height:100%;color:#dce2e8}.event-detail-dialog-media>.state strong{color:#fff}.event-detail-dialog-content{display:flex;flex-direction:column;padding:30px}.event-detail-dialog-content>header{display:flex;align-items:center;gap:12px;padding:3px 48px 20px 0;border-bottom:1px solid #edf0f2}.event-detail-dialog-content>header>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--event-accent) 12%,white);color:var(--event-accent)}.event-detail-dialog-content>header svg{width:24px}.event-detail-dialog-content>header small{display:block;margin-bottom:3px;color:#87929e;font-size:11px;font-weight:800}.event-detail-dialog-content h2{margin:0;color:var(--event-accent);font-size:23px}.event-detail-dialog-content dl{margin:18px 0}.event-detail-dialog-content dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f4}.event-detail-dialog-content dt{display:flex;align-items:center;gap:6px;color:#7a8694;font-size:12px;font-weight:750}.event-detail-dialog-content dt svg{width:14px}.event-detail-dialog-content dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#2c3846;font-size:13px;font-weight:750;font-variant-numeric:tabular-nums}.event-detail-camera-button{width:100%;min-height:48px;margin-top:auto}.event-camera-fullscreen{position:fixed;inset:0;z-index:330;display:grid;place-items:center;overflow:hidden;background:#000}.event-camera-fullscreen>.live-video{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0;background:#000}.event-camera-fullscreen>.live-video video{width:100%;height:100%;object-fit:contain}.event-camera-fullscreen>.live-video .camera-label,.event-camera-fullscreen>.live-video .fullscreen-hint{display:none}.event-camera-fullscreen-bar{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(rgba(0,0,0,.76),transparent);color:#fff}.event-camera-fullscreen-bar>span{display:flex;align-items:center;gap:6px;font-size:14px}.event-camera-fullscreen-bar i{width:8px;height:8px;border-radius:50%;background:#00d799;box-shadow:0 0 12px #00d799}.event-camera-fullscreen-bar button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#0000008c;color:#fff;cursor:pointer}.event-camera-fullscreen-bar button svg{width:21px}@media(max-width:850px){.event-detail-dialog{grid-template-columns:1fr;max-height:calc(100dvh - 28px);overflow:auto}.event-detail-dialog-media{aspect-ratio:16/9}.event-detail-dialog-content{padding:23px}.event-detail-dialog-close{position:fixed;right:24px;top:24px}.event-detail-dialog-content dl>div{grid-template-columns:94px minmax(0,1fr)}}@media(max-width:520px){.event-detail-dialog-backdrop{padding:10px}.event-detail-dialog-content{padding:18px}.event-detail-dialog-close{right:17px;top:17px}.event-detail-dialog-content dl>div{grid-template-columns:1fr;gap:4px}.event-camera-fullscreen-bar{padding:10px 12px}}.analysis-editor{padding:18px 20px}.analysis-toolbar,.feature-toggles{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.roi-preview{position:relative;margin:12px 0}.roi-preview .live-video{margin:0}.roi-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair}.roi-polygon{fill:#3578f629;stroke:#8baeff;stroke-width:5}.roi-polygon--selected{fill:#00a9793d;stroke:#32d1a2}.roi-point{fill:#fff;stroke:#159b78;stroke-width:7}.toggle-row{display:flex;align-items:center;gap:8px;margin:14px 0;font-weight:650}.toggle-row small{color:#8993a0;font-weight:500}.password-change-form{display:flex;flex-direction:column;gap:10px;margin:22px 0;padding-top:20px;border-top:1px solid var(--line)}.password-change-form h3{display:flex;align-items:center;gap:7px;margin:0 0 4px;font-size:16px}.password-change-form h3 svg{width:17px;color:var(--green)}.password-change-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.password-change-form input{width:100%;height:42px;padding:0 11px;border:1px solid #dce2e8;border-radius:9px;outline:0}.password-change-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #00a9791a}.password-change-form .button{margin-top:3px}.operations-content>.settings-card>form>.button{float:none;display:flex;margin:20px 0 0 auto}.operations-content{min-width:0}.company-settings-card{padding-bottom:28px}.company-settings-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:18px;padding-top:22px}.company-profile-panel,.account-security-panel{min-width:0;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}.company-profile-panel{position:relative;overflow:hidden}.company-profile-panel:after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-90px;background:radial-gradient(circle,#e5faf3,transparent 70%);pointer-events:none}.company-profile-panel>*{position:relative;z-index:1}.company-profile-panel .company-symbol{margin-bottom:22px}.company-profile-panel h3{margin:5px 0 22px;font-size:25px;letter-spacing:-1px}.company-profile-panel dl{margin:0}.company-profile-panel dl div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.company-profile-panel dl div:last-child{border-bottom:0}.company-profile-panel dt{color:#8a95a2;font-size:12px}.company-profile-panel dd{min-width:0;margin:0;color:#3e4a59;font-size:14px;overflow-wrap:anywhere}.account-security-heading{display:flex;align-items:center;gap:12px}.account-security-heading>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#eef9f5;color:var(--green)}.account-security-heading svg{width:19px}.account-security-heading h3{margin:0 0 4px;font-size:17px}.account-security-heading p{margin:0;color:var(--muted);font-size:12px}.company-settings-card .password-change-form{margin:20px 0 14px;padding-top:20px}.company-settings-card .password-change-form label{display:flex;align-items:stretch;justify-content:flex-start;gap:6px;padding:0;border:0}.company-settings-card .password-change-form input{width:100%;text-align:left}.company-settings-card .password-change-form>.button{float:none;width:100%;margin-top:5px}.account-logout{width:100%}@media(max-width:900px){.company-settings-grid{grid-template-columns:1fr}}@media(max-width:600px){.operations-tabs button{font-size:13px}.company-settings-card{padding:17px}.company-settings-grid{gap:12px;padding-top:17px}.company-profile-panel,.account-security-panel{padding:18px}.company-profile-panel dl div{grid-template-columns:78px minmax(0,1fr)}}