:root{
  --bg:#071019;--bg2:#0b1521;--panel:#0f1b28;--panel2:#132131;--line:#223244;--line2:#2a3d52;
  --text:#f5f8fb;--muted:#8ea0b5;--soft:#b9c4d0;--brand:#7c5cff;--brand2:#5fddff;--green:#37d996;
  --red:#ff667e;--amber:#f4bd57;--blue:#6ca8ff;--shadow:0 20px 70px rgba(0,0,0,.28);--radius:18px;
}
html[data-theme="light"]{--bg:#f3f6fa;--bg2:#eaf0f6;--panel:#fff;--panel2:#f7f9fc;--line:#dbe3ec;--line2:#ccd7e3;--text:#17202b;--muted:#67778a;--soft:#46576b;--shadow:0 18px 55px rgba(30,45,65,.10)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 85% 0,rgba(124,92,255,.10),transparent 28%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,select{font:inherit}button,a{transition:.18s ease}a{color:inherit;text-decoration:none}.ico{width:19px;height:19px;display:inline-block;vertical-align:-4px}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:258px;border-right:1px solid var(--line);background:rgba(8,17,27,.92);backdrop-filter:blur(18px);padding:22px 16px;display:flex;flex-direction:column;z-index:40}html[data-theme="light"] .sidebar{background:rgba(255,255,255,.95)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand>div{min-width:0}.brand strong{display:block;font-size:17px;letter-spacing:-.25px}.brand small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 10px 28px rgba(124,92,255,.25);position:relative}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";display:block;position:absolute;border:2px solid white;border-radius:50%}.brand-mark:before{width:16px;height:16px}.brand-mark:after{width:7px;height:7px}.brand-mark i{width:2px;height:2px;background:#fff;border-width:0}.brand-mark.large{width:56px;height:56px;border-radius:18px}.nav-label{color:#637589;font-size:10px;font-weight:800;letter-spacing:.13em;padding:14px 12px 8px}.nav-link{display:flex;align-items:center;gap:11px;color:var(--muted);padding:10px 12px;border-radius:11px;margin:2px 0;font-weight:650}.nav-link:hover{background:var(--panel2);color:var(--text)}.nav-link.active{color:white;background:linear-gradient(90deg,rgba(124,92,255,.22),rgba(124,92,255,.05));box-shadow:inset 3px 0 var(--brand)}html[data-theme="light"] .nav-link.active{color:#2b1f66}.sidebar-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.user-chip,.person{display:flex;align-items:center;gap:10px;min-width:0}.user-chip{padding:4px 6px 14px}.avatar{flex:0 0 auto;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#263b52,#1b2a3d);display:grid;place-items:center;font-weight:800;color:#dce7f3;border:1px solid var(--line2)}html[data-theme="light"] .avatar{background:#eef2f7;color:#415064}.user-chip strong,.person strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small,.person small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{margin-left:258px;min-height:100vh}.topbar{height:84px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(7,16,25,.78);backdrop-filter:blur(18px);z-index:30}html[data-theme="light"] .topbar{background:rgba(243,246,250,.86)}.topbar h1{font-size:18px;margin:1px 0 0;letter-spacing:-.25px}.breadcrumb{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.top-actions{display:flex;align-items:center;gap:10px}.top-plan,.plan-pill{border:1px solid var(--line2);background:var(--panel);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;color:var(--soft)}.plan-pill.pro{color:#78c6ff;border-color:rgba(108,168,255,.28);background:rgba(108,168,255,.08)}.plan-pill.agency{color:#c4b8ff;border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.10)}.content{padding:32px 34px 60px;max-width:1540px;margin:auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{font-size:29px;letter-spacing:-.75px;margin:3px 0 4px}.section-head p{margin:0;color:var(--muted);max-width:720px}.eyebrow{font-size:10px;letter-spacing:.14em;color:#8f7dff;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px}.metric-card,.panel{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.02)}.metric-card{padding:20px 21px;min-height:139px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-weight:700;font-size:12px}.metric-icon{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:#aebdd0;background:var(--panel2)}.metric-icon.live-metric{color:var(--red);background:rgba(255,102,126,.08);border-color:rgba(255,102,126,.18)}.metric-card>strong{font-size:31px;display:block;margin-top:11px;letter-spacing:-1px}.metric-card>strong small{font-size:14px;color:var(--muted);letter-spacing:0}.metric-card p{margin:3px 0 0;color:var(--muted);font-size:11px}.size-value{font-size:26px!important}.dashboard-grid,.two-col{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;margin:16px 0}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.span-2{min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.panel-head h2{margin:0;font-size:15px;letter-spacing:-.15px}.panel-head p{margin:2px 0 0;color:var(--muted);font-size:11px}.primary,.secondary,.ghost,.danger-link,.icon-btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.primary{padding:10px 14px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--brand),#6848f4);box-shadow:0 8px 24px rgba(124,92,255,.22)}.primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.secondary{padding:9px 12px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--soft)}.secondary:hover,.ghost:hover{border-color:#486078;color:var(--text)}.ghost{padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted)}.wide{width:100%}.icon-btn{width:36px;height:36px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.icon-btn:hover{color:var(--text);border-color:#43586e}.danger-icon,.danger-link{color:var(--red)}.danger-link{width:36px;height:36px;border:1px solid rgba(255,102,126,.18);border-radius:10px;background:rgba(255,102,126,.07)}.mobile-menu{display:none}.status-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;color:var(--muted);white-space:nowrap}.status-chip i{width:6px;height:6px;border-radius:50%;background:#72849a}.status-chip.online,.status-chip.completed{color:var(--green);border-color:rgba(55,217,150,.20);background:rgba(55,217,150,.07)}.status-chip.online i,.status-chip.completed i{background:var(--green);box-shadow:0 0 0 4px rgba(55,217,150,.08)}.status-chip.recording,.status-chip.starting,.status-chip.live_waiting{color:var(--red);border-color:rgba(255,102,126,.22);background:rgba(255,102,126,.07)}.status-chip.recording i,.status-chip.starting i,.status-chip.live_waiting i{background:var(--red);animation:pulse 1.2s infinite}.status-chip.error,.status-chip.quota_paused{color:var(--amber);border-color:rgba(244,189,87,.22);background:rgba(244,189,87,.07)}.status-chip.error i,.status-chip.quota_paused i{background:var(--amber)}.status-chip.paused{color:var(--muted)}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.watch-list,.recent-list,.client-list,.live-list{border-top:1px solid var(--line)}.watch-row{display:grid;grid-template-columns:minmax(190px,1.2fr) 120px minmax(160px,1fr) 85px auto;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.creator{display:flex;align-items:center;gap:11px;min-width:0}.creator-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#111;border:1px solid #313a44;color:#fff;font-weight:900}.creator strong,.creator span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator span,.last-check span{font-size:11px;color:var(--muted)}.last-check strong{display:block;font-size:11px;color:var(--soft);font-weight:650}.error-note{display:block;color:var(--amber);font-size:10px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-state{font-size:10px;color:var(--muted);font-weight:800}.toggle-state.enabled{color:var(--green)}.row-actions{display:flex;gap:6px}.row-actions form{margin:0}.empty-state{text-align:center;padding:54px 20px}.empty-state h3{margin:14px 0 6px;font-size:16px}.empty-state p{margin:0 auto 18px;max-width:460px;color:var(--muted)}.empty-icon{width:54px;height:54px;border-radius:16px;margin:auto;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);color:#8a9aae}.usage-ring{--pct:0;width:145px;height:145px;border-radius:50%;margin:21px auto 14px;background:conic-gradient(var(--brand) calc(var(--pct)*1%),var(--line) 0);display:grid;place-items:center;position:relative}.usage-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--panel)}.usage-ring>div{position:relative;text-align:center}.usage-ring strong{font-size:29px;display:block}.usage-ring span{font-size:11px;color:var(--muted)}.center{text-align:center}.muted{color:var(--muted)}.divider{height:1px;background:var(--line);margin:18px 0}.feature-list,.checklist{display:grid;gap:11px}.feature-list>div,.checklist>div{display:flex;gap:9px;align-items:center;color:var(--soft);font-size:12px}.feature-list .ico,.checklist .ico{color:var(--green);width:16px}.feature-list .dim{color:var(--muted)}.recent-row,.client-row,.live-row{display:grid;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:12px 2px}.recent-row{grid-template-columns:auto minmax(160px,1fr) auto 100px}.recent-thumb{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);color:var(--muted)}.recent-row>div:nth-child(2) strong,.recent-row>div:nth-child(2) span,.live-row>div strong,.live-row>div span{display:block}.recent-row>div:nth-child(2) span,.live-row>div span{font-size:11px;color:var(--muted)}.file-size{text-align:right;font-size:11px}.client-row{grid-template-columns:minmax(180px,1fr) auto 150px auto}.client-usage{color:var(--muted);font-size:11px}.empty-live{display:flex;align-items:center;gap:17px;padding:30px 6px;color:var(--muted)}.empty-live strong{color:var(--text)}.empty-live p{margin:2px 0 0}.radar{width:44px;height:44px;border:1px solid rgba(124,92,255,.3);border-radius:50%;display:grid;place-items:center;position:relative}.radar:before,.radar:after{content:"";position:absolute;border:1px solid rgba(124,92,255,.2);border-radius:50%}.radar:before{inset:7px}.radar:after{inset:14px}.radar i{width:5px;height:5px;background:var(--brand);border-radius:50%;box-shadow:0 0 13px var(--brand)}.live-row{grid-template-columns:auto minmax(160px,1fr) auto 160px}.live-avatar{width:34px;height:34px;border-radius:10px;background:rgba(255,102,126,.1);color:var(--red);display:grid;place-items:center;font-weight:900}.live-row time{color:var(--muted);font-size:11px;text-align:right}.live-ring{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,102,126,.25);display:grid;place-items:center}.live-ring i{width:8px;height:8px;background:var(--red);border-radius:50%;animation:pulse 1.2s infinite}.pulse-block{padding:12px 2px}.pulse-number{font-size:38px;font-weight:850;letter-spacing:-1.5px}.pulse-number span{font-size:16px;color:var(--muted)}.pulse-block p{color:var(--muted);font-size:11px}.progress{height:7px;background:var(--line);border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:inherit}.quick-links{display:grid;border-top:1px solid var(--line);margin-top:18px}.quick-links a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.quick-links a:hover{color:var(--text)}.quick-links strong,.quick-links small{display:block}.quick-links strong{color:var(--text);font-size:12px}.quick-links small{font-size:10px}.text-link{color:#9b8cff;font-size:11px;font-weight:800}.quota{margin:15px 0}.quota>span,.quota>strong{display:block}.quota>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.quota>strong{font-size:12px;margin:3px 0 8px}.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:18px}.toolbar.compact{padding-bottom:14px;border-bottom:1px solid var(--line)}.search-box{flex:1;min-width:180px;display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:0 11px}.search-box .ico{color:var(--muted);width:16px}.search-box input{border:0!important;background:transparent!important;padding:9px 0!important}.toolbar select{min-width:150px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.single{grid-template-columns:1fr}.form-grid label>span,.auth-form label>span{display:block;color:var(--soft);font-size:11px;font-weight:750;margin-bottom:6px}.form-grid small,.auth-form small{color:var(--muted);font-size:10px}input,select{width:100%;border:1px solid var(--line2);background:var(--panel2);color:var(--text);border-radius:10px;padding:10px 11px;outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(124,92,255,.1)}select option{background:var(--panel)}.consent,.check-row{display:flex!important;align-items:flex-start;gap:10px}.consent input,.check-row input{width:16px;height:16px;margin-top:2px;accent-color:var(--brand)}.consent span{font-size:11px;color:var(--muted)!important}.check-stack{display:grid;gap:11px}.check-row{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.check-row strong,.check-row small{display:block}.narrow-panel{max-width:620px}.modal{display:none;position:fixed;inset:0;z-index:90;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(500px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:20px;padding:25px;box-shadow:var(--shadow)}.modal-card>h2{margin:12px 0 3px;font-size:20px}.modal-card>p{margin:0 0 20px;color:var(--muted)}.modal-x{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.modal-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:rgba(124,92,255,.12);color:#a99cff;border:1px solid rgba(124,92,255,.2)}.video-modal-card{width:min(940px,100%)}.video-modal-card video{width:100%;max-height:72vh;border-radius:12px;background:#000;margin-top:12px}.recording-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.recording-card{border:1px solid var(--line);background:var(--panel2);border-radius:15px;overflow:hidden}.recording-thumb{height:178px;position:relative;background:#070b10;overflow:hidden}.recording-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.86}.thumb-fallback{height:100%;display:grid;place-items:center;color:#4c5d70}.thumb-fallback .ico{width:40px;height:40px}.recording-thumb>.status-chip{position:absolute;left:10px;top:10px;background:rgba(7,16,25,.78);backdrop-filter:blur(6px)}.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#111;display:grid;place-items:center;cursor:pointer}.play-btn:hover{transform:translate(-50%,-50%) scale(1.05)}.recording-body{padding:14px}.recording-body>div:first-child strong,.recording-body>div:first-child span{display:block}.recording-body>div:first-child span{font-size:10px;color:var(--muted)}.record-meta{display:flex;gap:13px;margin:12px 0;color:var(--muted);font-size:10px}.record-meta span{display:flex;gap:5px;align-items:center}.record-meta .ico{width:13px}.card-actions{display:flex;gap:7px;align-items:center}.card-actions form{margin-left:auto}.warning-text{font-size:10px;color:var(--amber);background:rgba(244,189,87,.06);padding:8px;border-radius:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:10px 9px;border-bottom:1px solid var(--line)}td{padding:12px 9px;border-bottom:1px solid var(--line);font-size:11px;color:var(--soft)}td code{font-size:10px;color:#a99cff}.details-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diag-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.diag-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;align-items:center;gap:10px}.diag-card strong,.diag-card small{display:block}.diag-card small{font-size:10px;color:var(--muted)}.diag-dot{width:9px;height:9px;border-radius:50%;background:var(--red)}.diag-dot.ok{background:var(--green);box-shadow:0 0 0 5px rgba(55,217,150,.07)}.system-kv{display:grid;gap:10px}.system-kv>span{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.system-kv strong{color:var(--soft)}.code-box{margin-top:14px;background:#08111a;border:1px solid var(--line);border-radius:10px;padding:11px;color:#8fb6d6;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}html[data-theme="light"] .code-box{background:#eef3f7}.flash{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:15px;background:var(--panel)}.flash p{margin:0;flex:1}.flash.success{border-color:rgba(55,217,150,.22)}.flash.success>span{color:var(--green)}.flash.error{border-color:rgba(255,102,126,.25)}.flash.error>span{color:var(--red)}.flash.info>span{color:var(--blue)}.flash-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}.auth-main{min-height:100vh;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 50% 20%,rgba(124,92,255,.18),transparent 28%)}.auth-wrap{width:min(430px,100%)}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand .brand-mark{margin:0 auto 11px}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font-size:20px}.auth-brand>span:last-child{color:var(--muted);font-size:11px}.auth-card{background:var(--panel);border:1px solid var(--line2);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.auth-card h1{margin:0 0 5px;font-size:25px;letter-spacing:-.5px}.auth-card>p{margin:0 0 22px;color:var(--muted)}.auth-form{display:grid;gap:14px}.auth-switch{text-align:center!important;font-size:11px}.auth-switch a{color:#a99cff;font-weight:800}.auth-foot{text-align:center;color:var(--muted);font-size:10px}.modal-open{overflow:hidden}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.recording-grid{grid-template-columns:repeat(2,1fr)}.diag-grid{grid-template-columns:repeat(3,1fr)}.watch-row{grid-template-columns:minmax(180px,1fr) auto minmax(150px,1fr) auto}.watch-row>.toggle-state{display:none}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.22s}.nav-open .sidebar{transform:translateX(0);box-shadow:var(--shadow)}.main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 18px;height:74px}.content{padding:24px 18px 50px}.dashboard-grid,.two-col{grid-template-columns:1fr}.recording-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-row{grid-template-columns:1fr auto auto}.watch-row>.last-check{display:none}.client-row{grid-template-columns:1fr auto}.client-row>.client-usage{display:none}.diag-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:15px;min-height:124px}.metric-card>strong{font-size:25px}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:24px}.section-head>.primary,.section-head>.secondary{width:100%}.panel{padding:15px}.recording-grid{grid-template-columns:1fr}.recording-thumb{height:195px}.toolbar{align-items:stretch;flex-direction:column}.toolbar select,.toolbar .secondary{width:100%}.watch-row{grid-template-columns:1fr auto}.watch-row>.status-chip{grid-column:2}.watch-row>.row-actions{grid-column:1/-1;justify-content:flex-end;padding-top:5px}.recent-row{grid-template-columns:auto 1fr auto}.recent-row>.file-size{display:none}.live-row{grid-template-columns:auto 1fr auto}.live-row time{display:none}.top-plan{display:none}.diag-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.auth-card{padding:22px}.content{padding-left:12px;padding-right:12px}.metric-top span:first-child{font-size:10px}}