:root{color-scheme:dark;--bg:#080e19;--bg2:#0b1220;--card:#111d2c;--card2:#162337;--border:#253349;--text:#eaf0fa;--muted:#92a2bb;--accent:#9b85f8;--accent2:#52d0be;--warning:#ffc477;--danger:#fb8191;--success:#76dfb5;--radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--accent)}input,select{outline:none}::selection{background:#665eb0;color:white}h1,h2,h3,h4,p{margin:0}small,.muted{color:var(--muted)}.initial{height:100vh;display:grid;place-content:center;gap:15px;text-align:center;color:var(--muted)}.spinner{height:28px;width:28px;border:3px solid #617090;border-right-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.045em;font-size:20px;color:#f3f4fe}.logo-symbol{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#a18efb,#5d6bda);box-shadow:0 6px 24px #8d77fa4a;color:white;font-size:17px}.logo .light{font-weight:450;color:#cdd5ed}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-art{position:relative;overflow:hidden;padding:45px clamp(30px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 65% 42%,#363066 0,transparent 33%),radial-gradient(circle at 15% 90%,#143d48 0,transparent 49%),linear-gradient(130deg,#10192c,#0a101d)}.auth-art::after{content:"";position:absolute;width:690px;height:690px;border:1px solid #9c92ff34;border-radius:50%;right:-210px;top:9%;box-shadow:0 0 0 75px #7868db0d,0 0 0 150px #7868db12,0 0 0 230px #7868db08;pointer-events:none}.auth-art-inner{position:relative;z-index:1;max-width:640px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:780;color:#aa9eff;display:flex;align-items:center;gap:8px}.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent2)}.hero-title{font-size:clamp(46px,5vw,73px);line-height:1.045;letter-spacing:-.07em;margin:20px 0}.hero-title span{color:#ab96ff}.auth-art p{color:#b2bfd2;font-size:16px;line-height:1.8;max-width:440px}.preview-movie{margin-top:48px;padding:20px;border:1px solid #a5a4e42f;background:#14223a9e;backdrop-filter:blur(18px);border-radius:22px;max-width:425px;box-shadow:0 20px 80px #0005}.preview-visual{height:174px;border-radius:14px;background:radial-gradient(ellipse at 65% 25%,#ad91dd88,transparent 27%),linear-gradient(135deg,#2b375e,#131f38 55%,#66507e);display:flex;align-items:center;justify-content:center}.preview-play{width:60px;height:60px;border-radius:50%;background:#fff2;color:#fff;border:1px solid #fffa;display:grid;place-items:center;font-size:24px;backdrop-filter:blur(12px)}.preview-caption{display:flex;justify-content:space-between;align-items:center;padding:14px 0 2px}.preview-caption strong{font-size:14px}.preview-caption small{font-size:11px}.auth-foot{font-size:12px;color:#9eaac2;position:relative;z-index:1}.auth-panel{display:grid;place-items:center;padding:50px 24px;background:radial-gradient(ellipse at 90% 5%,#1a214033,transparent 45%),#0a101c}.auth-card{width:100%;max-width:445px}.auth-card h1{font-size:34px;letter-spacing:-.05em;line-height:1.2;margin:14px 0 10px}.auth-card>p{color:var(--muted);line-height:1.7;margin-bottom:28px}.auth-topline{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field>label{font-size:12px;color:#bdc9de;font-weight:650}.field input,.field select,.field textarea,.control{width:100%;padding:13px 14px;background:#111c2c;border:1px solid #2d394f;border-radius:11px;color:var(--text);transition:border .18s,box-shadow .18s}.field input:focus,.field select:focus,.control:focus{border-color:#9b85f8;box-shadow:0 0 0 3px #9b85f819}.field input::placeholder{color:#7586a2}.input-row{position:relative}.input-row input{padding-right:56px}.eye{position:absolute;right:8px;top:7px;border:none;background:#26324a;color:#c4cee1;border-radius:8px;padding:7px 9px}.btn{background:#24314a;color:#ecf0fb;border:1px solid #37455c;border-radius:11px;padding:11px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,filter .15s,border-color .15s;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn.primary{background:linear-gradient(110deg,#987ff7,#7466e5);border-color:#afa0ff;color:white;box-shadow:0 8px 28px #755ae728}.btn.secondary{background:#14243a}.btn.mint{background:#153e39;color:#b0f2de;border-color:#2b695d}.btn.danger{background:#482a3a;border-color:#7a4856;color:#ffb1bd}.btn.ghost{background:transparent;border-color:transparent;color:#b2c1d8}.btn.small{padding:7px 10px;font-size:12px;border-radius:9px}.btn.block{width:100%;padding:14px}.auth-divider{height:1px;background:#263246;margin:25px 0}.auth-details{font-size:12px;color:#8798b1;line-height:1.7}.secure-note{border:1px solid #33574d;background:#1231267a;color:#a2ead3;padding:11px;border-radius:10px;font-size:12px;line-height:1.6;margin:15px 0}.error-note{border:1px solid #724351;background:#51273361;color:#ffc2cf;padding:11px;border-radius:10px;font-size:12px;line-height:1.6;margin:12px 0}.top-link{margin-top:20px;text-align:center;color:var(--muted);font-size:13px}.stack{display:flex;flex-direction:column;gap:14px}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#0c1523;border-right:1px solid var(--border);padding:27px 15px;display:flex;flex-direction:column;gap:31px;position:sticky;top:0;height:100vh}.sidebar>.logo{padding-left:12px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:1px solid transparent;color:#93a4bb;border-radius:11px;padding:12px 14px;text-align:left;font-weight:640}.nav-item:hover{background:#16263a;color:#e9edfa}.nav-item.active{background:#3c345c88;border-color:#6b5a9b9a;color:#ddd3ff}.nav-icon{width:20px;text-align:center;font-size:16px}.sidebar-spacer{flex:1}.sidebar-tip{border:1px solid #334456;background:linear-gradient(145deg,#14273e,#141c31);border-radius:14px;padding:14px;color:#a8bbd4;font-size:12px;line-height:1.7}.sidebar-tip strong{display:block;color:#d7e7f6;margin-bottom:4px}.side-user{display:flex;align-items:center;gap:9px;padding:12px;border-top:1px solid #263247}.avatar{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#524b91,#2c8b82);display:grid;place-items:center;color:white;font-weight:800;flex:none}.side-user .names{min-width:0;flex:1}.side-user strong,.side-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user strong{font-size:12px}.side-user small{font-size:11px;margin-top:3px}.main{padding:30px clamp(18px,3vw,52px) 70px;min-width:0;max-width:1650px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:32px}.breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#9f90fa;margin-bottom:8px}.page-title{font-size:31px;letter-spacing:-.05em;font-weight:790}.page-subtitle{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.7}.top-actions{display:flex;align-items:center;gap:10px}.chip{border-radius:99px;padding:6px 11px;font-size:11px;font-weight:760;border:1px solid #33445e;background:#18283e;color:#aec1d5}.chip.green{border-color:#245c53;background:#13332e;color:#83e0c0}.chip.orange{border-color:#75553d;background:#38281f;color:#f4c291}.chip.red{border-color:#754554;background:#422532;color:#ffa2b3}.notification-trigger{position:relative;border:1px solid #2d3c55;background:#152438;color:#b4c5dd;width:37px;height:37px;border-radius:11px;font-size:19px}.notification-trigger em{position:absolute;right:-6px;top:-7px;font-size:10px;background:#9b85f8;color:white;border-radius:99px;min-width:19px;line-height:19px;font-style:normal}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}.stat{background:linear-gradient(155deg,#152239,#101b2d);border:1px solid var(--border);border-radius:var(--radius);padding:22px;min-width:0}.stat .stat-label{font-size:12px;color:#94a7be;display:flex;align-items:center;justify-content:space-between}.stat .stat-value{font-size:31px;letter-spacing:-.05em;font-weight:790;margin:18px 0 9px}.stat .stat-foot{font-size:11px;color:#8094af}.stat-icon{color:var(--accent);font-size:18px}.surface{background:#111d2e;border:1px solid var(--border);border-radius:18px;padding:23px;min-width:0}.surface h3{font-size:16px;letter-spacing:-.02em}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.surface-sub{color:var(--muted);font-size:12px;margin-top:5px;line-height:1.6}.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.section-stack{display:grid;gap:18px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #263348}.activity-item:last-child{border:0}.activity-dot{width:9px;height:9px;margin-top:6px;background:#8b77f0;border-radius:50%;flex:none}.activity-dot.warning{background:#f3b878}.activity-dot.critical{background:#f27890}.activity-item strong{font-size:12px;line-height:1.5}.activity-item p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.55}.activity-time{font-size:11px;color:#70859f;margin-left:auto;white-space:nowrap}.empty{text-align:center;border:1px dashed #31425b;background:#101e30;border-radius:16px;padding:45px 22px;color:var(--muted)}.empty .big{font-size:34px;margin-bottom:12px}.empty h3{color:#dce7f8;margin-bottom:7px}.empty p{line-height:1.7;max-width:370px;margin:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.085em;color:#8194ae;font-weight:740;padding:14px 12px;border-bottom:1px solid #304056}td{font-size:12px;color:#cbd6e7;padding:14px 12px;border-bottom:1px solid #253347;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#19273a50}.table-actions{display:flex;flex-wrap:wrap;gap:5px}.text-clip{display:block;max-width:255px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;gap:7px;margin:0 0 22px;overflow-x:auto}.tab{border:1px solid #29374a;background:#17243a;color:#aabbcf;border-radius:10px;padding:9px 14px;white-space:nowrap;font-weight:700}.tab.active{background:#413965;color:#fff;border-color:#8e76d6}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-card{background:#142237;border:1px solid #26364b;border-radius:17px;overflow:hidden;cursor:pointer;transition:transform .17s,border-color .17s}.video-card:hover{border-color:#8a73d0;transform:translateY(-3px)}.video-visual{height:185px;position:relative;background:radial-gradient(circle at 76% 32%,#7353a766,transparent 35%),linear-gradient(130deg,#27475d,#182237 54%,#3d335d);display:grid;place-items:center;overflow:hidden}.video-visual img{width:100%;height:100%;object-fit:cover}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0b1020b5;border:1px solid #ffffff7d;backdrop-filter:blur(10px);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:white;font-size:22px}.video-meta{padding:17px}.video-meta h3{font-size:14px;letter-spacing:-.02em;margin-bottom:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta small{font-size:11px}.progress-track{height:5px;background:#30405b;border-radius:20px;overflow:hidden;margin-top:14px}.progress-fill{background:linear-gradient(90deg,#8d83ee,#59caba);height:100%;border-radius:20px}.video-badges{position:absolute;bottom:9px;right:9px;background:#071020ce;color:white;border:1px solid #d4e4ef44;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:750}.upload-area{border:1.5px dashed #5871a1;border-radius:17px;padding:34px 20px;text-align:center;background:radial-gradient(ellipse at 50% 0,#28335f90,transparent 85%),#122036}.upload-area.dragging{border-color:#ad93fa;background:#2a2951}.upload-area .big{font-size:36px;margin-bottom:10px}.upload-area h3{margin:0 0 9px}.upload-area p{font-size:12px;color:var(--muted);line-height:1.7}.upload-progress{height:9px;background:#25344d;border-radius:12px;overflow:hidden;margin-top:14px}.upload-progress>div{height:100%;background:linear-gradient(90deg,#a08bf9,#64d0bd);transition:width .15s}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form .field{flex:1;min-width:160px;margin:0}.muted-note{font-size:11px;color:#8195ad;line-height:1.7}.pending-card{max-width:500px;border:1px solid #334a5f;background:#152337;border-radius:23px;padding:35px}.pending-icon{font-size:42px;margin-bottom:17px}.pending-card h1{font-size:30px;margin-bottom:12px}.pending-card p{color:var(--muted);line-height:1.8;margin-bottom:17px}.viewer-banner{border-radius:20px;min-height:205px;background:radial-gradient(circle at 80% 30%,#594b8f,transparent 36%),linear-gradient(125deg,#173943,#17213a 55%,#25264c);border:1px solid #4f5d7b;display:flex;flex-direction:column;justify-content:center;padding:32px;margin-bottom:26px}.viewer-banner h2{font-size:28px;letter-spacing:-.045em;margin-bottom:12px}.viewer-banner p{color:#bdd0de;font-size:13px;max-width:450px;line-height:1.7}.modal-layer{position:fixed;inset:0;z-index:30;background:#020613cf;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.modal{max-width:900px;width:100%;max-height:min(92vh,1050px);overflow:auto;background:#121f32;border:1px solid #405073;box-shadow:0 30px 100px #000b;border-radius:22px;padding:24px}.modal.wide{max-width:1120px}.modal-header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.modal-header h2{font-size:23px;letter-spacing:-.045em}.modal-header p{font-size:12px;color:var(--muted);margin-top:7px}.close{background:#25344c;border:1px solid #415170;color:#d9e3ef;width:34px;height:34px;border-radius:10px;font-size:19px}.kv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kv{background:#18283d;border:1px solid #273b54;border-radius:12px;padding:13px;overflow:hidden}.kv span{display:block;color:#91a5bb;font-size:11px;margin-bottom:9px}.kv strong{font-size:13px;word-break:break-word}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-strip .kv strong{font-size:22px}.heatmap-wrapper{background:#0d1727;border:1px solid #2b3950;border-radius:14px;padding:16px;margin-top:14px}.heatmap-wrapper h4{margin-bottom:9px}.heatmap-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#a5b5ce;font-size:11px;margin:12px 0}.swatch{display:inline-block;width:12px;height:12px;vertical-align:middle;border-radius:3px;margin-right:4px}.scroll-canvas{overflow-x:auto;overflow-y:hidden;border:1px solid #283951;background:#07111f;border-radius:8px;cursor:crosshair}.scroll-canvas canvas{display:block;height:76px}.overview-canvas{width:100%;height:49px;background:#07111f;border:1px solid #283951;border-radius:8px;cursor:crosshair}.heatmap-tooltip{min-height:34px;color:#c5d3e5;padding:11px 2px;font-size:12px}.heatmap-hint{font-size:11px;color:#8196ac;line-height:1.6}.player-frame{position:relative;background:black;border-radius:14px;overflow:hidden;min-height:200px;display:grid;place-items:center}.player-frame video{width:100%;max-height:70vh;display:block;background:black}.player-frame:fullscreen{background:#000}.player-frame:fullscreen video{max-height:100vh;height:100vh;object-fit:contain}.player-watermark{position:absolute;z-index:4;color:#fff;background:#07111f45;padding:6px 10px;font-weight:800;font-size:12px;letter-spacing:.025em;border-radius:7px;text-shadow:0 1px 3px #000;opacity:.64;pointer-events:none;top:19%;left:14%;user-select:none}.player-cover{position:absolute;inset:0;z-index:3;background:#000d;display:none;place-items:center;color:white;text-align:center;padding:20px}.player-cover.active{display:grid}.player-footer{display:flex;justify-content:space-between;align-items:center;margin-top:11px;gap:10px}.player-footer small{line-height:1.6}.status-line{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:7px}.help-line{border-left:3px solid var(--accent);background:#1e2c44;padding:12px 15px;border-radius:0 9px 9px 0;color:#b8cae5;font-size:12px;line-height:1.65}.filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.filter-row .field{margin:0;flex:1;min-width:150px}.toast{position:fixed;right:22px;bottom:22px;background:#1c2d43;color:#ebf5ff;border:1px solid #526482;border-radius:13px;box-shadow:0 16px 50px #0008;padding:14px 19px;z-index:50;max-width:380px;line-height:1.6;animation:slide .2s ease}.toast.err{background:#452b38;border-color:#9d6070}@keyframes slide{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.code-box{border:1px dashed #665a9f;background:#171b33;padding:15px;border-radius:11px;word-break:break-all;font-family:ui-monospace,monospace;font-size:12px;color:#d3ceff}.desktop-only{} .tiny{font-size:11px}.nowrap{white-space:nowrap}.margin-top{margin-top:16px}.right{text-align:right}.pill-count{background:#8b75ec;color:white;border-radius:9px;padding:1px 6px;font-size:11px;margin-left:auto}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.auth-art{padding:32px}.hero-title{font-size:50px}}
@media(max-width:780px){.auth-layout{grid-template-columns:1fr}.auth-art{min-height:170px;padding:25px}.auth-art .auth-art-inner,.preview-movie,.auth-foot{display:none}.auth-panel{padding:34px 20px;place-items:start center}.auth-card h1{font-size:29px}.shell{grid-template-columns:1fr}.sidebar{position:sticky;height:auto;top:0;z-index:15;padding:12px 14px;gap:10px;flex-direction:row;align-items:center;flex-wrap:wrap}.sidebar>.logo{padding:0}.sidebar .logo{font-size:16px}.sidebar .logo-symbol{width:29px;height:29px}.nav{order:3;display:flex;flex-direction:row;overflow-x:auto;width:100%;gap:4px}.nav-item{width:auto;padding:9px 10px;white-space:nowrap;font-size:11px}.nav-icon{font-size:13px}.sidebar-tip,.sidebar-spacer,.side-user{display:none}.main{padding:25px 16px 60px}.page-title{font-size:26px}.topbar{gap:10px}.top-actions .chip{display:none}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-visual{height:135px}.modal{padding:17px}.kv-grid{grid-template-columns:repeat(2,1fr)}.metric-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:15px}.stat .stat-value{font-size:23px}.stat .stat-label{font-size:10px}.video-grid{grid-template-columns:1fr}.video-visual{height:200px}.kv-grid{grid-template-columns:1fr 1fr}.surface{padding:17px}.page-title{font-size:23px}.metric-strip{grid-template-columns:1fr}.auth-panel{padding:27px 20px}}

