:root{--bg: #0f1115;--bg-elevated: #171a21;--border: #262b36;--text: #e6e8ec;--text-dim: #9aa1b1;--accent: #5b8cff;--accent-hover: #7ba0ff;--danger: #ff6b6b;--success: #4fd18b;--warning: #e0b34d;--radius: 10px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.landing{max-width:1040px;margin:0 auto;padding:0 24px 80px}.hero{padding:88px 0 72px;text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(91,140,255,.16),transparent 70%)}.eyebrow{margin:0 0 20px;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.hero h1{margin:0 auto 24px;max-width:16ch;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.1;letter-spacing:-.02em}.hero-sub{margin:0 auto 40px;max-width:60ch;font-size:clamp(1rem,2.2vw,1.18rem);line-height:1.65;color:var(--text-dim)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-hero,.btn-hero-ghost{display:inline-block;padding:13px 28px;border-radius:var(--radius);font-weight:600;font-size:.98rem;transition:background .15s,border-color .15s,color .15s}.btn-hero{background:var(--accent);color:#0b0d12;border:1px solid var(--accent)}.btn-hero:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#0b0d12}.btn-hero-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-hero-ghost:hover{border-color:var(--accent);color:var(--accent)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:40px 0 96px}.feature{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:28px}.feature h2{margin:0 0 12px;font-size:1.12rem;line-height:1.35}.feature p{margin:0;font-size:.94rem;line-height:1.65;color:var(--text-dim)}.section-title{margin:0 0 40px;text-align:center;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.01em}.metrics{margin-bottom:96px}.dash{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:24px;display:grid;gap:24px}.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.kpi{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.kpi-value{font-size:1.9rem;font-weight:700;line-height:1}.kpi-delta{font-size:.8rem}.kpi-delta.up{color:var(--success)}.kpi-delta.down{color:var(--warning)}.dash-table{width:100%;border-collapse:collapse;font-size:.9rem}.dash-table th{text-align:left;padding:8px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-bottom:1px solid var(--border)}.dash-table td{padding:12px;border-bottom:1px solid var(--border)}.dash-table tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.pill.good{background:#4fd18b24;color:var(--success)}.pill.warn{background:#e0b34d24;color:var(--warning)}.pill.bad{background:#ff6b6b24;color:var(--danger)}.dash-chart-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:.85rem;color:var(--text-dim)}.dash-chart-note{color:var(--danger)}.bars{display:flex;align-items:flex-end;gap:5px;height:110px}.bars span{flex:1;background:var(--accent);border-radius:3px 3px 0 0;opacity:.75}.bars span.drop{background:var(--danger);opacity:.9}.metrics-caption{margin:16px auto 0;max-width:62ch;text-align:center;font-size:.85rem;line-height:1.6;color:var(--text-dim)}.integration{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;margin-bottom:96px}@media(max-width:760px){.integration{grid-template-columns:1fr;gap:24px}}.integration h2{margin:0 0 18px;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.01em}.integration p{margin:0 0 16px;line-height:1.7;color:var(--text-dim)}.integration-note{font-size:.9rem;padding-top:8px;border-top:1px solid var(--border)}.integration-list{list-style:none;margin:0;padding:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;display:grid;gap:14px}.integration-list li{position:relative;padding-left:26px;font-size:.92rem;line-height:1.5}.integration-list li:before{content:"";position:absolute;left:0;top:6px;width:7px;height:12px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.how{margin-bottom:96px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}.steps li{display:flex;gap:16px;align-items:flex-start}.step-n{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:.92rem}.steps h3{margin:4px 0 8px;font-size:1rem}.steps p{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-dim)}.how-note{margin:40px auto 0;max-width:60ch;text-align:center;font-size:.9rem;line-height:1.6;color:var(--text-dim);padding-top:24px;border-top:1px solid var(--border)}.cta{text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:56px 32px}.cta h2{margin:0 0 14px;font-size:clamp(1.5rem,4vw,2rem)}.cta p{margin:0 auto 28px;max-width:46ch;line-height:1.65;color:var(--text-dim)}.landing-footer{display:flex;justify-content:space-between;align-items:center;margin-top:64px;padding-top:24px;border-top:1px solid var(--border);font-size:.88rem;color:var(--text-dim)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg-elevated);position:sticky;top:0;z-index:20}.topbar .brand{font-weight:700;font-size:1.1rem;color:var(--text)}.topbar nav{display:flex;gap:20px}main{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.status-msg{color:var(--text-dim)}.status-error{color:var(--danger)}.search-bar{margin-bottom:24px}.search-bar input{width:100%;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:1rem}.materia-section{margin-bottom:40px}.materia-section h2{border-bottom:1px solid var(--border);padding-bottom:8px}.clase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}.clase-card{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s ease,transform .15s ease}.clase-card:hover{border-color:var(--accent);transform:translateY(-2px)}.clase-card h3{margin:0 0 8px;color:var(--text);font-size:1rem}.clase-meta,.clase-subs{margin:4px 0 0;color:var(--text-dim);font-size:.85rem}.video-title{margin-bottom:4px}.video-meta{color:var(--text-dim);margin-top:0;margin-bottom:16px}.video-wrapper{position:relative;width:100%;background:#000;border-radius:var(--radius);overflow:hidden}.video-wrapper video{width:100%;display:block;aspect-ratio:16 / 9;background:#000}.watermark-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.watermark-text{position:absolute;color:#fff;font-size:1rem;font-weight:600;white-space:nowrap;text-shadow:0 0 4px rgba(0,0,0,.6);transition:left 1.5s ease,top 1.5s ease;user-select:none}.controls-row{margin-top:16px;display:flex;gap:12px}.subtitle-menu{position:relative}.subtitle-menu button{padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer}.subtitle-menu button:disabled{opacity:.5;cursor:not-allowed}.subtitle-options{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-width:160px;z-index:10;overflow:hidden}.subtitle-options.hidden{display:none}.subtitle-options button{border:none;background:none;text-align:left;padding:8px 14px;border-radius:0}.subtitle-options button.active{color:var(--accent)}.subtitle-options button:hover{background:#ffffff0d}#player-page .vjs-big-play-button{top:50%;left:50%;width:72px;height:72px;line-height:72px;margin:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#0c0e128c;color:#fff;font-size:2em;transform:translate(-50%,-50%);transition:background .15s ease,border-color .15s ease,transform .15s ease}#player-page .vjs-big-play-button:hover,#player-page .vjs-big-play-button:focus{background:var(--accent);border-color:var(--accent);transform:translate(-50%,-50%) scale(1.06)}#player-page .vjs-big-play-button .vjs-icon-placeholder:before{line-height:72px}#player-page .vjs-control-bar{height:3.4em;padding:0 6px;align-items:center;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.35) 70%,transparent 100%)}#player-page .vjs-button{color:#fff;border-radius:6px;transition:background .12s ease,color .12s ease}#player-page .vjs-button:hover,#player-page .vjs-button:focus{background:#ffffff1f;color:#fff}#player-page .vjs-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#player-page .vjs-current-time,#player-page .vjs-time-divider,#player-page .vjs-duration{color:#ffffffd9;font-size:.9em}#player-page .vjs-progress-control{flex:1;min-width:40px;padding:0 10px}#player-page .vjs-progress-holder,#player-page .vjs-slider{border-radius:999px;background:#ffffff3d}#player-page .vjs-progress-holder{height:4px;margin:0}#player-page .vjs-progress-control:hover .vjs-progress-holder{height:6px}#player-page .vjs-load-progress,#player-page .vjs-load-progress div{border-radius:999px;background:#ffffff52}#player-page .vjs-play-progress{border-radius:999px;background:var(--accent)}#player-page .vjs-play-progress:before{content:none}#player-page .vjs-time-tooltip,#player-page .vjs-mouse-display .vjs-time-tooltip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85em;padding:2px 6px;transform:translateY(-6px)}#player-page .vjs-volume-panel{align-items:center}#player-page .vjs-volume-bar{height:4px;width:5em;margin:1.35em .45em;border-radius:999px;background:#ffffff3d}#player-page .vjs-volume-level{border-radius:999px;background:var(--accent)}.admin-hint{color:var(--text-dim);margin-bottom:8px}.catalog-sentinel{padding:14px 0;text-align:center;color:var(--text-dim);font-size:.9rem}.admin-table{width:100%;border-collapse:collapse;margin-top:24px}.admin-table th,.admin-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.lang-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lang-checkbox{display:inline-flex;align-items:center;gap:4px;font-size:.85rem}.lang-form button{padding:6px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--accent);color:#0b0d12;font-weight:600;cursor:pointer}.lang-form button:disabled{opacity:.6;cursor:not-allowed}.form-status{color:var(--text-dim);font-size:.85rem}.login-page{max-width:360px;margin:0 auto}.login-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-dim)}.login-form input{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.login-form button{padding:10px 12px;border-radius:var(--radius);border:none;background:var(--accent);color:#0b0d12;font-weight:600;cursor:pointer}.login-form button:hover{background:var(--accent-hover)}.login-form button:disabled{opacity:.6;cursor:progress}.login-form .link-button,.login-form .link-button:hover{background:none;border:none;padding:0;color:var(--text-dim);font-weight:400;font-size:.85rem;text-decoration:underline;cursor:pointer;align-self:center}.login-form .link-button:hover{color:var(--text)}.form-intro{margin:0;font-size:.9rem;color:var(--text-dim);line-height:1.5}.btn-primary{padding:10px 16px;border-radius:var(--radius);border:none;background:var(--accent);color:#0b0d12;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--accent-hover)}.btn-small{padding:6px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:.85rem}.btn-small:hover{border-color:var(--accent)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:#ff6b6b1a}.btn-primary:disabled,.btn-small:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:capitalize;border:1px solid transparent}.badge-active{background:#4fd18b26;color:var(--success);border-color:var(--success)}.badge-provisioning{background:#e0b34d26;color:var(--warning);border-color:var(--warning)}.badge-disabled{background:#9aa1b126;color:var(--text-dim);border-color:var(--border)}.badge-error{background:#ff6b6b26;color:var(--danger);border-color:var(--danger)}.root-page{display:flex;flex-direction:column;gap:24px}.root-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.back-link{display:inline-block}.root-table{width:100%;border-collapse:collapse}.root-table th,.root-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal-overlay[hidden]{display:none}.modal-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.modal-panel h2{margin-top:0}.modal-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.warning-text{color:var(--warning);font-size:.9rem}.mode-toggle{display:flex;gap:8px;margin-bottom:16px}.mode-btn{flex:1;padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text-dim);cursor:pointer;font-size:.85rem}.mode-btn.active{border-color:var(--accent);color:var(--text);background:#5b8cff1a}#new-tenant-form label,.tenant-form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-dim);margin-bottom:12px}#new-tenant-form input,.tenant-form input,.tenant-form select{padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem}.copy-row{display:flex;gap:8px}.copy-row input{flex:1;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:monospace}.copy-btn{padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;white-space:nowrap}.copy-btn:hover{border-color:var(--accent)}#pending-steps-section ul{margin:8px 0 0;padding-left:20px;color:var(--text-dim)}.tenant-detail{display:flex;flex-direction:column;gap:24px}.tenant-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px}#tenant-form{display:block}.tenant-fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px 4px;margin:0 0 20px}.tenant-fieldset legend{padding:0 8px;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.fieldset-intro{margin:0 0 16px;font-size:.85rem;line-height:1.5;color:var(--text-dim)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4px 20px}.field-wide{grid-column:1 / -1}.tenant-form label small{display:block;margin-top:4px;font-size:.78rem;line-height:1.45;color:var(--text-dim);opacity:.85;text-transform:none;letter-spacing:normal}.tenant-form label small code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:.9em}.tenant-form .modal-actions{grid-column:1 / -1}.credentials-section,.bootstrap-admin-section,.danger-zone{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.credential-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.credential-value{font-family:monospace;background:var(--bg);padding:4px 8px;border-radius:6px;border:1px solid var(--border);word-break:break-all}.danger-zone h2{color:var(--danger)}.qr-holder{display:flex;justify-content:center;padding:16px;background:#fff;border-radius:var(--radius)}.qr-holder canvas{display:block}.manual-entry{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.manual-entry summary{cursor:pointer;font-size:.9rem;color:var(--text-dim)}.manual-entry summary:hover{color:var(--text)}.manual-entry-hint{margin:12px 0;font-size:.82rem;line-height:1.5;color:var(--text-dim)}.secret-code{display:block;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem;letter-spacing:.08em;word-break:break-all;user-select:all}.otpauth-link{display:block;padding:12px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius);font-size:.9rem}.otpauth-link:hover{border-color:var(--accent)}.admin-users{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.users-form-title{margin:32px 0 12px;font-size:1rem;color:var(--text-dim)}.user-badge{margin-left:8px;font-size:.7rem;vertical-align:middle}.cell-warn{color:var(--warning)}.cell-error{color:var(--danger)}.tenant-form .checkbox-label{flex-direction:row;align-items:center;gap:8px}.tenant-form .checkbox-label input{width:auto}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:24px 0}.summary-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px}.summary-value{font-size:1.6rem;font-weight:700}.summary-label{color:var(--text-dim);font-size:.85rem}.admin-tree{margin-top:24px}.materia-admin-section{margin-bottom:32px}.materia-admin-section h2{border-bottom:1px solid var(--border);padding-bottom:8px}.clase-admin-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:12px}.clase-admin-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.title-input{flex:1;min-width:180px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text)}.clase-subs-admin{margin-top:12px;display:flex;flex-direction:column;gap:8px}.delete-confirm-row{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#ff6b6b14;border:1px solid var(--danger);border-radius:var(--radius);padding:10px}.delete-confirm-row input{padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text)}.stats-panel{margin-top:12px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.stats-list{list-style:none;margin:0;padding:0;display:flex;gap:24px;flex-wrap:wrap}.json-view{margin-top:12px;padding:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;font-size:12px;line-height:1.5;white-space:pre;color:var(--text)}#videos-json-link.loading{opacity:.5;pointer-events:none}.catalog-view{margin-top:12px;display:flex;flex-direction:column;gap:12px}.catalog-materia{margin:0 0 4px;font-size:14px;color:var(--accent)}.catalog-classes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.catalog-classes li{font-size:13px;color:var(--text);padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}#videos-catalog-link.loading{opacity:.5;pointer-events:none}.catalog-classes a{color:var(--text);text-decoration:none;display:block}.catalog-classes a:hover{color:var(--accent-hover)}