:root{color-scheme:light;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172033;--ink-soft: #536071;--ink-muted: #7a8697;--line: #e2e7ed;--surface: #ffffff;--surface-soft: #f7f9fb;--nav: #0b111b;--nav-soft: #141c29;--accent: #f97316;--accent-dark: #d95708;--green: #17895b;--green-soft: #e9f8f1;--blue: #2563eb;--blue-soft: #eaf1ff;--red: #dc3e45;--red-soft: #fff0f0;--purple: #7c3aed;--orange-soft: #fff2e8;--shadow: 0 12px 36px rgb(15 23 42 / 7%)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f8}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button,input,select,a{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{box-shadow:0 0 0 3px #f973163d}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.modal-open{overflow:hidden}.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}.eyebrow{display:block;color:var(--accent-dark);font-size:11px;font-weight:750;letter-spacing:.14em}.brand-mark{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;color:#101722;background:var(--accent);border-radius:11px}.brand-mark--large{width:56px;height:56px;border-radius:15px}.button,.icon-button,.nav-item,.copy-button,.camera-identity,.field-action,.text-action,.search-box button,.filter-tabs button{border:0;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 17px;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:9px;font-family:inherit;font-weight:700;text-decoration:none;white-space:nowrap}.button--primary{color:#16100c;background:var(--accent);border-color:var(--accent)}.button--primary:hover{background:#ff8737;border-color:#ff8737;box-shadow:0 7px 18px #f9731638}.button--secondary{background:#fff;border-color:var(--line)}.button--secondary:hover{background:var(--surface-soft);border-color:#ccd4de}.button--ghost{color:#334155;background:#f3f6f8}.button--ghost:hover{color:#101827;background:#e9eef3}.button--danger{color:#fff;background:var(--red);border-color:var(--red)}.button--danger:hover{background:#bf2f36}.button--small{min-height:34px;padding:0 12px;border-radius:8px;font-size:13px}.icon-button{display:inline-grid;width:36px;height:36px;flex:0 0 36px;place-items:center;color:#647184;background:transparent;border-radius:8px}.icon-button:hover{color:#1e293b;background:#edf1f5}.icon-button--danger:hover{color:var(--red);background:var(--red-soft)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgb(255 255 255 / 30%);border-top-color:currentColor;border-radius:50%;animation:spin .75s linear infinite}.spinner--dark{color:#21150e;border-color:#20140c33;border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:grid;min-height:100dvh;grid-template-columns:minmax(440px,1.1fr) minmax(460px,.9fr);background:var(--nav)}.login-context{position:relative;display:flex;min-height:100dvh;flex-direction:column;justify-content:space-between;padding:clamp(42px,6vw,86px);overflow:hidden;color:#f8fafc;background:#0b111b}.login-context:after{position:absolute;right:-80px;bottom:8%;width:320px;height:320px;border:1px solid rgb(249 115 22 / 23%);border-radius:50%;content:"";box-shadow:0 0 0 52px #f973160a,0 0 0 104px #f9731605}.login-context__content{position:relative;z-index:1;max-width:620px;margin:auto 0;padding:80px 0}.login-context__content .eyebrow{color:#fb923c}.login-context h1{margin:18px 0 24px;font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.045em}.login-context p{max-width:550px;margin:0;color:#9eabba;font-size:clamp(15px,1.3vw,18px);line-height:1.8}.login-capabilities{display:flex;gap:12px;margin-top:36px}.login-capabilities span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;color:#cdd5df;background:#141d2a;border:1px solid #253143;border-radius:8px;font-size:13px}.signal-grid{position:absolute;inset:auto 8% 7% auto;display:grid;width:240px;grid-template-columns:repeat(6,1fr);gap:15px;transform:rotate(-8deg)}.signal-grid i{width:4px;height:4px;background:#f97316;border-radius:50%}.login-panel{display:grid;min-height:100dvh;place-items:center;padding:40px;background:#f5f7f9}.login-card{width:min(100%,420px)}.login-card__mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:48px}.login-heading{margin-bottom:34px}.login-heading h2{margin:8px 0;color:#111827;font-size:34px;letter-spacing:-.035em}.login-heading p{margin:0;color:var(--ink-soft)}.field{display:grid;gap:8px;margin-bottom:19px;color:#303b4b;font-size:13px;font-weight:700}.field-control{display:flex;min-height:48px;align-items:center;gap:10px;padding:0 13px;color:#7b8795;background:#fff;border:1px solid #dce2e8;border-radius:9px;transition:border-color .18s ease,box-shadow .18s ease}.field-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f9731621}.field-control input{min-width:0;flex:1;height:44px;color:var(--ink);background:transparent;border:0}.field-control--textarea{align-items:flex-start;padding-top:13px;padding-bottom:13px}.field-control--textarea svg{flex:0 0 auto;margin-top:2px}.field-control textarea{min-width:0;min-height:88px;flex:1;resize:vertical;color:var(--ink);background:transparent;border:0;line-height:1.5}.field-control textarea::placeholder{color:#a2acb8}.field-control textarea:focus{outline:0}.field-control input::placeholder{color:#a2acb8}.field-control input:focus{box-shadow:none}.field-action{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;color:#7b8795;background:transparent;border-radius:6px}.field-action:hover{color:#273445;background:#f1f4f7}.login-submit{width:100%;margin-top:8px}.form-error{margin:-4px 0 14px;color:#bd2f36;font-size:13px;line-height:1.5}.form-success{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;padding:10px 12px;color:#14764f;background:var(--green-soft);border-radius:8px;font-size:12px;line-height:1.5}.form-success svg{flex:0 0 auto}.login-footnote{margin:26px 0 0;color:#7a8695;font-size:12px;line-height:1.6;text-align:center}.app-shell{min-height:100dvh;background:#f4f6f8}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;display:flex;width:248px;flex-direction:column;color:#dae1e9;background:var(--nav);border-right:1px solid #1c2634}.sidebar-brand{display:flex;height:78px;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid #1c2634}.sidebar-brand>span:nth-child(2),.sidebar-user>span:nth-child(2){display:grid;min-width:0;gap:3px}.sidebar-brand strong{color:#f4f6f8;font-size:15px}.sidebar-brand small,.sidebar-user small{color:#778496;font-size:11px}.sidebar-close{display:none;margin-left:auto;color:#9aa6b5}.sidebar-close:hover{color:#fff;background:#1a2432}.sidebar-nav{flex:1;padding:24px 12px}.nav-label{display:block;padding:0 11px 9px;color:#5f6d80;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-item{display:flex;width:100%;min-height:44px;align-items:center;gap:11px;margin:2px 0;padding:0 12px;color:#9eabba;background:transparent;border-radius:8px;font-size:13px;font-weight:650;text-decoration:none}.nav-item:hover{color:#e9edf2;background:#141d29}.nav-item--active{color:#fff;background:#192331;box-shadow:inset 3px 0 var(--accent)}.nav-item>span{min-width:24px;margin-left:auto;padding:2px 7px;color:#8e9bad;background:#263140;border-radius:99px;font-size:11px;text-align:center}.sidebar-status{display:grid;gap:6px;margin:0 14px 12px;padding:13px;background:#111a27;border:1px solid #1e2a39;border-radius:9px}.service-indicator{display:flex;align-items:center;gap:8px;color:#b9c3cf;font-size:12px}.service-indicator i{width:7px;height:7px;background:#36c98a;border-radius:50%;box-shadow:0 0 0 4px #36c98a1c}.sidebar-status small{color:#647286;font-size:10px}.sidebar-user{display:flex;min-height:70px;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid #1c2634}.sidebar-user strong{overflow:hidden;color:#e6ebf1;font-size:13px;text-overflow:ellipsis}.sidebar-user .icon-button{margin-left:auto;color:#718095}.sidebar-user .icon-button:hover{color:#fff;background:#182332}.sidebar-user-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.sidebar-user .sidebar-user-actions .icon-button{margin-left:0}.avatar{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;color:#2c180a;background:#fb923c;border-radius:9px;font-size:13px;font-weight:800}.sidebar-scrim{display:none}.workspace{min-height:100dvh;margin-left:248px}.topbar{position:sticky;z-index:20;top:0;display:flex;height:64px;align-items:center;padding:0 30px;background:#fffffff0;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.breadcrumbs{display:flex;align-items:center;gap:7px;color:#8a95a3;font-size:12px}.breadcrumbs strong{color:#394456}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.mobile-menu{display:none;margin-right:8px}.workspace-content{width:min(100%,1480px);margin:0 auto;padding:34px 34px 60px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.page-heading h1{margin:7px 0 5px;color:#121a27;font-size:clamp(27px,3vw,36px);letter-spacing:-.04em}.page-heading p{margin:0;color:var(--ink-soft);font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{display:flex;min-height:118px;align-items:center;gap:15px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:0 3px 12px #0f172a08}.metric-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:10px}.metric-icon--blue{color:var(--blue);background:var(--blue-soft)}.metric-icon--green{color:var(--green);background:var(--green-soft)}.metric-icon--orange{color:var(--accent-dark);background:var(--orange-soft)}.metric-icon--purple{color:var(--purple);background:#f2ecff}.metric-card>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px}.metric-card span{grid-column:1 / -1;color:#5f6b7b;font-size:12px;font-weight:650}.metric-card strong{color:#172033;font-size:27px;letter-spacing:-.04em}.metric-card small{color:#8994a2;font-size:10px}.data-panel{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.data-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.search-box{display:flex;width:min(440px,100%);min-height:40px;align-items:center;gap:9px;padding:0 11px;color:#7c8795;background:#f6f8fa;border:1px solid #e1e6ec;border-radius:8px}.search-box:focus-within{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #f973161a}.search-box input{min-width:0;flex:1;height:36px;color:var(--ink);background:transparent;border:0;font-size:13px}.search-box input:focus{box-shadow:none}.search-box button{display:grid;width:27px;height:27px;place-items:center;color:#7c8795;background:transparent;border-radius:6px}.search-box button:hover{color:#263244;background:#e9edf2}.filter-tabs{display:flex;padding:3px;background:#f1f4f6;border-radius:8px}.filter-tabs button{min-width:55px;min-height:31px;padding:0 12px;color:#647184;background:transparent;border-radius:6px;font-size:12px;font-weight:650}.filter-tabs button:hover{color:#273448}.filter-tabs button.active{color:#182130;background:#fff;box-shadow:0 1px 4px #0f172a1a}.camera-table-wrap{overflow-x:auto}.camera-table{width:100%;min-width:940px;border-collapse:collapse}.camera-table th{padding:12px 16px;color:#778394;background:#fbfcfd;border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.055em;text-align:left;text-transform:uppercase}.camera-table td{padding:14px 16px;color:#344052;border-bottom:1px solid #edf0f3;font-size:12px;vertical-align:middle}.camera-table tbody tr{transition:background-color .16s ease}.camera-table tbody tr:hover{background:#fafbfc}.camera-table tbody tr:last-child td{border-bottom:0}.camera-identity{display:flex;align-items:center;gap:11px;padding:0;color:inherit;background:transparent;text-align:left}.camera-identity>span:last-child{display:grid;gap:4px}.camera-identity strong{color:#202a39;font-size:13px}.camera-identity small,.table-subtext{display:block;margin-top:3px;color:#8792a0;font-size:10px}.table-subtext--danger,.channel-meta--danger{color:#bd2f36!important}.camera-identity:hover strong{color:var(--accent-dark)}.camera-avatar{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:#556276;background:#edf1f5;border:1px solid #e0e5eb;border-radius:9px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:750}.status-pill i{width:6px;height:6px;border-radius:50%}.status-pill--online{color:#14764f;background:var(--green-soft)}.status-pill--online i{background:#22a86e;box-shadow:0 0 0 3px #22a86e1f}.status-pill--offline{color:#687487;background:#edf1f4}.status-pill--offline i{background:#8b96a4}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.data-footer{padding:12px 18px;color:#8792a0;background:#fbfcfd;border-top:1px solid var(--line);font-size:11px}.camera-cards{display:none}.empty-state{display:flex;min-height:320px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:34px;color:#798697;text-align:center}.empty-state strong{color:#344052;font-size:15px}.empty-state p{max-width:420px;margin:0;font-size:12px;line-height:1.6}.empty-state--error{color:var(--red)}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:#070c14b8;backdrop-filter:blur(5px);animation:fade-in .16s ease-out}.modal-panel{display:flex;width:min(100%,540px);max-height:calc(100dvh - 48px);flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgb(255 255 255 / 16%);border-radius:13px;box-shadow:0 28px 80px #00000052;animation:modal-in .2s ease-out}.modal-panel--wide{width:min(100%,1120px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 23px 17px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;color:#171f2c;font-size:19px;letter-spacing:-.02em}.modal-header p{margin:5px 0 0;color:#778394;font-size:12px}.modal-body{padding:22px 23px;overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:14px 23px;background:#fafbfc;border-top:1px solid var(--line)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(9px)}}.provisioning-callout{display:flex;align-items:center;gap:12px;margin-bottom:19px;padding:15px;color:#9a460d;background:var(--orange-soft);border:1px solid #fed7bb;border-radius:9px}.provisioning-callout>span{display:grid;gap:3px}.provisioning-callout strong{color:#6e330c;font-size:15px}.provisioning-callout small{color:#a35b2d;font-size:11px}.detail-list{margin:0;border:1px solid var(--line);border-radius:9px}.detail-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;min-height:51px;padding:8px 13px;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:#778394;font-size:11px}.detail-list dd{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px;margin:0;color:#263143;font-size:12px;text-align:right}.detail-list code{overflow:hidden;color:#1f2937;text-overflow:ellipsis}.detail-list .credential-command{display:block;min-width:0;white-space:nowrap}.copy-button{display:inline-grid;width:28px;height:28px;flex:0 0 28px;place-items:center;color:#7a8695;background:#f1f4f6;border-radius:6px}.copy-button:hover{color:var(--accent-dark);background:var(--orange-soft)}.copy-button:disabled{color:#b5bdc7;background:#f5f6f8;cursor:not-allowed}.setup-command-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:13px;background:#f7f9fb;border:1px solid var(--line);border-radius:9px}.setup-command-card>span{display:flex;min-width:0;align-items:center;gap:10px;color:#647184}.setup-command-card>span>span{display:grid;gap:3px}.setup-command-card strong{color:#273244;font-size:12px}.setup-command-card small{color:#7b8796;font-size:10px}.info-note{display:flex;align-items:flex-start;gap:9px;margin:17px 0 0;padding:12px 13px;color:#536174;background:#f5f7f9;border-radius:8px;font-size:11px;line-height:1.6}.info-note svg{flex:0 0 auto;margin-top:1px}.info-note--danger{color:#9d3036;background:var(--red-soft)}.stack-form{display:grid}.stack-form .field:last-of-type{margin-bottom:5px}.text-action{height:30px;flex:0 0 auto;padding:0 7px;color:var(--accent-dark);background:transparent;border-radius:6px;font-size:11px;font-weight:700}.text-action:hover{background:var(--orange-soft)}.danger-summary{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:9px}.danger-summary>span:last-child{display:grid;gap:4px}.danger-summary code{color:#7b8795;font-size:11px}.preview-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:20px}.preview-main{min-width:0}.preview-caption{display:flex;align-items:center;gap:10px;padding:10px 2px 0;color:#566275;font-size:12px}.preview-details{min-width:0}.preview-details select{width:100%;min-height:42px;padding:0 11px;color:#253144;background:#fff;border:1px solid var(--line);border-radius:8px}.detail-list--compact>div{grid-template-columns:90px minmax(0,1fr)}.stream-urls{display:grid;gap:10px;margin-top:16px}.stream-url{display:grid;gap:8px;padding:13px;background:#f5f7f9;border-radius:9px}.stream-url>span{color:#687587;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.stream-url code{overflow:hidden;color:#334155;font-size:10px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.stream-url .button{justify-self:start}.jessibuca-container .jessibuca-loading,.jessibuca-container .jessibuca-icon-loading,.jessibuca-loading-text{display:none!important}.live-player{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;background:#05070a;border-radius:10px}.live-player__canvas{position:absolute;inset:0;width:100%;height:100%}.live-player__canvas:fullscreen{background:#05070a}.live-player__state{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:24px;color:#cfd7e2;background:#080c12;font-size:12px;text-align:center}.live-player__state--error{color:#cbd4df}.toast{position:fixed;z-index:200;right:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:12px 16px;color:#e8fff4;background:#173c2d;border:1px solid #2c6a50;border-radius:9px;box-shadow:0 14px 36px #0000002e;font-size:12px;font-weight:650}.toast-enter-active,.toast-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-layout{grid-template-columns:1fr}.preview-details{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-details .field{grid-column:1 / -1}.stream-urls{margin-top:0}}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-context{display:none}.login-panel{padding:30px 22px}.login-card__mobile-brand{display:flex}.sidebar{transform:translate(-100%);transition:transform .22s ease}.sidebar--open{transform:translate(0);box-shadow:18px 0 60px #0000004d}.sidebar-close{display:grid}.sidebar-scrim{position:fixed;z-index:25;inset:0;display:block;background:#080c1285}.workspace{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 18px}.workspace-content{padding:28px 20px 48px}}@media(max-width:720px){.topbar-actions .button{display:none}.page-heading{align-items:stretch;flex-direction:column}.page-heading .button{align-self:flex-start}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:102px;padding:15px}.metric-card small{display:none}.data-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.filter-tabs{align-self:flex-start}.camera-table{display:none}.camera-cards{display:grid;gap:10px;padding:12px}.camera-card{padding:15px;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.camera-card:hover{border-color:#cbd3dc;box-shadow:0 7px 18px #0f172a0f}.camera-card__top{display:flex;align-items:flex-start;justify-content:space-between}.camera-card h3{margin:12px 0 5px;color:#1d2735;font-size:15px}.camera-card>code{color:#7d8998;font-size:10px}.camera-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;color:#748192;border-top:1px solid #edf0f3;font-size:10px}.camera-card__meta span{display:inline-flex;align-items:center;gap:5px}.camera-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}.camera-card__primary-actions{display:flex;gap:6px;margin-right:auto}.preview-details{grid-template-columns:1fr}.detail-list>div{grid-template-columns:110px minmax(0,1fr)}}@media(max-width:480px){.login-card__mobile-brand{margin-bottom:38px}.login-heading h2{font-size:30px}.workspace-content{padding:23px 14px 40px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:88px}.metric-card small{display:inline}.page-heading .button{width:100%}.data-toolbar{padding:13px}.setup-command-card{align-items:stretch;flex-direction:column}.setup-command-card .button{width:100%}.modal-backdrop{align-items:end;padding:0}.modal-panel,.modal-panel--wide{width:100%;max-height:92dvh;border-radius:15px 15px 0 0}.modal-header,.modal-body,.modal-footer{padding-right:17px;padding-left:17px}.modal-footer .button{flex:1}.detail-list>div,.detail-list--compact>div{grid-template-columns:1fr;gap:5px}.detail-list dd{justify-content:flex-start;text-align:left}.toast{right:14px;bottom:14px;left:14px;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.recording-codec-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;color:#186746;background:var(--green-soft);border:1px solid #ccebdc;border-radius:99px;font-size:11px;font-weight:750}.recording-codec-badge i{width:6px;height:6px;background:#22a86e;border-radius:50%;box-shadow:0 0 0 3px #22a86e1f}.is-spinning{animation:spin .85s linear infinite}.recording-workspace{max-width:1600px}.recording-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.recording-metrics article{display:flex;min-height:80px;align-items:center;gap:13px;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:10px}.recording-metrics article>div{display:grid;gap:3px}.recording-metrics strong{color:#182130;font-size:20px;letter-spacing:-.03em}.recording-metrics article>div>span{color:#7a8695;font-size:11px}.recording-filter-panel{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:10px}.recording-date-field{display:flex;align-items:center;gap:9px;color:#7a8695}.recording-date-field label{display:flex;align-items:center;gap:7px}.recording-date-field label>span{color:#6b7788;font-size:10px;font-weight:750;white-space:nowrap}.recording-date-field input{height:34px;padding:0 9px;color:#2d394b;background:#f7f9fb;border:1px solid #dfe5eb;border-radius:7px;font-size:11px}.date-separator{color:#9aa4b1;font-size:10px}.recording-filter-panel>.button{margin-left:auto}.recording-layout{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(580px,1.45fr);align-items:start;gap:14px}.recording-list-panel,.recording-playback-panel{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 28px #0f172a0d}.recording-list-panel>header{display:grid;gap:12px;padding:15px;border-bottom:1px solid var(--line)}.recording-list-panel>header>div{display:flex;align-items:center;justify-content:space-between}.recording-list-panel>header strong{color:#243044;font-size:13px}.recording-list-panel>header>div>span{color:#85909e;font-size:10px}.recording-search{display:flex;height:36px;align-items:center;gap:8px;padding:0 10px;color:#8b96a4;background:#f5f7f9;border:1px solid #e2e7ec;border-radius:7px}.recording-search:focus-within{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #f9731617}.recording-search input{min-width:0;flex:1;height:32px;color:#273347;background:transparent;border:0;font-size:11px}.recording-search input:focus{box-shadow:none}.recording-search button{display:grid;width:25px;height:25px;place-items:center;color:#7c8796;background:transparent;border:0;border-radius:5px}.recording-search button:hover{background:#e9edf2}.recording-list-state{display:flex;min-height:420px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:28px;color:#83909f;text-align:center}.recording-list-state strong{color:#354154;font-size:13px}.recording-list-state span{max-width:280px;font-size:11px;line-height:1.6}.recording-list-state--error{color:var(--red)}.recording-timeline{max-height:690px;padding:7px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cdd5de transparent}.recording-item{position:relative;display:grid;width:100%;min-height:105px;grid-template-columns:18px minmax(0,1fr) 30px;align-items:stretch;gap:8px;padding:11px 9px 11px 4px;color:inherit;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left;transition:background-color .16s ease,border-color .16s ease}.recording-item:hover{background:#f8fafb;border-color:#e5e9ee}.recording-item--active{background:#fff7f1!important;border-color:#fed7bb!important}.recording-item__rail{position:relative;display:flex;justify-content:center}.recording-item__rail:after{position:absolute;top:18px;bottom:-19px;width:1px;background:#dfe5eb;content:""}.recording-item:last-child .recording-item__rail:after{display:none}.recording-item__rail i{position:relative;z-index:1;width:8px;height:8px;margin-top:5px;background:#22a86e;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #aee1c9}.recording-item--pending .recording-item__rail i{background:#f59e0b;box-shadow:0 0 0 2px #fde0a5}.recording-item--failed .recording-item__rail i{background:var(--red);box-shadow:0 0 0 2px #ffc9cc}.recording-item__content{display:grid;min-width:0;align-content:start;gap:6px}.recording-item__top{display:flex;min-width:0;align-items:center;gap:8px}.recording-item__top strong{min-width:0;flex:1;overflow:hidden;color:#273346;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.recording-item__time{display:flex;align-items:center;gap:5px;color:#6e7b8c;font-size:10px}.recording-item__time>span{color:#b0b8c2}.recording-item__meta{display:flex;min-width:0;align-items:center;gap:7px;color:#8a95a3;font-size:9px}.recording-item__meta code{min-width:0;overflow:hidden;text-overflow:ellipsis}.recording-item__meta>span{padding-left:7px;border-left:1px solid #e1e5ea;white-space:nowrap}.recording-item__error{overflow:hidden;color:#b5373e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.recording-item__action{display:grid;width:30px;height:30px;align-self:center;place-items:center;color:#698074;background:var(--green-soft);border-radius:7px}.recording-item--pending .recording-item__action{color:#9b5c08;background:#fff5dd}.recording-item--failed .recording-item__action{color:#b5373e;background:var(--red-soft)}.recording-status{display:inline-flex;align-items:center;flex:0 0 auto;padding:4px 7px;border-radius:99px;font-size:9px;font-weight:750}.recording-status--uploaded{color:#14764f;background:var(--green-soft)}.recording-status--pending{color:#965a08;background:#fff3d7}.recording-status--failed{color:#b13239;background:var(--red-soft)}.recording-playback-panel{position:sticky;top:78px}.playback-heading{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;border-bottom:1px solid var(--line)}.playback-heading>div{display:grid;min-width:0;gap:4px}.playback-heading>div>span{color:#8b96a4;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.playback-heading strong{overflow:hidden;color:#253144;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.recording-screen{position:relative;padding:13px 13px 0;background:#fff}.recording-player{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;background:#05070a;border-radius:9px 9px 0 0}.recording-player__canvas{position:absolute;inset:0;width:100%;height:100%}.recording-player__state{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;color:#d6dee8;background:#080c12;font-size:11px;text-align:center}.recording-player__state strong{color:#f1f5f9;font-size:13px}.recording-player__state>span:last-child{color:#7f8c9c}.recording-player__state--idle{background:radial-gradient(circle at center,#151e2a 0,#080c12 67%)}.recording-player__state--error{color:#d0d8e3}.recording-screen__badge{position:absolute;z-index:4;top:23px;left:23px;display:inline-flex;min-height:26px;align-items:center;gap:7px;padding:0 9px;color:#e5eaf0;background:#080d14cc;border:1px solid rgb(255 255 255 / 9%);border-radius:6px;backdrop-filter:blur(8px);font-size:9px;font-weight:700}.recording-screen__badge .spinner{width:12px;height:12px}.recording-screen__badge--live i{width:6px;height:6px;background:#2dd98f;border-radius:50%;box-shadow:0 0 0 3px #2dd98f21}.playback-controls{margin:0 13px;padding:12px 14px 13px;color:#d7dee7;background:#0b111b;border-radius:0 0 9px 9px}.playback-controls--disabled{opacity:.78}.playback-progress input{width:100%;height:4px;margin:0;accent-color:var(--accent);cursor:pointer}.playback-progress input:disabled{cursor:not-allowed}.playback-progress>div{display:flex;justify-content:space-between;margin-top:5px;color:#8290a1;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.playback-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:9px}.playback-main-actions{display:flex;align-items:center;gap:5px}.control-button{position:relative;display:grid;width:34px;height:34px;place-items:center;color:#aab5c2;background:transparent;border:0;border-radius:7px}.control-button:hover:not(:disabled){color:#fff;background:#1a2533}.control-button--primary{width:40px;height:40px;color:#21140c;background:var(--accent);border-radius:50%}.control-button--primary:hover:not(:disabled){color:#21140c;background:#ff8a3d}.control-button small{position:absolute;top:14px;font-size:7px;font-weight:800}.speed-control{display:flex;align-items:center;gap:4px;color:#7e8b9c}.speed-control>span{margin-right:4px;font-size:9px}.speed-control button{min-width:32px;height:27px;padding:0 5px;color:#8e9aaa;background:#111a26;border:0;border-radius:5px;font-size:9px;font-weight:700}.speed-control button:hover:not(:disabled),.speed-control button.active{color:#15100d;background:var(--accent)}.playback-message{display:flex;align-items:center;gap:8px;margin:12px 13px 0;padding:10px 12px;border-radius:7px;font-size:10px}.playback-message--error{color:#a92f36;background:var(--red-soft)}.playback-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:13px;border:1px solid var(--line);border-radius:8px}.playback-details>div{min-width:0;padding:11px 12px;border-right:1px solid var(--line)}.playback-details>div:last-child{border-right:0}.playback-details dt{margin-bottom:5px;color:#8893a1;font-size:9px}.playback-details dd{overflow:hidden;margin:0;color:#354154;font-size:10px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1240px){.recording-filter-panel{align-items:stretch;flex-wrap:wrap}.recording-date-field{flex:1 1 100%}.recording-filter-panel>.button{margin-left:auto}.recording-layout{grid-template-columns:minmax(300px,.75fr) minmax(500px,1.25fr)}.playback-actions{align-items:flex-start;flex-direction:column}.speed-control{align-self:stretch;justify-content:flex-end}}@media(max-width:1020px){.recording-layout{grid-template-columns:1fr}.recording-timeline{max-height:460px}.recording-playback-panel{position:static}.playback-actions{align-items:center;flex-direction:row}}@media(max-width:720px){.recording-codec-badge{display:none}.recording-metrics{grid-template-columns:1fr}.recording-metrics article{min-height:68px}.recording-filter-panel{align-items:stretch;flex-direction:column}.recording-date-field{display:grid;grid-template-columns:18px 1fr;align-items:end}.recording-date-field label{display:grid;gap:4px}.recording-date-field input{width:100%;height:42px}.recording-date-field .date-separator{display:none}.recording-filter-panel>.button{width:100%;margin-left:0}.recording-layout{display:flex;flex-direction:column-reverse}.recording-list-panel,.recording-playback-panel{width:100%}.playback-actions{align-items:stretch;flex-direction:column}.playback-main-actions,.speed-control{justify-content:center}.playback-details{grid-template-columns:1fr}.playback-details>div{border-right:0;border-bottom:1px solid var(--line)}.playback-details>div:last-child{border-bottom:0}}@media(max-width:480px){.recording-screen{padding:8px 8px 0}.playback-controls{margin:0 8px;padding-right:9px;padding-left:9px}.recording-item{grid-template-columns:15px minmax(0,1fr) 28px}.recording-item__meta span:last-child{display:none}.speed-control>svg,.speed-control>span{display:none}.speed-control button{min-width:42px;height:34px}}.archive-workspace{width:min(100%,1680px);padding-top:25px}.archive-header{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.archive-title{display:flex;min-width:0;align-items:center;gap:12px}.archive-title .eyebrow{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.archive-title h1{max-width:min(38vw,620px);margin:0;overflow:hidden;color:#111927;font-size:clamp(24px,2.3vw,34px);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.archive-storage{display:flex;min-width:188px;align-items:center;gap:9px;margin-left:auto;padding:9px 11px;color:#607087;background:#fff;border:1px solid var(--line);border-radius:9px}.archive-storage>div{display:grid;min-width:0;flex:1;grid-template-columns:1fr auto;gap:3px 8px}.archive-storage span{color:#7c8898;font-size:9px;font-weight:700}.archive-storage strong{color:#2a3547;font-size:10px;white-space:nowrap}.archive-storage i{grid-column:1 / -1;height:3px;overflow:hidden;background:#e8edf2;border-radius:99px}.archive-storage i b{display:block;height:100%;background:#22a86e;border-radius:inherit;transition:width .2s ease}.archive-storage--error{color:var(--red);border-color:#f4c7ca}.archive-storage--error i b{background:var(--red)}.camera-state{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;padding:5px 9px;color:#16724e;background:#eaf8f1;border:1px solid #cdecdc;border-radius:99px;font-size:10px;font-weight:750}.camera-state i{width:6px;height:6px;background:#20a96e;border-radius:50%;box-shadow:0 0 0 3px #20a96e1f}.camera-state--offline{color:#717d8b;background:#f0f3f6;border-color:#e0e5ea}.camera-state--offline i{background:#8994a2;box-shadow:none}.archive-filters{display:flex;align-items:center;gap:9px}.camera-picker,.date-picker,.today-button{min-height:42px;background:#fff;border:1px solid #dce2e8;border-radius:9px;box-shadow:0 2px 6px #0f172a08}.camera-picker{position:relative;width:min(280px,24vw);color:#718093;transition:border-color .18s ease,box-shadow .18s ease}.camera-picker:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f973161c}.camera-picker--open{border-color:var(--accent);box-shadow:0 0 0 3px #f973161c}.camera-picker__trigger{display:flex;width:100%;height:40px;align-items:center;gap:9px;padding:0 11px;color:#718093;background:transparent;border:0;border-radius:8px;text-align:left}.camera-picker__trigger>span{min-width:0;flex:1;overflow:hidden;color:#273244;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.camera-picker__trigger>svg{flex:0 0 auto}.camera-picker__trigger>svg:last-child{transition:transform .18s ease}.camera-picker--open .camera-picker__trigger>svg:last-child{transform:rotate(180deg)}.camera-picker__menu{position:absolute;z-index:25;top:calc(100% + 7px);right:-1px;left:-1px;padding:7px;background:#fff;border:1px solid #dce2e8;border-radius:10px;box-shadow:0 16px 36px #0f172a29}.camera-picker__search{display:flex;height:38px;align-items:center;gap:8px;padding:0 10px;color:#7a8696;background:#f6f8fa;border:1px solid #e2e7ec;border-radius:7px}.camera-picker__search:focus-within{color:var(--accent-dark);background:#fff;border-color:#f9a76e;box-shadow:0 0 0 3px #f973161a}.camera-picker__search input{min-width:0;width:100%;height:34px;color:#273244;background:transparent;border:0;font-size:12px}.camera-picker__search input:focus{box-shadow:none}.camera-picker__search input::placeholder{color:#98a2ae}.camera-picker__options{max-height:260px;margin-top:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cdd5de transparent}.camera-picker__option{display:flex;width:100%;min-height:48px;align-items:center;gap:9px;padding:7px 9px;color:#687588;background:transparent;border:0;border-radius:7px;text-align:left;transition:color .16s ease,background-color .16s ease}.camera-picker__option.active{color:var(--accent-dark);background:#fff5ed}.camera-picker__option>span{display:grid;min-width:0;flex:1;gap:3px}.camera-picker__option strong,.camera-picker__option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-picker__option strong{color:#273244;font-size:12px}.camera-picker__option small{color:#8994a2;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.camera-picker__option>svg{flex:0 0 auto;color:var(--accent-dark)}.camera-picker__empty{display:grid;min-height:76px;place-items:center;color:#8994a2;font-size:11px}.date-picker{display:flex;align-items:center;overflow:hidden}.date-picker>button{display:grid;width:38px;height:40px;place-items:center;color:#657286;background:transparent;border:0;transition:color .18s ease,background-color .18s ease}.date-picker>button:hover:not(:disabled){color:#162033;background:#f1f4f7}.date-picker label{position:relative;display:flex;min-width:158px;height:40px;align-items:center;justify-content:center;gap:8px;color:#344054;border-right:1px solid #e6eaee;border-left:1px solid #e6eaee;font-size:12px;font-weight:700;cursor:pointer}.date-picker input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.today-button{padding:0 14px;color:#475569;font-size:12px;font-weight:750;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.today-button:hover:not(:disabled){color:var(--accent-dark);background:#fff8f3;border-color:#fed5b8}.archive-alert{display:flex;min-height:42px;align-items:center;gap:9px;margin-bottom:12px;padding:0 13px;color:#a93239;background:#fff1f1;border:1px solid #ffd6d8;border-radius:8px;font-size:11px}.archive-alert button{margin-left:auto;color:#9e292f;background:transparent;border:0;font-weight:750}.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px}.archive-main{display:grid;min-width:0;gap:14px}.playback-viewer{position:relative;overflow:hidden;color:#dbe3ed;background:#070b11;border:1px solid #151e2a;border-radius:12px;box-shadow:0 18px 46px #0f172a2e}.viewer-header{display:flex;height:46px;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:#0b111a;border-bottom:1px solid #18212d}.viewer-header>span{display:flex;min-width:0;align-items:center;gap:9px;overflow:hidden;color:#cbd5e1;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.viewer-header>span>i{width:6px;height:6px;flex:0 0 auto;background:#637082;border-radius:50%}.viewer-header>span>i.active{background:#32d391;box-shadow:0 0 0 4px #32d3911a}.viewer-header time{color:#f1f5f9;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-variant-numeric:tabular-nums}.playback-viewer .recording-screen{position:relative;padding:0;background:#030507}.playback-viewer .recording-player{aspect-ratio:16 / 9;background:#030507;border-radius:0}.playback-viewer .recording-player__state{gap:10px;color:#7f8b99;background:radial-gradient(circle at center,#101925 0,#05080d 64%)}.playback-viewer .recording-player__state strong{color:#cbd5df;font-size:12px;font-weight:650}.viewer-badge{position:absolute;z-index:4;top:12px;left:13px;display:inline-flex;min-height:25px;align-items:center;gap:7px;padding:0 9px;color:#dbe3ec;background:#05090ecc;border:1px solid rgb(255 255 255 / 9%);border-radius:6px;backdrop-filter:blur(9px);font-size:9px;font-weight:750}.viewer-badge .spinner{width:12px;height:12px}.viewer-badge--playing i{width:6px;height:6px;background:#32d391;border-radius:50%;box-shadow:0 0 0 3px #32d3911f}.viewer-controls{padding:10px 14px 12px;background:#0a1018;border-top:1px solid #18212d}.viewer-controls.disabled{color:#7f8996}.clip-progress input{display:block;width:100%;height:4px;margin:0;accent-color:var(--accent);cursor:pointer}.clip-progress input:disabled{cursor:not-allowed}.clip-progress>div{display:flex;justify-content:space-between;margin-top:5px;color:#748195;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-variant-numeric:tabular-nums}.control-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:7px}.transport-controls,.playback-options,.speed-options{display:flex;align-items:center}.transport-controls{gap:3px}.transport-controls>button,.fullscreen-button{position:relative;display:grid;width:34px;height:34px;place-items:center;color:#9eabb9;background:transparent;border:0;border-radius:7px;transition:color .18s ease,background-color .18s ease}.transport-controls>button:hover:not(:disabled),.fullscreen-button:hover{color:#f8fafc;background:#182332}.transport-controls>button small{position:absolute;top:13px;font-size:7px;font-weight:850}.transport-controls .transport-play{width:42px;height:42px;margin:0 2px;color:#1b110a;background:var(--accent);border-radius:50%}.transport-controls .transport-play:hover:not(:disabled){color:#1b110a;background:#ff8a3d}.playback-options{min-width:0;gap:9px}.speed-options{gap:6px;color:#6f7c8e;font-size:9px;font-weight:700;white-space:nowrap}.speed-options select{min-width:70px;height:31px;padding:0 8px;color:#e2e8f0;color-scheme:dark;background:#111a26;border:1px solid #263244;border-radius:6px;font-size:10px;font-weight:750;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.speed-options select:hover:not(:disabled),.speed-options select:focus-visible{color:#fff;background:#182332;border-color:var(--accent);outline:0}.speed-options select:disabled{cursor:not-allowed;opacity:.55}.continuous-button{display:flex;height:31px;align-items:center;gap:6px;padding:0 8px;color:#8794a5;background:transparent;border:0;border-left:1px solid #202a37;font-size:9px;font-weight:700;white-space:nowrap}.continuous-button:hover{color:#cfd8e3}.continuous-button>span{position:relative;width:25px;height:14px;background:#2a3543;border-radius:99px;transition:background-color .18s ease}.continuous-button>span i{position:absolute;top:2px;left:2px;width:10px;height:10px;background:#8995a4;border-radius:50%;transition:background-color .18s ease,transform .18s ease}.continuous-button[aria-pressed=true]{color:#dce5ee}.continuous-button[aria-pressed=true]>span{background:#a94a13}.continuous-button[aria-pressed=true]>span i{background:var(--accent);transform:translate(11px)}.viewer-error{display:flex;align-items:center;gap:8px;padding:10px 14px;color:#ffc7ca;background:#3b171b;border-top:1px solid #63272c;font-size:10px}.day-timeline{padding:15px 17px 18px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 7px 24px #0f172a0a}.day-timeline>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.day-timeline>header>div{display:flex;align-items:center;gap:8px;color:#263244}.day-timeline>header strong{font-size:12px}.day-timeline>header>span{color:#7c8796;font-size:10px;font-variant-numeric:tabular-nums}.day-ruler{margin-top:16px}.day-ruler__ticks{display:flex;justify-content:space-between;color:#97a1ae;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.day-ruler__track{position:relative;height:26px;margin-top:6px;overflow:visible;background-color:#edf1f4;background-image:linear-gradient(90deg,rgb(125 138 153 / 14%) 1px,transparent 1px);background-size:calc(100% / 6) 100%;border:1px solid #e1e6eb;border-radius:5px;cursor:pointer}.day-segment{position:absolute;z-index:1;top:4px;bottom:4px;min-width:3px;padding:0;background:#28a975;border:0;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff29;transition:filter .16s ease,box-shadow .16s ease}.day-segment:hover{filter:brightness(1.08);box-shadow:0 0 0 2px #28a9752e}.day-segment.active{background:var(--accent);box-shadow:0 0 0 2px #f9731638}.day-segment--pending{background:#e6a528}.day-segment--failed{background:repeating-linear-gradient(135deg,#d7575d 0 3px,#aa3840 3px 6px)}.day-playhead{position:absolute;z-index:3;top:-5px;bottom:-5px;width:1px;pointer-events:none;background:#f97316;box-shadow:0 0 7px #f9731685}.day-playhead i{position:absolute;top:-2px;left:-3px;width:7px;height:7px;background:#f97316;border-radius:50%}.clip-panel{overflow:hidden;max-height:calc(100dvh - 185px);background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 7px 24px #0f172a0a}.clip-panel>header{display:flex;min-height:59px;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--line)}.clip-panel>header>div{display:grid;gap:3px}.clip-panel>header strong{color:#283447;font-size:12px}.clip-panel>header>div span{color:#8b96a3;font-size:9px}.clip-panel>header>span{display:grid;min-width:25px;height:22px;place-items:center;color:#677486;background:#f0f3f6;border-radius:99px;font-size:9px;font-weight:750}.clip-panel__state{display:flex;min-height:340px;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8994a2;font-size:10px}.clip-list{max-height:calc(100dvh - 245px);padding:7px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cdd5de transparent}.clip-item{display:grid;width:100%;min-height:61px;grid-template-columns:55px 22px minmax(0,1fr) 28px;align-items:center;gap:7px;padding:7px 7px 7px 9px;color:inherit;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left;transition:background-color .16s ease,border-color .16s ease}.clip-item:hover{background:#f6f8fa;border-color:#e5e9ee}.clip-item.active{background:#fff7f1;border-color:#fed5b9}.clip-item__time{color:#263244;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:750;font-variant-numeric:tabular-nums}.clip-item__line{position:relative;display:flex;height:100%;justify-content:center}.clip-item__line:before,.clip-item__line:after{position:absolute;left:10px;width:1px;background:#dfe5ea;content:""}.clip-item__line:before{top:-8px;bottom:50%}.clip-item__line:after{top:50%;bottom:-8px}.clip-item:first-child .clip-item__line:before,.clip-item:last-child .clip-item__line:after{display:none}.clip-item__line i{position:relative;z-index:1;width:8px;height:8px;align-self:center;background:#2aaa77;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #b8e5d1}.clip-item--pending .clip-item__line i{background:#e5a327;box-shadow:0 0 0 2px #f5dfb4}.clip-item--failed .clip-item__line i{background:#d8545b;box-shadow:0 0 0 2px #f2c2c5}.clip-item__meta{display:grid;min-width:0;gap:4px}.clip-item__meta strong{color:#566375;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:600}.clip-item__meta small{color:#8a95a3;font-size:9px}.clip-item__action{color:#6e7b8c}.clip-item.active .clip-item__action{color:var(--accent-dark)}.playback-viewer:fullscreen{display:flex;width:100vw;height:100dvh;flex-direction:column;border:0;border-radius:0}.playback-viewer:fullscreen .recording-screen{min-height:0;flex:1}.playback-viewer:fullscreen .recording-player{height:100%;aspect-ratio:auto}@media(max-width:1280px){.archive-header{align-items:flex-start;flex-direction:column}.archive-title h1{max-width:80vw}.archive-storage{margin-left:0}.archive-filters{width:100%}.camera-picker{width:auto;min-width:240px;flex:1}.control-row{align-items:flex-start;flex-direction:column}.playback-options{width:100%;justify-content:flex-end}}@media(max-width:1080px){.archive-layout{grid-template-columns:1fr}.clip-panel{max-height:none}.clip-list{display:grid;max-height:340px;grid-template-columns:repeat(2,minmax(0,1fr))}.clip-item:nth-child(2) .clip-item__line:before{display:none}}@media(max-width:720px){.archive-workspace{padding-top:20px}.archive-header{min-height:0;margin-bottom:14px}.archive-title{width:100%}.archive-title h1{max-width:calc(100% - 64px);font-size:24px}.archive-filters{display:grid;grid-template-columns:minmax(0,1fr) auto}.camera-picker{width:100%;min-width:0;grid-column:1 / -1}.date-picker label{min-width:145px}.playback-viewer{border-radius:9px}.viewer-header{height:42px;padding:0 12px}.viewer-controls{padding-right:10px;padding-left:10px}.control-row{align-items:center}.transport-controls{align-self:center}.playback-options{justify-content:center;flex-wrap:wrap}.continuous-button{border-left:0}.clip-list{grid-template-columns:1fr}.clip-item:nth-child(2) .clip-item__line:before{display:block}}@media(max-width:480px){.archive-workspace{padding-right:10px;padding-left:10px}.archive-header{padding:0 3px}.date-picker{width:100%}.date-picker label{min-width:0;flex:1}.today-button{padding:0 12px}.viewer-header>span{max-width:68%}.playback-viewer .recording-screen{padding:0}.transport-controls{width:100%;justify-content:space-between}.speed-options>svg,.speed-options>span{display:none}.speed-options select{min-width:76px;height:34px}.playback-options{gap:5px}.continuous-button{padding:0 4px}.day-timeline{padding-right:12px;padding-left:12px}.day-timeline>header>span{font-size:9px}}