:root{--cp-primary: #00248e;--cp-primary-rgb: 0, 36, 142;--cp-midnight: #000032;--cp-accent: #0893e3;--cp-sky: #5abaff;--cp-blue-1: #e9f0ff;--cp-blue-2: #f3f6ff;--cp-ink: #1e293b;--cp-text: #475569;--cp-paragraph: #3d4459;--radius: 12px;--radius-sm: 8px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--topbar-bg: #000032;--topbar-text: #ffffff}:root,[data-theme=dark]{color-scheme:dark;--bg: #0a0e18;--bg-elevated: #12182a;--bg-soft: #1a2238;--border: #273247;--border-strong: #3a4b6a;--text: #e8eef9;--text-muted: #93a0b8;--text-dim: #6b7a94;--accent: #5abaff;--accent-strong: #0893e3;--accent-soft: rgba(8, 147, 227, .16);--success: #3ecf8e;--success-soft: rgba(62, 207, 142, .14);--warning: #f0b429;--danger: #f07178;--idle: #3a455c;--active-seg: #0893e3;--shadow: 0 12px 40px rgba(0, 0, 0, .4);--row-hover: rgba(90, 186, 255, .06);--btn-hover-bg: #24304a;--btn-hover-border: #4c6288;--timeline-track: #1a2233;--tag-fg: #c5d4f0;--tag-bg: rgba(8, 147, 227, .14);--tag-border: rgba(8, 147, 227, .3);--body-glow-a: rgba(8, 147, 227, .14);--body-glow-b: rgba(0, 36, 142, .18);--tabs-active-fg: #e8eef9;--code-bg: #0a1020;--code-fg: #dbe7ff;--login-card-bg: #12182a;--login-card-border: #273247;--login-title: #e8eef9;--login-copy: #93a0b8;--login-footer-border: #273247;--login-error-bg: rgba(240, 113, 120, .1);--login-error-border: rgba(240, 113, 120, .35);--login-error-fg: #ffb4b8;--ms-btn-bg: #ffffff;--ms-btn-fg: #1b1b1b;--ms-btn-border: rgba(255, 255, 255, .14);--ms-btn-hover-bg: #f8faff}[data-theme=light]{color-scheme:light;--bg: #f3f6ff;--bg-elevated: #ffffff;--bg-soft: #e9f0ff;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #1e293b;--text-muted: #475569;--text-dim: #64748b;--accent: #00248e;--accent-strong: #001f70;--accent-soft: rgba(0, 36, 142, .1);--success: #00b67a;--success-soft: rgba(0, 182, 122, .12);--warning: #f0b429;--danger: #e5253c;--idle: #cbd5e1;--active-seg: #0893e3;--shadow: 0 8px 28px rgba(0, 0, 50, .08);--row-hover: rgba(0, 36, 142, .04);--btn-hover-bg: #dce7ff;--btn-hover-border: #94a8d4;--timeline-track: #e2e8f0;--tag-fg: #00248e;--tag-bg: rgba(0, 36, 142, .08);--tag-border: rgba(0, 36, 142, .18);--body-glow-a: rgba(8, 147, 227, .12);--body-glow-b: rgba(0, 36, 142, .08);--tabs-active-fg: #00248e;--code-bg: #0a1020;--code-fg: #dbe7ff;--login-card-bg: #ffffff;--login-card-border: rgba(255, 255, 255, .18);--login-title: #00248e;--login-copy: #475569;--login-footer-border: #e2e8f0;--login-error-bg: rgba(229, 37, 60, .08);--login-error-border: rgba(229, 37, 60, .28);--login-error-fg: #b91c1c;--ms-btn-bg: #ffffff;--ms-btn-fg: #1e293b;--ms-btn-border: rgba(0, 36, 142, .14);--ms-btn-hover-bg: #f8faff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%}#root{min-height:100vh}body{font-family:var(--font);background:radial-gradient(1000px 480px at 8% -8%,var(--body-glow-a),transparent 55%),radial-gradient(900px 500px at 100% 0%,var(--body-glow-b),transparent 50%),var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:var(--topbar-bg);color:var(--topbar-text);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.75rem;font-weight:700;letter-spacing:-.02em;min-width:0;text-decoration:none;color:inherit}.brand:hover .brand-orbit-name{color:#fff}.brand-carpow{display:flex;align-items:center;flex-shrink:0}.brand-carpow-logo{display:block;height:22px;width:auto;max-width:120px;object-fit:contain}.brand-divider{width:1px;height:22px;background:#ffffff47;flex-shrink:0;opacity:.9}.brand-orbit{display:flex;align-items:center;gap:.5rem;min-width:0}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--cp-accent),var(--cp-primary));display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 0 1px #ffffff1f,0 8px 20px #0893e359;transition:transform .35s cubic-bezier(.34,1.4,.64,1),box-shadow .35s ease}.brand-mark-svg{width:16px;height:16px;overflow:visible}.brand-mark-ring{transform-origin:12px 12px;transition:opacity .3s ease}.brand-mark-core{transform-origin:12px 12px;transition:transform .35s cubic-bezier(.34,1.4,.64,1)}.brand:hover .brand-mark,.brand-orbit:hover .brand-mark{transform:scale(1.08);box-shadow:0 0 0 1px #fff3,0 0 18px #0893e38c,0 10px 24px #00248e73}.brand:hover .brand-mark-ring-a,.brand-orbit:hover .brand-mark-ring-a{animation:orbit-spin 1.1s linear infinite}.brand:hover .brand-mark-ring-b,.brand-orbit:hover .brand-mark-ring-b{animation:orbit-spin-reverse 1.45s linear infinite;opacity:.85}.brand:hover .brand-mark-core,.brand-orbit:hover .brand-mark-core{animation:orbit-core-pulse 1.1s ease-in-out infinite}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit-core-pulse{0%,to{transform:scale(1)}50%{transform:scale(.88)}}@media(prefers-reduced-motion:reduce){.brand:hover .brand-mark-ring-a,.brand:hover .brand-mark-ring-b,.brand:hover .brand-mark-core,.brand-orbit:hover .brand-mark-ring-a,.brand-orbit:hover .brand-mark-ring-b,.brand-orbit:hover .brand-mark-core{animation:none}.brand:hover .brand-mark,.brand-orbit:hover .brand-mark{transform:none}}.brand-orbit-name{font-size:1.05rem;white-space:nowrap;transition:color .2s ease}@media(max-width:720px){.brand-carpow-logo{max-width:88px;height:18px}.brand-orbit-name{font-size:.95rem}.topbar{flex-wrap:wrap}}.topbar-nav{display:flex;gap:.35rem}.topbar-nav a{padding:.45rem .8rem;border-radius:999px;color:#ffffffb8;font-size:.92rem;font-weight:500}.topbar-nav a.active,.topbar-nav a:hover{color:#fff;background:#ffffff1a}.user-chip{display:flex;align-items:center;gap:.55rem;color:#ffffffc7;font-size:.9rem}.topbar .btn{background:#ffffff14;border-color:#fff3;color:#fff}.topbar .btn:hover{background:#ffffff24;border-color:#ffffff52}.main{width:100%;max-width:none;margin:0;padding:1.25rem 1.5rem 2.5rem;flex:1;box-sizing:border-box}.main:has(.session-detail),.main:has(.sessions-layout){width:100%;max-width:none}.sessions-layout{display:grid;grid-template-columns:minmax(300px,340px) 1fr;gap:1.25rem;align-items:start}@media(max-width:960px){.sessions-layout{grid-template-columns:1fr}}@media(min-width:1600px){.sessions-layout{grid-template-columns:minmax(320px,380px) 1fr}}.active-rail{padding:1rem .9rem;position:sticky;top:4.5rem;max-height:calc(100vh - 6rem);overflow:auto}.active-rail-header{display:flex;align-items:center;justify-content:space-between;padding:0 .35rem .65rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.active-rail-header h2{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.active-count{font-family:var(--mono);font-size:.8rem;color:var(--success);background:var(--success-soft);padding:.1rem .45rem;border-radius:999px}.active-rail-empty{padding:1rem .5rem;color:var(--text-dim);font-size:.88rem;text-align:center}.active-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.active-item{width:100%;display:flex;gap:.55rem;align-items:flex-start;text-align:left;border:0;background:transparent;color:inherit;padding:.55rem .45rem;border-radius:var(--radius-sm);cursor:pointer}.active-item:hover{background:var(--row-hover)}.active-dot{width:8px;height:8px;margin-top:.35rem;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #00b67a33;flex-shrink:0}.active-item-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.active-item-title{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-item-meta{font-size:.78rem;color:var(--text-muted)}.sessions-main{min-width:0}.filters-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.9rem 1rem;margin-bottom:1rem}.filter-field{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.filter-field input,.filter-field select{font:inherit;text-transform:none;letter-spacing:normal;font-weight:500;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .6rem;min-width:9.5rem}.filter-result-count{margin-left:auto;align-self:center;text-transform:none;letter-spacing:normal}.filter-quick-ranges{display:inline-flex;flex-wrap:wrap;gap:.4rem;align-items:center}.filter-quick-ranges .btn{padding:.45rem .75rem;font-size:.88rem}.tag-list{display:flex;flex-wrap:wrap;gap:.3rem}.tag-list-compact{margin-top:.2rem}.tag-chip{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;color:var(--tag-fg);background:var(--tag-bg);border:1px solid var(--tag-border)}.page-history{margin:0;padding-left:1.1rem;color:var(--text-muted);font-size:.88rem}.page-history li{margin:.2rem 0}.badge-outcome{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-outcome-success{color:var(--success);background:var(--success-soft)}.badge-outcome-rejected{color:var(--warning);background:#f0b42924}.badge-outcome-error{color:var(--danger);background:#f0717824}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-header h1{margin:0;font-size:1.6rem;letter-spacing:-.03em}.page-header p{margin:.35rem 0 0;color:var(--text-muted)}.tabs{display:inline-flex;padding:.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;gap:.2rem}.tabs button{border:0;background:transparent;color:var(--text-muted);padding:.45rem .95rem;border-radius:999px;font-weight:500}.tabs button.active{background:var(--accent-soft);color:var(--tabs-active-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.session-table{width:100%;border-collapse:collapse}.session-table th,.session-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.session-table th{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.session-table tr:last-child td{border-bottom:0}.session-table tbody tr{transition:background .15s ease;cursor:pointer}.session-table tbody tr:hover{background:var(--row-hover)}.session-table-wrap{overflow-x:auto}.session-table-wrap.is-loading{opacity:.65;pointer-events:none;transition:opacity .15s ease}.pagination-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.pagination-info{font-size:.88rem}.pagination-size{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.pagination-size select{font:inherit;text-transform:none;letter-spacing:normal;font-weight:500;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .5rem;min-width:4.5rem}.pagination-controls{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.pagination-controls .btn{padding:.35rem .65rem;font-size:.85rem}.pagination-page{min-width:4.5rem;text-align:center;font-size:.88rem;color:var(--text-muted)}.session-table tbody tr.session-row-enter{animation:session-row-enter 1.25s cubic-bezier(.22,1,.36,1) both}.session-table tbody tr.session-row-enter td:first-child{position:relative}.session-table tbody tr.session-row-enter td:first-child:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:3px;border-radius:2px;background:var(--success);animation:session-row-bar 1.25s ease-out both}@keyframes session-row-enter{0%{opacity:0;transform:translate(-12px);background:color-mix(in srgb,var(--success) 18%,transparent)}35%{opacity:1;transform:translate(0);background:color-mix(in srgb,var(--success) 12%,transparent)}to{opacity:1;transform:translate(0);background:transparent}}@keyframes session-row-bar{0%{opacity:0;transform:scaleY(.4)}30%{opacity:1;transform:scaleY(1)}to{opacity:0}}@media(prefers-reduced-motion:reduce){.session-table tbody tr.session-row-enter{animation:none;background:color-mix(in srgb,var(--success) 10%,transparent)}.session-table tbody tr.session-row-enter td:first-child:before{animation:none;opacity:0}}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-active{color:var(--success);background:var(--success-soft)}.badge-finished{color:var(--text-muted);background:#93a0b81f}.meta-line{color:var(--text-muted);font-size:.88rem}.mono{font-family:var(--mono);font-size:.85rem}.url-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.8rem}.session-status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.session-status-cell .meta-line{font-size:.7rem;color:var(--text-dim);opacity:.85;letter-spacing:.02em}.session-site-cell{display:flex;flex-direction:column;gap:.12rem;min-width:0;max-width:340px}.session-site-name{font-weight:600}.session-client-cell{display:flex;align-items:center;gap:.5rem;min-width:0}.session-client-text{min-width:0}.session-client-icons{display:inline-flex;align-items:center;gap:.28rem}.client-icon,.device-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:7px;color:var(--text-muted);background:var(--bg-soft);border:1px solid var(--border);cursor:default}.client-icon svg,.device-icon svg{width:14px;height:14px}.session-started-cell{white-space:nowrap;font-size:.82rem;color:var(--text-muted);letter-spacing:-.01em}.url-partner{color:var(--accent);font-size:.8rem}.url-partner-label{font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;color:var(--text-dim);margin-right:.2rem}.url-partner-detail{margin-top:.45rem;display:flex;flex-direction:column;gap:.15rem}.url-partner-detail a{color:var(--accent);word-break:break-all;font-size:.9rem}.btn{border:1px solid var(--border-strong);background:var(--bg-soft);color:var(--text);border-radius:var(--radius-sm);padding:.55rem .95rem;font-weight:600;transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--accent-strong) 35%,transparent)}.btn-primary:hover{filter:brightness(1.05);background:linear-gradient(180deg,var(--accent),var(--accent-strong))}.btn-ghost{background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.empty-state,.loading-state,.error-state{padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.error-state{color:var(--danger)}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.75rem 1.25rem;position:relative;overflow:hidden;background:var(--cp-midnight);color:var(--cp-ink)}.login-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#000032,#001a5c 48%,#000032);pointer-events:none}.login-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.55}.login-glow-a{width:min(520px,70vw);height:min(520px,70vw);top:-12%;left:-8%;background:#0893e359}.login-glow-b{width:min(480px,65vw);height:min(480px,65vw);right:-10%;bottom:-18%;background:#00248e8c}.login-shell{position:relative;z-index:1;width:min(440px,100%)}.login-card{width:100%;overflow:hidden;border-radius:18px;background:var(--login-card-bg);border:1px solid var(--login-card-border);box-shadow:0 24px 60px #00000059,0 0 0 1px #00248e0f;text-align:center;color:var(--text)}.login-card-header{padding:1.35rem 1.5rem 1.15rem;background:linear-gradient(135deg,#000032,#001f70 55%,#00248e);color:#fff;display:flex;flex-direction:column;align-items:center;gap:.85rem}.login-card-header .brand{justify-content:center;color:#fff}.login-card-header .brand-carpow-logo{height:26px;max-width:140px}.login-card-header .brand-divider{background:#ffffff4d}.login-card-header .brand-orbit-name{font-size:1.15rem}.login-card-header .brand-mark{width:32px;height:32px;background:linear-gradient(135deg,#0893e3,#5abaff);box-shadow:0 0 0 1px #ffffff2e,0 8px 18px #0893e366}.login-card-header .brand-mark svg{width:17px;height:17px}.login-eyebrow{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8}.login-card-body{padding:1.75rem 1.75rem 1.25rem}.login-copy h1{margin:0 0 .55rem;font-size:1.65rem;letter-spacing:-.03em;color:var(--login-title);font-weight:800}.login-copy p{color:var(--login-copy);margin:0 0 1.5rem;font-size:.95rem;line-height:1.55}.btn-microsoft{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:50px;padding:.8rem 1.15rem;border-radius:999px;border:1px solid var(--ms-btn-border);background:var(--ms-btn-bg);color:var(--ms-btn-fg);font-weight:700;font-size:.95rem;box-shadow:0 4px 14px #00003214;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;cursor:pointer}.btn-microsoft:hover:not(:disabled){transform:translateY(-1px);background:var(--ms-btn-hover-bg);border-color:var(--accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 20%,transparent)}.btn-microsoft:disabled{opacity:.75;cursor:wait}.ms-icon{width:20px;height:20px;flex-shrink:0}.login-spinner{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 20%,transparent);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-loading{padding:.95rem;color:var(--text-muted);font-weight:500}.login-error{margin:1rem 0 0;padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--login-error-bg);border:1px solid var(--login-error-border);color:var(--login-error-fg);font-size:.88rem;text-align:left}.login-card-footer{padding:0 1.75rem 1.25rem}.login-footer{margin:0;padding-top:.85rem;border-top:1px solid var(--login-footer-border);font-size:.78rem;color:var(--text-dim)}.dev-hint{margin-top:1rem;font-size:.82rem;color:var(--text-dim);text-align:left}.dev-hint code{font-family:var(--mono);font-size:.78rem;color:var(--accent);background:var(--accent-soft);padding:.1rem .35rem;border-radius:4px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease;flex-shrink:0}.theme-toggle:hover{background:#ffffff24;border-color:#ffffff59}.theme-toggle:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}.theme-toggle svg{width:18px;height:18px}.login-theme-toggle{position:absolute;top:1rem;right:1rem;z-index:2}.session-detail{display:flex;flex-direction:column;gap:1rem}.session-detail-header{margin-bottom:0}.session-replay-primary{width:100%}.session-meta-panel{margin-top:.25rem}.detail-panel{padding:1rem 1.15rem 1.15rem}.detail-panel h2{margin:0 0 .85rem;font-size:.95rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.kv{display:grid;gap:.65rem}.kv-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem 1.25rem}.kv-row{display:grid;gap:.15rem}.kv-row-wide{grid-column:1 / -1}.kv-row dt{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.kv-row dd{margin:0;word-break:break-word}.player-shell{padding:1rem;display:flex;flex-direction:column;gap:.85rem}.player-viewport{background:#0a1020;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;width:100%;height:min(62vh,720px);min-height:360px;position:relative}.player-viewport .replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%;background:#fff}.player-viewport .replayer-wrapper>iframe{border:none;background:#fff}.player-viewport .replayer-mouse{z-index:5;pointer-events:none}.player-viewport .replayer-mouse-tail{z-index:4;pointer-events:none}.live-banner{position:absolute;left:50%;bottom:.85rem;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;background:#000032e0;border:1px solid rgba(0,182,122,.45);color:#fff;font-size:.82rem;font-weight:600;pointer-events:none}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #00b67a40;animation:live-pulse 1.4s ease-in-out infinite}.live-legend{color:var(--success)}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.45}}.player-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.player-controls .time{font-family:var(--mono);font-size:.85rem;color:var(--text-muted);min-width:9rem}.timeline{position:relative;z-index:2;height:28px;border-radius:999px;background:var(--timeline-track);overflow:hidden;cursor:pointer;border:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:none}.timeline-seg{position:absolute;top:0;bottom:0}.timeline-seg.active{background:linear-gradient(180deg,#0893e3,#00248e)}.timeline-seg.idle{background:repeating-linear-gradient(-45deg,#c23b44,#c23b44 6px,#e04b56 6px,#e04b56 12px);opacity:.95}.timeline-playhead{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--cp-midnight);border-radius:2px;box-shadow:0 0 0 1px #ffffff80;pointer-events:none}.legend{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted)}.legend-item{display:inline-flex;align-items:center;gap:.4rem}.legend-swatch{width:14px;height:10px;border-radius:3px}.legend-swatch.active{background:var(--active-seg)}.legend-swatch.idle{background:repeating-linear-gradient(-45deg,#c23b44,#c23b44 4px,#e04b56 4px,#e04b56 8px)}.toggle{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.9rem}.toggle input{accent-color:var(--accent)}.install-card{padding:1.25rem}.install-card pre{margin:.75rem 0 0;padding:1rem;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:auto;font-family:var(--mono);font-size:.82rem;line-height:1.55;color:var(--code-fg)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.stats-row.sessions-summary{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1100px){.stats-row.sessions-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.stats-row,.stats-row.sessions-summary{grid-template-columns:1fr 1fr}}@media(max-width:420px){.stats-row.sessions-summary{grid-template-columns:1fr}}.stat{padding:.9rem 1rem}.stat .label{color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat .value{font-size:1.45rem;font-weight:700;letter-spacing:-.03em;margin-top:.2rem;font-variant-numeric:tabular-nums}.stat-success .value{color:var(--success)}.stat-rejected .value{color:var(--warning)}.stat-error .value{color:var(--danger)}.flash-success{margin-bottom:1rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);color:var(--success);font-weight:600;font-size:.9rem}.api-key-create{margin-bottom:1.25rem;padding:.85rem 1rem}.api-key-create h2{margin:0 0 .55rem;font-size:.9rem;font-weight:700}.api-key-create-form{display:flex;flex-wrap:wrap;gap:.5rem .65rem;align-items:flex-end}.api-key-gen-field{display:flex;flex-direction:column;gap:.2rem;width:min(200px,100%)}.api-key-gen-field span{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);line-height:1.2}.api-key-gen-input{display:block;width:100%;height:28px;max-height:28px;min-height:0;margin:0;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;font-weight:500;line-height:28px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.api-key-gen-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.api-key-gen-btn{height:28px;max-height:28px;padding:0 12px;border:0;border-radius:6px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;font-family:var(--font);font-size:13px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;box-sizing:border-box}.api-key-gen-btn:hover:not(:disabled){filter:brightness(1.05)}.api-key-gen-btn:disabled{opacity:.5;cursor:not-allowed}.api-key-card{margin-bottom:1rem;padding:1rem 1.15rem}.api-key-card-fresh{box-shadow:0 0 0 1px color-mix(in srgb,var(--success) 45%,transparent),var(--shadow)}.api-key-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.api-key-card-top h2{margin:0 0 .2rem;font-size:1.05rem}.api-key-card-body{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1.15fr);gap:1.25rem 1.5rem;align-items:start}@media(max-width:800px){.api-key-card-body{grid-template-columns:1fr}}.api-key-col h3{margin:0 0 .55rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.api-key-secret{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;padding:.65rem .75rem;border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--border)}.api-key-value{display:block;min-width:0;font-size:.82rem;word-break:break-all;color:var(--text);line-height:1.4}.api-key-actions{display:flex;flex-wrap:wrap;gap:.35rem}.api-key-actions .btn{padding:.3rem .6rem;font-size:.8rem}.btn-danger-ghost{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:transparent}.btn-danger-ghost:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger)}.api-key-domains{min-width:0}.domains-warning{margin:0 0 1rem;padding:.75rem .9rem;border-radius:var(--radius-sm);background:#f0b4291f;border:1px solid rgba(240,180,41,.35);color:var(--text);font-size:.9rem;line-height:1.45}.domain-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.domain-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .35rem .35rem .7rem;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);font-size:.88rem}.domain-remove{width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.domain-remove:hover{background:var(--row-hover);color:var(--danger)}.domain-add-form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.domain-input{flex:1 1 220px;min-width:0;width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem}.filter-field .domain-input{min-width:12rem}.domain-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.domains-hint{margin:.85rem 0 0;font-size:.82rem}.domains-hint code{font-family:var(--mono);font-size:.78rem;color:var(--accent)}.data-purge-note{margin-bottom:1rem}.data-purge-note p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.5}.data-purge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem}.data-purge-card{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.45rem}.data-purge-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.data-purge-card-head h2{margin:0;font-size:1rem}.data-purge-count{font-size:.85rem;color:var(--text-dim);white-space:nowrap}.data-purge-cutoff{font-size:.8rem!important}.data-purge-card .btn{margin-top:.5rem;align-self:flex-start}