:root{--bg: #f5f7fb;--surface: #ffffff;--surface-alt: #dfe7ff;--text: #101828;--muted: #667085;--primary: #0f62fe;--primary-dark: #0b3fb3;--accent: #14b8a6;--danger: #dc2626;--border: rgba(16, 24, 40, .08);--shadow: 0 22px 50px rgba(15, 35, 95, .08);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(20,184,166,.16),transparent 30%),radial-gradient(circle at top right,rgba(15,98,254,.18),transparent 32%),linear-gradient(180deg,#f9fbff,#eef3ff);color:var(--text);font-family:Manrope,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{width:min(1200px,calc(100% - 1rem));margin:1rem auto 6.5rem}.container{width:min(1200px,calc(100% - 1rem));margin:0 auto}.navbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f7fbcc;border-bottom:1px solid var(--border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:68px;padding:.75rem 0}.navbar__brand{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.navbar__toggle,.navbar__logout,.icon-button{border:0;background:transparent;cursor:pointer}.navbar__menu,.navbar__menu--open{display:none}.navbar__user{color:var(--muted)}.navbar__desktop-links{display:none}.navbar__signin,.navbar__toggle,.navbar__logout,.navbar-sheet__logout{min-height:44px;padding:.75rem 1rem;border-radius:999px;font-weight:800}.navbar__signin,.navbar__toggle{background:#0f62fe14;color:var(--primary)}.navbar-sheet-backdrop{position:fixed;inset:0;background:#0b102073;z-index:24}.navbar-sheet{position:fixed;right:.75rem;left:.75rem;top:84px;display:grid;gap:1rem;padding:1rem;border-radius:var(--radius-lg);background:#fffffffa;box-shadow:var(--shadow);z-index:25}.navbar-sheet__header{display:grid;gap:.15rem}.navbar-sheet__header span{color:var(--muted)}.navbar-sheet__nav{display:grid;gap:.75rem}.mobile-tabbar{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.75rem;padding:.5rem;border-radius:999px;background:#fffffff5;box-shadow:0 20px 45px #0f235f29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:22}.mobile-tabbar__item{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem .8rem;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:800}.mobile-tabbar__item--active{background:#0f62fe1a;color:var(--primary)}.active-link{color:var(--primary);font-weight:800}.hero,.auth-card,.filters-panel,.detail-sidebar,.detail-player,.admin-header,.admin-card,.admin-table-wrap,.video-card,.empty-state{background:#ffffffd1;border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.hero,.admin-header{display:grid;gap:1rem;padding:1.5rem;margin-bottom:1.25rem}.admin-grid{display:grid;gap:1rem;margin-bottom:1.25rem}.admin-card{padding:1.25rem;margin-bottom:1.25rem}.admin-courses{margin-bottom:1.25rem}.course-list{display:grid;gap:.85rem;margin-top:1rem}.section-heading{display:grid;gap:.5rem;margin-bottom:1rem}.section-heading p{margin:.45rem 0 0}.course-chip-card{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:var(--radius-sm);background:#0f62fe0d}.eyebrow{display:inline-flex;width:fit-content;padding:.35rem .75rem;border-radius:999px;background:#0f62fe1a;color:var(--primary);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1,h2,h3{margin:0;font-family:Space Grotesk,sans-serif}p{color:var(--muted);line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1rem;border:0;border-radius:999px;font-weight:800;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),#1f8fff);color:#fff}.btn-secondary{background:#0f62fe14;color:var(--primary)}.btn-danger{background:#dc26261f;color:var(--danger)}.auth-page{display:grid;justify-items:center;align-items:start;min-height:calc(100vh - 160px);padding-top:.5rem}.auth-card{width:100%;max-width:100%;padding:1.25rem}.auth-card--mobile-first{max-width:28rem}.auth-copy{margin-bottom:1.2rem}.auth-footer{margin-top:1rem;text-align:center}.form-grid{display:grid;gap:1rem}.field,.checkbox-field{display:grid;gap:.45rem}.field span,.checkbox-field span{font-size:.92rem;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);min-height:48px;padding:.95rem 1rem;border-radius:var(--radius-sm)}.auth-google-trigger{width:100%}.auth-google-slot{display:none}.auth-google-slot--visible{display:grid;justify-items:center}.field small{color:var(--danger)}.field-hint{color:var(--muted)}.checkbox-field{grid-auto-flow:column;justify-content:start;align-items:center}.filters-panel{display:grid;gap:1rem;padding:1rem;margin-bottom:1.25rem}.filters-actions,.pagination,.modal-actions,.table-actions,.video-card__footer,.video-card__meta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.video-grid{display:grid;gap:1.35rem}.course-grid{display:grid;gap:1rem}.course-card{overflow:hidden;background:#ffffffd1;border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.course-card__image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.course-card__image--fallback{display:grid;align-content:end;gap:.45rem;padding:1rem;background:linear-gradient(180deg,#0f172a14,#0f172ac7),radial-gradient(circle at top left,rgba(37,99,235,.55),transparent 42%),radial-gradient(circle at top right,rgba(16,185,129,.35),transparent 32%),#0f172a;color:#fff}.course-card__image--fallback span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.78}.course-card__image--fallback strong{font-size:1rem;line-height:1.35}.course-card__image--fallback small{font-size:.82rem;line-height:1.5;color:#ffffffd1}.course-card__content{display:grid;gap:.9rem;padding:1rem}.video-card{overflow:hidden;background:#ffffffe6;border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 50px #0f235f14;transition:transform .2s ease,box-shadow .2s ease}.video-card__link{display:grid;height:100%;color:inherit;text-decoration:none}.video-card:hover{transform:translateY(-3px);box-shadow:0 28px 58px #0f235f1f}.video-card__media{position:relative}.video-card__image{display:block;width:100%;aspect-ratio:5 / 4;object-fit:cover}.video-card__image--fallback{display:grid;align-content:end;gap:.45rem;padding:1rem;background:linear-gradient(180deg,#0f172a14,#0f172ac7),radial-gradient(circle at top left,rgba(37,99,235,.55),transparent 42%),radial-gradient(circle at top right,rgba(16,185,129,.35),transparent 32%),#0f172a;color:#fff}.video-card__play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;transform:translate(-50%,-50%);background:#ffffffe6;box-shadow:0 18px 35px #0f172a38}.video-card__play-icon{display:block;width:0;height:0;margin-left:5px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid var(--primary)}.video-card__media-caption{position:absolute;left:1rem;bottom:1rem;display:inline-flex;max-width:calc(100% - 2rem);padding:.42rem .75rem;border-radius:999px;background:#0f172a8f;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-card__media-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.video-card__status{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:999px;background:#14b8a6eb;color:#fff;font-size:.78rem;font-weight:800}.video-card__status--inactive{background:#dc2626eb}.video-card__image--fallback span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.78}.video-card__image--fallback strong{font-size:1rem;line-height:1.35}.video-card__content{display:grid;gap:.8rem;padding:1rem 1rem 1.1rem}.video-card__title{font-size:1.08rem;line-height:1.15;letter-spacing:-.03em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__description{margin:0;font-size:.96rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto}.video-card__footer small{color:var(--muted);font-weight:700}.video-card__cta{color:var(--primary);font-weight:800}.course-detail__hint{margin-top:1rem;color:var(--text-muted);font-weight:600}.chip{display:inline-flex;align-items:center;padding:.32rem .7rem;border-radius:999px;background:#14b8a61f;color:#0f766e;font-size:.8rem;font-weight:800}.chip--muted{background:#6670851f;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;background:#14b8a624;color:#0f766e;font-size:.82rem;font-weight:800}.status-badge--inactive{background:#dc26261f;color:var(--danger)}.pagination{justify-content:center;margin-top:1.2rem}.detail-layout{display:grid;gap:1rem}.video-detail-page{display:grid;gap:1.25rem}.video-detail-hero{display:grid;gap:1rem;padding:1.4rem 1.5rem .2rem}.detail-player,.detail-sidebar{padding:1rem}.detail-player{display:grid;gap:1rem;padding:1.1rem;background:radial-gradient(circle at top left,rgba(20,184,166,.12),transparent 24%),linear-gradient(180deg,#060c1cfa,#0a1226f5);color:#fff}.detail-player__frame{overflow:hidden;border-radius:calc(var(--radius-lg) - 4px);background:#020617;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.08)}.detail-player iframe{width:100%;height:100%;min-height:100%;border:0;background:#020617}.detail-player__actions{display:grid;gap:1rem}.detail-player__summary{display:grid;gap:.7rem}.detail-player__summary p{margin:0;color:#ffffffb8}.detail-back{display:inline-flex;width:fit-content;color:var(--primary);font-weight:800}.detail-sidebar{display:grid;gap:1rem;align-content:start}.detail-sidebar__chips{display:flex;flex-wrap:wrap;gap:.65rem}.detail-title{font-size:clamp(2rem,5vw,3.5rem);line-height:1.02;letter-spacing:-.04em;max-width:18ch}.detail-description{margin:0;font-size:1.05rem;max-width:72ch}.detail-highlights{display:grid;gap:.85rem}.detail-highlight{display:grid;gap:.25rem;padding:1rem 1.05rem;border-radius:var(--radius-md);background:linear-gradient(180deg,#0f62fe0d,#0f62fe05);border:1px solid rgba(15,98,254,.08)}.detail-highlight span{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.detail-highlight strong{font-size:1rem;line-height:1.35}.hero__stats{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.detail-meta{display:grid;gap:.85rem;margin:0}.detail-meta div{padding:.9rem 1rem;border-radius:var(--radius-sm);background:#0f62fe0d;border:1px solid rgba(15,98,254,.08)}.detail-meta dt{font-weight:800}.detail-meta dd{margin:.4rem 0 0;color:var(--muted)}.admin-table-wrap{overflow-x:auto;padding:1rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:.95rem .75rem;border-bottom:1px solid var(--border)}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:#0b102094;z-index:30}.modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;padding:1.25rem;border-radius:var(--radius-lg);background:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.empty-state,.api-error{padding:1.25rem;text-align:center}.api-error{display:grid;gap:.4rem;margin-bottom:1rem;color:var(--danger);background:#dc262614;border-radius:var(--radius-md)}.loader-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#f5f7fb66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.loader-spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(15,98,254,.18);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.page-shell{width:min(1200px,calc(100% - 1.5rem));margin:1.5rem auto 3rem}.container{width:min(1200px,calc(100% - 1.5rem))}.navbar__toggle,.mobile-tabbar,.navbar-sheet,.navbar-sheet-backdrop{display:none}.navbar__desktop-links{display:flex;align-items:center;gap:1.2rem}.auth-page{align-items:center;min-height:calc(100vh - 140px);padding-top:0}.auth-card{max-width:520px;padding:1.5rem}.hero,.admin-header{grid-template-columns:1fr auto;align-items:center}.filters-panel{grid-template-columns:1.4fr .8fr auto;align-items:end}.admin-grid,.video-grid,.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);align-items:start}.detail-player{padding:1.25rem}.detail-player__actions{grid-template-columns:1fr auto;align-items:center}}@media (min-width: 1100px){.video-grid,.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}