/* Local update manager */
.update-zone{margin-top:20px;padding:32px 20px;border:1.5px dashed #517da1;border-radius:16px;text-align:center;background:rgba(54,108,155,.075);display:flex;flex-direction:column;align-items:center;gap:11px}
.update-zone .update-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(83,161,210,.18);font-size:34px;color:#9fd0ed}
.update-zone h3,.update-zone p{margin:0}
.update-zone p{max-width:450px;line-height:1.6;color:#a8b8ca;font-size:13px}
.update-preview{border:1px solid rgba(105,155,203,.4);background:rgba(39,67,97,.2);border-radius:14px;padding:20px;overflow-wrap:anywhere}
.update-preview details{margin:12px 0;cursor:pointer}
.update-file-list{font-family:ui-monospace,Consolas,monospace;font-size:12px;max-height:160px;overflow:auto;padding:9px 12px;background:#0b1424;border-radius:9px;line-height:1.9}
.update-preview .inline-form{margin-top:15px}
.update-preview .kv-grid{min-width:0;overflow-wrap:anywhere}


/* VaultStream 1.2.3 | Cinema control room visual foundation
   No third-party fonts/scripts/assets. Quiet hierarchy over generic SaaS gradients. */
:root{
  color-scheme:dark;
  --bg:#090f17; --bg2:#0d1621; --card:#13202c; --card2:#1a2a39;
  --border:#293a49; --text:#e8eef3; --muted:#a0b1c0;
  --accent:#73d2c2; --accent2:#b2cbd1; --warning:#e2bc80;
  --danger:#ef9aa6; --success:#7cdbc0; --radius:14px;
  font-family:"Segoe UI Variable","Aptos","Segoe UI",system-ui,sans-serif;
  font-synthesis:none;
}
body{background:var(--bg);letter-spacing:.005em;line-height:1.48}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.03em;text-wrap:balance}
button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid #a8eadc;outline-offset:3px;
}
::selection{background:#205b5a;color:#fff}
.skip-link{position:fixed;top:-70px;left:14px;z-index:100;background:#173f3c;color:#f0fff8;padding:12px 18px;border-radius:9px;text-decoration:none}
.skip-link:focus{top:12px}
.logo{gap:11px;font-size:19px;font-weight:770;letter-spacing:-.045em;color:#f2f7fa}
.logo-symbol{display:block;width:36px;height:36px;object-fit:cover;border-radius:10px;background:#0e2435;box-shadow:none;flex:none}
.logo .light{font-weight:450;color:#adc4d0}
.sidebar{background:#0d1721;border-right:1px solid #273846;padding:24px 13px;gap:34px}
.sidebar>.logo{padding-left:13px}
.nav{gap:4px}
.nav-item{border-radius:9px;font-weight:580;min-height:43px;gap:12px;padding:10px 13px;color:#a9bbc8;transition:background-color .15s,color .15s,border-color .15s}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;color:inherit}
.nav-item:hover{color:#f0f8f7;background:#182c35}
.nav-item.active{color:#c3f7e9;background:#163a3b;border-color:#31685f;box-shadow:inset 3px 0 0 #78d2bd}
.sidebar-tip{background:#101e2b;border:1px solid #293c49;border-radius:12px;color:#9eb5c4}
.sidebar-tip strong{color:#d9e7ea}
.avatar{border-radius:10px;background:#215d5c;color:#f2ffff}
.main{padding-top:34px}
.topbar{margin-bottom:30px}
.breadcrumb{color:#80b8ad;text-transform:none;font-weight:650;letter-spacing:.03em;font-size:12px}
.page-title{font-size:clamp(27px,2.4vw,36px);letter-spacing:-.052em;color:#f6f8fb}
.page-subtitle{color:#a5b5c4;font-size:13px}
.chip{background:#1a2c37;border-color:#35505c;color:#c1d4dc;font-weight:640}
.chip.green{background:#123b36;border-color:#2e7767;color:#a3eddb}
.chip.orange{background:#332a20;border-color:#66533b;color:#f4d3a7}
.chip.red{background:#39252d;border-color:#744650;color:#f5b4be}
.notification-trigger,.close{background:#172735;border-color:#324757;color:#dfebef;border-radius:10px}
.notification-trigger em{background:#3c9989}
.stat{background:#14222f;border:1px solid #2a3b49;border-radius:13px;padding:21px}
.stat .stat-value{color:#f5f8fa;font-weight:720;font-variant-numeric:tabular-nums}
.stat-icon{color:#82d4c5}
.surface{background:#121f2b;border-color:#2a3a48;border-radius:14px;padding:24px}
.surface h3{letter-spacing:-.025em}
.table-wrap{border-radius:12px}
tr:hover td{background:#1b334036}
.tabs{gap:6px}
.tab{background:#162431;border-color:#2e4350;color:#bdcad2;border-radius:8px}
.tab.active{background:#1d4a46;color:#ddfff5;border-color:#438d7f}
.btn{border-radius:9px;font-weight:650;background:#1a2c3b;border-color:#344b5a;color:#edf4f6;transition:background-color .15s,border-color .15s,transform .15s}
.btn:hover:not(:disabled){filter:none;background:#254052;transform:translateY(-1px)}
.btn.primary{background:#64baa9;border:1px solid #8fd7c9;color:#091c1c;box-shadow:none}
.btn.primary:hover:not(:disabled){background:#83d8c8}
.btn.secondary{background:#172a38;border-color:#35505e}
.btn.mint{background:#19453e;border-color:#397f6c;color:#c7faeb}
.btn.danger{background:#492b35;border-color:#84505c;color:#ffcfda}
.btn.ghost{background:transparent;border-color:transparent}
.field input,.field select,.field textarea,.control{background:#101e2a;border-color:#344957;border-radius:9px;color:#edf5f7}
.field input:focus,.field select:focus,.control:focus{border-color:#82d1c0;box-shadow:0 0 0 3px #6dbfa926}
.field input::placeholder{color:#8397aa}
input,select,textarea{color-scheme:dark}
.video-card{display:block;width:100%;text-align:left;background:#152431;border:1px solid #2c404e;border-radius:13px;overflow:hidden;padding:0;color:inherit;font:inherit}
.video-card:hover{border-color:#66ae9e;transform:translateY(-2px)}
.video-card:focus-visible{outline:2px solid #9be5d6;outline-offset:4px}
.video-visual{background:linear-gradient(145deg,#1c3741,#142532 65%,#324c57)}
.video-meta{padding:18px}
.video-play{background:#0a1a1bba;border-color:#a3d9ceaa}
.progress-fill{background:#70c6b2}
.video-badges{background:#0c202bcf;border-color:#537784;color:#e1f2f3}
.viewer-banner{background:linear-gradient(115deg,#15363d,#132530 65%,#183a44);border-color:#2d5d64;border-radius:15px}
.auth-layout{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
.auth-art{background:radial-gradient(circle at 75% 44%,#21514e77,transparent 44%),linear-gradient(140deg,#0e2230,#0b141e 82%)}
.auth-art::after{border-color:#75c3af27;box-shadow:0 0 0 82px #558e8208,0 0 0 164px #558e8210,0 0 0 246px #558e8205}
.auth-panel{background:#090f17}
.auth-card h1{font-size:35px;letter-spacing:-.045em}
.auth-topline{color:#84cbbb;font-weight:680;letter-spacing:.05em;text-transform:none}
.eyebrow{color:#9ddbcf;text-transform:none;letter-spacing:.07em;font-weight:650}
.eyebrow::before{background:#b7d9a2}
.hero-title{font-size:clamp(48px,5.2vw,76px);line-height:1.04;letter-spacing:-.055em}
.hero-title span{color:#b6e8d8}
.auth-art p{color:#b2c7cf;line-height:1.8}
.preview-movie{background:#102431de;border-color:#42666a76;border-radius:15px;padding:14px;max-width:405px;box-shadow:0 24px 70px #0005}
.preview-visual{position:relative;display:flex;gap:10px;flex-direction:column;height:186px;border-radius:10px;background:radial-gradient(circle at 50% 50%,#1a55504a,transparent 65%),linear-gradient(130deg,#11222e,#102a36)}
.preview-brand{width:120px;height:120px;object-fit:contain;border-radius:23px;filter:drop-shadow(0 9px 21px #0005)}
.preview-visual-label{font-size:11px;letter-spacing:.03em;color:#aed9d3}
.preview-caption small{color:#9bb4bd}
.auth-foot{color:#8da8b3}
.secure-note{background:#12342c8c;border-color:#34634f;color:#b6e8d5}
.help-line{background:#19313b;border-left-color:#73d2c2;color:#c2d9df}
.error-note{background:#40283080;border-color:#80515c;color:#ffd3d8}
.code-box{background:#132731;border-color:#498576;color:#d1f8e8}
.update-zone{border-color:#4e8a80;background:#1b4e470d;border-radius:13px}
.update-zone .update-icon{background:#245a4e;color:#a2f1df}
.update-preview{background:#172e34;border-color:#4b8277}
.update-file-list{background:#0d1e26}
.pill-count{background:#377f71}
.modal{background:#11202c;border-color:#416371;border-radius:15px;overscroll-behavior:contain}
.toast{background:#19333a;border-color:#487b76;border-radius:10px}
.toast.err{background:#492d38;border-color:#8f5364}
@media(max-width:780px){
  .auth-layout{grid-template-columns:1fr}
  .auth-art{min-height:110px;padding:19px 24px}
  .auth-art .auth-art-inner,.preview-movie,.auth-foot{display:none}
  .sidebar{background:#0d1721}
  .sidebar .logo-symbol{width:30px;height:30px}
  .nav-item{min-height:38px}
  .main{padding-top:24px}
  .topbar{align-items:flex-start}
}
@media(max-width:540px){
  .auth-panel{padding:28px 20px}
  .auth-card h1{font-size:30px}
  .topbar{flex-wrap:wrap}
  .top-actions{width:100%;justify-content:flex-end}
  .video-visual{height:185px}
  .stat{padding:16px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* V1.2.7: unobtrusive deliverability hint shown only on the OTP screen. */
.auth-delivery-help{margin:2px 0 17px;color:var(--muted,#a5b4c2);font-size:12px;line-height:1.6}

/* V1.2.8 security enrollment and mobile-friendly recovery codes */
.mfa-secret{display:block;margin:12px 0;padding:14px;border:1px solid var(--line, #334456);border-radius:10px;background:rgba(0,0,0,.16);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;max-width:100%;}
#mfa-panel-body .field{max-width:100%;}

/* V1.2.9 — Private live monitoring and playback history */
.monitor-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px}
.monitor-session{border:1px solid var(--border,rgba(147,164,185,.17));border-radius:13px;padding:16px;background:var(--surface-2,#101c2b);min-width:0}
.monitor-session-header{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}
.monitor-session-header strong{display:block;overflow-wrap:anywhere;font-size:.94rem}
.monitor-session-header small{display:block;color:#9cabbc;margin-top:4px;overflow-wrap:anywhere}
.monitor-session-video{margin:13px 0 9px;font-weight:650;font-size:.92rem;overflow-wrap:anywhere}
.monitor-visibility{display:block;color:#a9bdd0;font-weight:400;font-size:.77rem;margin-top:5px}
.monitor-progress{height:6px;width:100%;background:#28364a;border-radius:99px;overflow:hidden}
.monitor-progress>div{height:100%;background:#d4ac58;border-radius:99px}
.monitor-session-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.75rem;color:#a9bdd0;margin:9px 0 14px}
.monitor-pagination{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
.monitor-details{width:100%;max-width:100%;overflow-wrap:anywhere}
.monitor-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin-bottom:24px}
.monitor-metrics>.kv{min-width:0}
@media(max-width:640px){.monitor-session{padding:13px}.monitor-pagination{justify-content:space-between}.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-session-header{flex-wrap:wrap}}
@media(max-width:360px){.monitor-metrics{grid-template-columns:1fr}}

.monitor-history-cards{display:none}
.monitor-history-title{display:block;font-size:.92rem;margin-top:12px;overflow-wrap:anywhere}
.monitor-history-card{border:1px solid #2b394c;border-radius:12px;padding:14px;background:#0e1b2a;margin-top:12px}
.monitor-history-card .monitor-session-meta{margin:10px 0}
@media(max-width:700px){.monitor-history-cards{display:block}.monitor-history-table{display:none}}