:root{--bg: #060a12;--bg-card: rgba(14, 20, 32, .72);--bg-elevated: #141c2b;--bg-hover: #1a2438;--border: rgba(148, 163, 184, .14);--border-subtle: rgba(148, 163, 184, .08);--text: #f1f5f9;--text-muted: #94a3b8;--accent: #38bdf8;--accent-hover: #0ea5e9;--accent-deep: #0284c7;--accent-soft: rgba(56, 189, 248, .12);--accent-glow: rgba(56, 189, 248, .35);--success: #34d399;--danger: #f87171;--warning: #fbbf24;--radius: 14px;--radius-sm: 10px;--radius-xs: 6px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--shadow: 0 4px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--header-height: 68px;--transition: .18s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}button,input,select,textarea{font-family:inherit;font-size:.9rem}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:.62rem 1.25rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;font-weight:600;font-size:.88rem;letter-spacing:.01em;box-shadow:0 2px 12px var(--accent-glow);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}button:hover{filter:brightness(1.06);box-shadow:0 4px 20px var(--accent-glow)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none;box-shadow:none}button.secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);box-shadow:none}button.secondary:hover{background:var(--bg-hover);border-color:#94a3b838;filter:none}button.danger{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 12px #f871714d}input,select,textarea{background:#060a1299;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.68rem .9rem;color:var(--text);width:100%;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}input:hover,select:hover,textarea:hover{border-color:#94a3b838}input:focus,select:focus,textarea:focus{outline:none;border-color:#38bdf88c;box-shadow:0 0 0 3px var(--accent-soft);background:#060a12d9}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.badge.live{background:#34d3991f;color:var(--success);border-color:#34d39933}.badge.off{background:#94a3b814;color:var(--text-muted);border-color:var(--border-subtle)}.badge.error{background:#f871711f;color:var(--danger);border-color:#f8717133}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;color:var(--text-muted);font-size:.82rem;font-weight:500}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid-2 .form-group--full{grid-column:1 / -1}.license-dl{display:grid;grid-template-columns:minmax(8rem,40%) 1fr;gap:.5rem 1rem;font-size:.9rem}.license-dl dt{color:var(--text-muted)}.license-dl dd{margin:0}table{width:100%;border-collapse:collapse}th,td{padding:.9rem .85rem;text-align:left;border-bottom:1px solid var(--border-subtle)}th{color:var(--text-muted);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;background:#0003}tbody tr{transition:background var(--transition)}tbody tr:hover{background:#38bdf80a}tbody tr:last-child td{border-bottom:none}.error{color:var(--danger);font-size:.85rem;margin-top:.5rem}.brand-logo{display:flex;align-items:center}.brand-logo__text{display:flex;flex-direction:column;line-height:1.1}.brand-logo__name{font-weight:700;letter-spacing:-.02em;color:var(--text)}.brand-logo__tagline{color:var(--text-muted);font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-top:.15rem}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}.app-shell__mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse 80% 55% at 8% -5%,rgba(56,189,248,.14),transparent 55%),radial-gradient(ellipse 60% 45% at 92% 15%,rgba(14,165,233,.08),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(2,132,199,.1),transparent 60%)}.app-shell__grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 90%);mask-image:linear-gradient(to bottom,black 0%,transparent 90%)}.app-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);padding:0 1.75rem;display:flex;align-items:center;justify-content:space-between;background:#080c14d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.35),transparent);opacity:.6}.app-header__left{display:flex;align-items:center;gap:2rem;min-width:0}.app-header__brand{text-decoration:none;color:inherit;flex-shrink:0}.app-header__right{display:flex;align-items:center;gap:.85rem;font-size:.85rem;flex-shrink:0}.app-header__user-chip{display:flex;align-items:center;gap:.65rem;padding:.35rem .65rem .35rem .35rem;border-radius:999px;border:1px solid var(--border-subtle);background:#ffffff08}.app-header__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);flex-shrink:0}.app-header__user-meta{display:flex;flex-direction:column;line-height:1.2;min-width:0}.app-header__user-name{font-weight:600;font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.app-header__role{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.app-header__logout{padding:.45rem .9rem!important;font-size:.82rem!important}.app-header__menu-toggle{display:none;align-items:center;gap:.45rem;padding:.45rem .75rem!important;font-size:.82rem!important;box-shadow:none!important}.app-header__menu-icon{font-size:1rem;line-height:1}.app-nav-backdrop{display:none}.app-nav--desktop{display:flex}.app-mobile-nav{display:none}.app-nav{display:flex;gap:.25rem;padding:.2rem;border-radius:var(--radius-sm);background:#0003;border:1px solid var(--border-subtle)}.app-nav__link{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .95rem;border-radius:var(--radius-xs);color:var(--text-muted);font-weight:500;font-size:.86rem;transition:color var(--transition),background var(--transition);white-space:nowrap}.app-nav__icon{font-size:.75rem;opacity:.7;line-height:1}.app-nav__link:hover{color:var(--text);background:#ffffff0d}.app-nav__link.active{color:#fff;background:linear-gradient(135deg,#38bdf840,#0ea5e926);font-weight:600;border:1px solid rgba(56,189,248,.25)}.app-nav__link.active .app-nav__icon{opacity:1}.app-main{flex:1;padding:1.75rem 2rem 2rem;max-width:1480px;margin:0 auto;width:100%;animation:page-enter .35s ease-out}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-footer{border-top:1px solid var(--border-subtle);padding:.9rem 2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.78rem;color:var(--text-muted);background:#080c1499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-footer__brand{justify-self:center;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.app-footer__version{justify-self:end;font-family:var(--mono);font-size:.72rem;opacity:.65;letter-spacing:.02em}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.75rem;padding-bottom:1.35rem;border-bottom:1px solid var(--border-subtle)}.page-header__eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem}.page-header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.035em;line-height:1.15;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent}.page-header__subtitle{color:var(--text-muted);max-width:640px;font-size:.94rem;line-height:1.6;margin-top:.45rem}.page-header__meta{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.stat-pill{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.55rem 1rem;font-size:.8rem;color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-pill strong{color:var(--text);margin-left:.4rem;font-weight:700;font-family:var(--mono);font-size:.85rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(14,165,233,.12),transparent),radial-gradient(ellipse 60% 50% at 80% 60%,rgba(3,105,161,.1),transparent),linear-gradient(160deg,#070b12,#0c1420,#070b12)}.login-page__panel{position:relative;display:grid;grid-template-columns:1fr 380px;gap:3rem;max-width:960px;width:100%;align-items:center}.login-page__intro{padding-right:1rem}.login-page__pitch{color:var(--text-muted);margin:1.5rem 0 1.25rem;font-size:1.05rem;line-height:1.65;max-width:420px}.login-page__features{list-style:none;display:flex;flex-direction:column;gap:.65rem}.login-page__features li{color:var(--text-muted);font-size:.9rem;padding-left:1.25rem;position:relative}.login-page__features li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.login-page__form{box-shadow:var(--shadow-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-page__form h2{font-size:1.2rem;margin-bottom:.35rem;font-weight:700}.login-page__form>p{color:var(--text-muted);font-size:.88rem;margin-bottom:1.25rem}.login-page__submit{width:100%;margin-top:.5rem;padding:.75rem}.recordings-toolbar{margin-bottom:1.5rem}.recordings-filters{display:grid;grid-template-columns:minmax(160px,1fr) minmax(280px,2fr) minmax(220px,1.5fr);gap:1rem;align-items:start}.recordings-range{margin:0;padding:.85rem 1rem .25rem;border:1px solid var(--border-subtle);border-radius:var(--radius);min-width:0}.recordings-range legend{padding:0 .35rem;color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.recordings-range__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .75rem}.recordings-range .form-group{margin-bottom:.75rem}.recordings-filters input[type=time]{font-family:var(--mono)}.recordings-search{min-width:0}.recordings-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.recordings-table-wrap{overflow-x:auto;padding:0;-webkit-overflow-scrolling:touch}.recordings-table{margin:0}.recordings-table__head th{position:sticky;top:0;z-index:1;background:var(--bg-elevated, #1a2332);box-shadow:0 1px 0 var(--border-subtle)}.recordings-sort{display:inline-flex;align-items:center;gap:.35rem;padding:0;border:none;background:none;color:inherit;font:inherit;font-weight:600;cursor:pointer}.recordings-sort:hover{color:var(--accent)}.recordings-sort-icon{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.recordings-sort--desc .recordings-sort-icon{border-top:5px solid currentColor;border-bottom:none}.recordings-sort--asc .recordings-sort-icon{border-bottom:5px solid currentColor;border-top:none}.recordings-mono{font-family:var(--mono);font-size:.85rem}.recordings-preview{max-width:320px;font-size:.85rem;line-height:1.5;color:var(--text-muted)}.recordings-muted{font-style:italic}.recordings-highlight{background:#f59e0b59;color:inherit;border-radius:2px}.recordings-action{text-align:right;white-space:nowrap}.recordings-action__buttons{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.recordings-action button{padding:.4rem 1rem}.recordings-empty{color:var(--text-muted);padding:2.5rem;text-align:center}.alerts-tabs{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem;margin-bottom:1rem;background:#00000026;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.alerts-tabs__btn{border:1px solid transparent;background:transparent;color:var(--text-muted);padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;font-weight:500;font-size:.86rem;box-shadow:none;transition:all var(--transition)}.alerts-tabs__btn:hover{color:var(--text);background:#ffffff0d;filter:none;box-shadow:none}.alerts-tabs__btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 12px var(--accent-glow)}.alerts-toolbar{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem;padding:1rem 1.25rem}.alerts-config__form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end;margin-top:1rem}.alerts-check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-bottom:.35rem}.alerts-muted{color:var(--text-muted);font-size:.9rem;margin-top:.35rem}.alerts-email__form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.alerts-email__actions{display:flex;gap:.75rem;flex-wrap:wrap;grid-column:1 / -1}.alerts-email__ok{color:#2ecc71;font-size:.9rem;grid-column:1 / -1}.alerts-email__err{color:var(--danger, #e74c3c);font-size:.9rem;grid-column:1 / -1}.alerts-email__warn{color:#f39c12;font-size:.9rem;margin-top:.5rem}.recordings-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:0;padding:.85rem 1.35rem;border-bottom:1px solid var(--border-subtle);background:#0000001f}.recordings-table-wrap>.recordings-pagination:last-child{border-bottom:none;border-top:1px solid var(--border-subtle)}.recordings-pagination__info{display:flex;flex-direction:column;gap:.15rem;font-size:.88rem;color:var(--text-muted)}.recordings-pagination__page{font-size:.82rem}.recordings-pagination__controls{display:flex;flex-wrap:wrap;gap:.5rem}.recordings-pagination__controls button{padding:.45rem .85rem;font-size:.82rem}.monitor-table-wrap{padding:0;overflow-x:auto}.monitor-empty{text-align:center;padding:3.5rem 2rem}.monitor-empty p{color:var(--text-muted)}.monitor-empty p+p{font-size:.85rem;margin-top:.5rem}.live-watch{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);padding:.5rem;overflow:hidden}.live-watch__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .4rem .5rem;flex-shrink:0}.live-watch__title{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.live-watch__name{font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-watch__player{flex:1;min-height:0;display:flex;align-items:center}.live-watch__player .video-player,.live-watch__player .video-player--compact{max-height:calc(100vh - 4.5rem);object-fit:contain}.live-watch__empty{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.live-watch__empty-title{color:var(--danger);font-size:.85rem;margin-bottom:.35rem}.live-watch__empty-hint{color:var(--text-muted);font-size:.75rem;line-height:1.45}.live-watch__hint{flex-shrink:0;color:var(--text-muted);font-size:.68rem;padding:.35rem .4rem 0;line-height:1.35}.live-watch__hint--warn{color:var(--warning)}.live-watch__loading,.live-watch__error{padding:2rem 1rem;text-align:center;font-size:.85rem}.live-watch__loading{color:var(--text-muted)}.live-watch__error{color:var(--danger)}.video-player--compact::-webkit-media-controls-panel{padding:0 2px}.admin-tabs{display:flex;gap:.35rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:.35rem;background:#00000026;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.admin-tabs button{font-size:.85rem;box-shadow:none}.admin-tabs button.secondary{background:transparent;color:var(--text-muted);border-color:transparent}.admin-tabs button.secondary:hover{background:#ffffff0d;color:var(--text);filter:none;box-shadow:none}.admin-tabs button.admin-tabs__active{background:linear-gradient(135deg,#38bdf838,#0ea5e91f);color:var(--accent);border:1px solid rgba(56,189,248,.28);box-shadow:none;filter:none}.viewer-page{min-height:100vh;padding:1.25rem;background:var(--bg)}.viewer-page--branded{padding-top:0}.viewer-topbar{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-card);margin:-1.25rem -1.25rem 1.25rem}.viewer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.viewer-header h1{font-size:1.35rem;margin-bottom:.25rem}.viewer-header p{color:var(--text-muted);font-size:.9rem}.viewer-header-meta{display:flex;align-items:center;gap:.75rem}.viewer-duration{font-family:var(--mono);font-size:.9rem;color:var(--text-muted)}.viewer-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:1.25rem;align-items:start}.viewer-player{padding:0;overflow:hidden}.viewer-player video{border-radius:var(--radius)}.viewer-archived{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--warning);padding:1rem;text-align:center}.viewer-transcript{display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.viewer-transcript-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.viewer-transcript-header h2{font-size:1rem}.viewer-hint{font-size:.75rem;color:var(--text-muted)}.viewer-segments{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.35rem}.viewer-segment{display:flex;gap:.75rem;text-align:left;padding:.65rem .75rem;border-radius:var(--radius-sm);background:transparent;color:var(--text);border:1px solid transparent;width:100%;line-height:1.55;font-size:.9rem}.viewer-segment:hover{background:var(--bg-hover);border-color:var(--border)}.viewer-segment.active{background:var(--accent-soft);border-color:#0ea5e959}.viewer-segment-time{font-family:var(--mono);font-size:.75rem;color:var(--accent);flex-shrink:0;padding-top:.15rem;min-width:2.5rem}.viewer-segment-text{flex:1}.viewer-word-active{background:#0ea5e94d;border-radius:2px;padding:0 1px}.viewer-transcript-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.viewer-error-text{color:var(--danger);font-size:.85rem;margin:.75rem 0}.viewer-loading,.viewer-error{padding:3rem;text-align:center;color:var(--text-muted)}.workflow-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.workflow-stat{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.85rem}.workflow-stat-label{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.lang-toggle{padding:.35rem .65rem!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.04em;min-width:2.5rem}.login-page__lang{position:absolute;top:1.25rem;right:1.25rem;z-index:2}.help-layout{display:grid;grid-template-columns:220px 1fr;gap:1.25rem;align-items:start}.help-nav{position:sticky;top:calc(var(--header-height) + 1rem);padding:.75rem;display:flex;flex-direction:column;gap:.2rem}.help-nav__link{padding:.55rem .75rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.88rem;transition:background .12s,color .12s}.help-nav__link:hover{background:var(--bg-hover);color:var(--text)}.help-content{display:flex;flex-direction:column;gap:1rem}.help-section h2{font-size:1.1rem;margin-bottom:.75rem;letter-spacing:-.02em}.help-section p{color:var(--text-muted);line-height:1.7;font-size:.92rem}.help-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.help-list li{color:var(--text-muted);font-size:.92rem;padding-left:1rem;position:relative;line-height:1.6}.help-list li:before{content:"—";position:absolute;left:0;color:var(--accent)}.br-page{--br-max: 1180px;min-height:100vh;position:relative;overflow-x:hidden;background:#05080f}.br-page__mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 90% 60% at 10% -10%,rgba(14,165,233,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 95% 20%,rgba(56,189,248,.08),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(3,105,161,.12),transparent 60%)}.br-page__grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 85%);mask-image:linear-gradient(to bottom,black 0%,transparent 85%)}.br-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:var(--br-max);margin:0 auto;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);background:#05080fd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.br-nav__brand{color:inherit;text-decoration:none}.br-nav__links{display:flex;gap:.25rem}.br-nav__links a{padding:.5rem .85rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.br-nav__links a:hover{color:var(--text);background:#ffffff0a}.br-nav__actions{display:flex;align-items:center;gap:.65rem}.br-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;border-radius:10px;font-weight:600;font-size:.88rem;text-decoration:none;transition:transform .15s,box-shadow .2s,background .15s,border-color .15s;border:1px solid transparent}.br-btn--lg{padding:.85rem 1.6rem;font-size:.95rem}.br-btn--primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 20px #0ea5e959}.br-btn--primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 28px #0ea5e973}.br-btn--outline{background:#ffffff08;border-color:#ffffff1f;color:var(--text)}.br-btn--outline:hover{background:#ffffff0f;border-color:#fff3;color:var(--text)}.br-btn--light{background:#fff;color:#0369a1;box-shadow:0 4px 24px #0003}.br-btn--light:hover{color:#0284c7;transform:translateY(-1px)}.br-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.br-gradient-text{display:block;background:linear-gradient(135deg,#38bdf8,#0ea5e9 45%,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.br-hero{position:relative;z-index:1;max-width:var(--br-max);margin:0 auto;padding:4.5rem 2rem 3rem;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.br-hero__copy h1{font-size:clamp(2.1rem,4.5vw,3.35rem);font-weight:700;letter-spacing:-.04em;line-height:1.08;margin-bottom:1.25rem}.br-hero__lead{color:#94a8c4;font-size:1.08rem;line-height:1.75;max-width:520px;margin-bottom:2rem}.br-hero__cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:2rem}.br-hero__trust{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.br-hero__trust li{font-size:.82rem;color:var(--text-muted);padding-left:1rem;position:relative}.br-hero__trust li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--success)}.br-mock{position:relative;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#0f1623f2,#0a101cfa);box-shadow:0 0 0 1px #0ea5e914,0 24px 64px #0000008c,0 0 80px #0ea5e914;overflow:hidden}.br-mock__glow{position:absolute;inset:auto -20% -40% -20%;height:60%;background:radial-gradient(ellipse at center,rgba(14,165,233,.2),transparent 70%);pointer-events:none}.br-mock__chrome{display:flex;align-items:center;gap:.45rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:#00000040}.br-mock__dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.br-mock__dot:first-child{background:#ef4444;opacity:.7}.br-mock__dot:nth-child(2){background:#f59e0b;opacity:.7}.br-mock__dot:nth-child(3){background:#22c55e;opacity:.7}.br-mock__title{margin-left:.5rem;font-size:.72rem;color:var(--text-muted);font-family:var(--mono)}.br-mock__body{display:grid;grid-template-columns:110px 1fr;min-height:320px}.br-mock__sidebar{padding:.75rem .5rem;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.25rem}.br-mock__nav-item{font-size:.72rem;padding:.45rem .55rem;border-radius:6px;color:var(--text-muted)}.br-mock__nav-item--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.br-mock__content{padding:.85rem;display:flex;flex-direction:column;gap:.65rem}.br-mock__toolbar{display:flex;gap:.4rem}.br-mock__pill{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .55rem;border-radius:999px;background:#ffffff0d;color:var(--text-muted)}.br-mock__pill--live{background:#22c55e26;color:var(--success)}.br-mock__rows{display:flex;flex-direction:column;gap:.35rem}.br-mock__row{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;padding:.5rem .6rem;border-radius:8px;background:#0003;font-size:.72rem}.br-mock__channel{font-weight:600;color:var(--text)}.br-mock__status{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:999px}.br-mock__status--live{background:#22c55e24;color:var(--success)}.br-mock__status--idle{background:#8fa3bf1f;color:var(--text-muted)}.br-mock__time{font-family:var(--mono);color:var(--text-muted);font-size:.68rem}.br-mock__transcript{margin-top:auto;padding:.65rem;border-radius:10px;border:1px solid rgba(14,165,233,.15);background:#0ea5e90d}.br-mock__transcript-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.45rem}.br-mock__segment{display:flex;gap:.5rem;font-size:.68rem;color:var(--text-muted);padding:.3rem 0}.br-mock__segment span{font-family:var(--mono);color:var(--accent);flex-shrink:0}.br-mock__segment--active p{color:var(--text)}.br-metrics{position:relative;z-index:1;max-width:var(--br-max);margin:0 auto 4rem;padding:0 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.br-metric{padding:1.35rem 1.25rem;background:#0a101ce6;text-align:center}.br-metric strong{display:block;font-size:1.65rem;font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:.3rem}.br-metric span{font-size:.78rem;color:var(--text-muted);line-height:1.4}.br-section{position:relative;z-index:1;max-width:var(--br-max);margin:0 auto;padding:0 2rem 5rem}.br-section--protocols{padding-bottom:4rem}.br-section__head{max-width:640px;margin-bottom:2.5rem}.br-section__head--center{max-width:680px;margin-left:auto;margin-right:auto;text-align:center}.br-section__head h2{font-size:clamp(1.65rem,3vw,2.25rem);font-weight:700;letter-spacing:-.035em;line-height:1.15;margin-bottom:.75rem}.br-section__head p{color:#94a8c4;font-size:1rem;line-height:1.7}.br-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.br-feature{padding:1.65rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#0f1623cc,#0a101c99);transition:border-color .2s,transform .2s}.br-feature:hover{transform:translateY(-2px);border-color:#ffffff24}.br-feature__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.15rem}.br-feature__icon svg{width:22px;height:22px}.br-feature--sky .br-feature__icon{background:#0ea5e926;color:#38bdf8}.br-feature--violet .br-feature__icon{background:#8b5cf626;color:#a78bfa}.br-feature--emerald .br-feature__icon{background:#22c55e26;color:#4ade80}.br-feature--amber .br-feature__icon{background:#f59e0b26;color:#fbbf24}.br-feature h3{font-size:1.05rem;font-weight:700;margin-bottom:.55rem;letter-spacing:-.02em}.br-feature p{color:var(--text-muted);font-size:.9rem;line-height:1.65}.br-showcase{position:relative;z-index:1;max-width:var(--br-max);margin:0 auto 5rem;padding:3rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0ea5e90f,#0f162380,#05080fcc)}.br-showcase__panel h2{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.75rem}.br-showcase__panel>p{color:#94a8c4;line-height:1.7;margin-bottom:1.5rem}.br-checklist{list-style:none;display:flex;flex-direction:column;gap:.65rem}.br-checklist li{font-size:.9rem;color:var(--text-muted);padding-left:1.5rem;position:relative;line-height:1.55}.br-checklist li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700;font-size:.85rem}.br-showcase__cards{display:grid;gap:.85rem}.br-mini-card{padding:1.15rem 1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#00000040}.br-mini-card--accent{border-color:#0ea5e940;background:#0ea5e914}.br-mini-card__label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.35rem}.br-mini-card strong{display:block;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.br-mini-card p{font-size:.82rem;color:var(--text-muted);line-height:1.5}.br-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative}.br-pipeline:before{content:"";position:absolute;top:28px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(14,165,233,.4),transparent)}.br-pipeline__step{text-align:center;padding:0 .5rem}.br-pipeline__node{width:56px;height:56px;margin:0 auto 1.15rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e933,#0369a11a);border:1px solid rgba(14,165,233,.35);box-shadow:0 0 24px #0ea5e926}.br-pipeline__node span{font-size:1.15rem;font-weight:700;color:var(--accent)}.br-pipeline__step h3{font-size:1rem;font-weight:700;margin-bottom:.5rem}.br-pipeline__step p{font-size:.88rem;color:var(--text-muted);line-height:1.6}.br-usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.br-usecase{display:flex;gap:1rem;align-items:flex-start;padding:1.35rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0f162380;transition:border-color .2s}.br-usecase:hover{border-color:#0ea5e940}.br-usecase__icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.br-usecase__icon svg{width:20px;height:20px}.br-usecase p{font-size:.92rem;color:#b8c5d9;line-height:1.6}.br-protocols{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.br-protocol{padding:1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0a101c99;text-align:center}.br-protocol__code{display:block;font-size:1.1rem;font-weight:700;font-family:var(--mono);color:var(--accent);margin-bottom:.35rem;letter-spacing:.04em}.br-protocol__label{font-size:.82rem;color:var(--text-muted)}.br-cta{position:relative;z-index:1;max-width:var(--br-max);margin:0 auto 3rem;padding:0 2rem}.br-cta__inner{text-align:center;padding:3.5rem 2rem;border-radius:20px;background:linear-gradient(135deg,#0369a1,#0ea5e9,#0284c7);box-shadow:0 20px 60px #0ea5e940}.br-cta__inner h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.03em;margin-bottom:.75rem;color:#fff}.br-cta__inner p{color:#ffffffe0;font-size:1rem;line-height:1.65;max-width:520px;margin:0 auto 1.75rem}.br-footer{position:relative;z-index:1;max-width:var(--br-max);margin:0 auto;padding:2rem;display:grid;grid-template-columns:1.5fr 1fr auto;gap:2rem;align-items:start;border-top:1px solid rgba(255,255,255,.06)}.br-footer__brand p{margin-top:.75rem;font-size:.82rem;color:var(--text-muted);max-width:320px;line-height:1.55}.br-footer__links{display:flex;flex-direction:column;gap:.5rem}.br-footer__links a{font-size:.85rem;color:var(--text-muted);text-decoration:none}.br-footer__links a:hover{color:var(--text)}.br-footer__copy{font-size:.78rem;color:var(--text-muted);align-self:end}@media(max-width:1024px){.br-hero{grid-template-columns:1fr;gap:2.5rem}.br-hero__copy{text-align:center}.br-hero__lead{margin-left:auto;margin-right:auto}.br-hero__cta,.br-hero__trust{justify-content:center}.br-showcase{grid-template-columns:1fr}.br-nav__links{display:none}}@media(max-width:768px){.br-metrics{grid-template-columns:repeat(2,1fr)}.br-features,.br-usecases,.br-protocols,.br-pipeline{grid-template-columns:1fr}.br-pipeline:before{display:none}.br-footer{grid-template-columns:1fr;text-align:center}.br-footer__brand p{margin-left:auto;margin-right:auto}.br-footer__links{align-items:center}.br-footer__copy{align-self:center}.br-nav{padding:.85rem 1rem}.br-hero{padding:3rem 1rem 2rem}.br-section,.br-showcase,.br-cta{padding-left:1rem;padding-right:1rem}.br-mock__body{grid-template-columns:1fr}.br-mock__sidebar{flex-direction:row;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}}@media(max-width:900px){.login-page__panel{grid-template-columns:1fr;max-width:420px}.login-page__intro{display:none}.viewer-layout{grid-template-columns:1fr}.viewer-transcript{max-height:none}.recordings-filters,.recordings-range__grid{grid-template-columns:1fr}.recordings-pagination{flex-direction:column;align-items:stretch}.recordings-pagination__controls{justify-content:center}.recordings-search{grid-column:span 1}.help-layout{grid-template-columns:1fr}.help-nav{position:static;flex-direction:row;flex-wrap:wrap}.form-grid-2{grid-template-columns:1fr}.form-grid-2 .form-group--full{grid-column:auto}.admin-header-row{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}}@media(max-width:768px){:root{--header-height: 60px}body.nav-open{overflow:hidden}.app-header{padding:.55rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));flex-wrap:wrap;gap:.65rem;height:auto;min-height:var(--header-height)}.app-header__left{flex:1;gap:.65rem;min-width:0}.app-header__menu-toggle{display:inline-flex}.app-header__right{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.app-header__user-meta{display:none}.app-header__logout{padding:.5rem .75rem!important}.app-nav--desktop{display:none!important}.app-mobile-nav.is-open{display:block;position:relative;z-index:49;padding:.75rem 1rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));background:#080c14fa;border-bottom:1px solid var(--border-subtle);box-shadow:0 14px 36px #00000059}.app-nav--mobile{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:0;margin:0;border:none;border-radius:0;background:transparent}.app-nav--mobile .app-nav__link{width:100%;padding:.85rem 1rem;font-size:.95rem;border-radius:var(--radius-sm)}.app-main{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.app-footer{padding:.85rem 1rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:.35rem;text-align:center}.app-footer__spacer{display:none}.app-footer__brand,.app-footer__version{justify-self:center}.card{padding:1.1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.page-header h1{font-size:1.45rem}.page-header__subtitle{font-size:.88rem}.page-header__meta{width:100%}button{min-height:44px;padding:.65rem 1rem}button.secondary{min-height:44px}.recordings-action{white-space:normal}.recordings-action__buttons{justify-content:stretch;width:100%}.recordings-action__buttons button{flex:1 1 auto;min-width:0}.recordings-preview{max-width:none}.alerts-tabs{gap:.35rem;padding:.4rem}.alerts-tabs__btn{flex:1 1 calc(50% - .35rem);min-width:0;text-align:center;padding:.65rem .75rem}.alerts-toolbar,.recordings-actions{width:100%}.alerts-toolbar button,.recordings-actions button{flex:1 1 auto}.viewer-page{padding:.75rem}.viewer-topbar{flex-wrap:wrap;gap:.65rem;margin:-.75rem -.75rem 1rem;padding:.75rem}.viewer-header{flex-direction:column;align-items:stretch}.viewer-header-meta{flex-wrap:wrap}.data-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.data-table tbody tr{display:block;margin-bottom:.85rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0000001f;overflow:hidden}.data-table tbody tr:last-child{margin-bottom:0}.data-table tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.7rem 1rem;text-align:right;border-bottom:1px solid var(--border-subtle)}.data-table tbody td:last-child{border-bottom:none}.data-table tbody td:before{content:attr(data-label);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:left;flex:0 0 38%;max-width:42%;padding-top:.1rem}.data-table tbody td[data-label=""]:before,.data-table tbody td:not([data-label]):before{display:none}.data-table .recordings-action{display:block;text-align:left}.data-table .recordings-action:before{display:none}.data-table .recordings-action__buttons{justify-content:stretch}.data-table .recordings-action__buttons button{flex:1 1 calc(50% - .25rem)}.monitor-table-wrap,.recordings-table-wrap{overflow:visible}}@media(max-width:480px){.login-page{padding:1rem}.login-page__lang{top:max(.85rem,env(safe-area-inset-top));right:max(.85rem,env(safe-area-inset-right))}.stat-pill{width:100%}.alerts-tabs__btn{flex-basis:100%}.alerts-config__form,.alerts-email__form{grid-template-columns:1fr}.recordings-action__buttons button,.data-table .recordings-action__buttons button{flex-basis:100%}.app-header__logout{font-size:.78rem!important}.lang-toggle{min-width:2.25rem}}