@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=DM+Sans:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #060606;--bg-soft: #111111;--panel: rgba(12, 12, 12, .88);--panel-strong: rgba(20, 20, 20, .96);--border: rgba(212, 175, 55, .2);--border-strong: rgba(212, 175, 55, .42);--text: #f7f2df;--muted: #b9ab7d;--gold: #d4af37;--gold-soft: #f2d671;--danger: #ff7676;--shadow: 0 30px 60px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:DM Sans,sans-serif;background:radial-gradient(circle at top,rgba(212,175,55,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(212,175,55,.1),transparent 24%),linear-gradient(135deg,#030303,#0c0a06 48%,#030303);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.primary-button,.ghost-button,.link-button{cursor:pointer}input,textarea,select{width:100%;padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--border);background:#ffffff0a;color:var(--text)}textarea{min-height:110px;resize:vertical}.app-shell{min-height:100vh;padding:1.25rem}.topbar{position:relative;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.25rem;margin-bottom:1.25rem;border:1px solid var(--border);border-radius:1.5rem;background:#060606d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.admin-top-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;flex:1 1 auto;min-width:0}.top-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.15rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-weight:600;white-space:nowrap;flex:0 0 auto;transition:transform .18s ease,border-color .18s ease,background .18s ease}.top-nav-link:hover{transform:translateY(-2px);border-color:var(--border-strong)}.top-nav-link.is-active{border-color:var(--border-strong);background:#d4af371a;color:var(--gold-soft)}.brand{display:flex;align-items:center;gap:1rem;min-width:0}.brand strong,h1,h2,h3{font-family:Space Grotesk,sans-serif;letter-spacing:-.03em}.brand span{display:block;color:var(--muted);font-size:.92rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;flex:0 0 auto}.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:1rem}.topbar-actions{display:flex;align-items:center;gap:1rem;flex:0 0 auto;justify-self:end}.user-badge{text-align:right;min-width:0}.user-badge span,.user-badge small{display:block}.user-badge small,.eyebrow,.playlist-count,.stat-card span,.feed-item small{color:var(--muted)}@media(max-width:1480px){.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start}.admin-top-nav{grid-column:1 / -1;justify-content:flex-start;padding-top:.25rem}}.page-shell,.dashboard-grid,.playlist-layout{display:grid;gap:1.25rem}.panel,.admin-card,.playlist-card,.login-panel{position:relative;overflow:hidden;border-radius:1.6rem;border:1px solid var(--border);background:linear-gradient(180deg,#131313f0,#090909eb);box-shadow:var(--shadow)}.panel,.admin-card,.login-panel{padding:1.5rem}.stats-panel:after,.login-panel:after{content:"";position:absolute;inset:auto -10% -30% auto;width:220px;height:220px;background:radial-gradient(circle,rgba(212,175,55,.28),transparent 65%);pointer-events:none}.stats-panel{padding:1.6rem}.lead{color:#e4d9b6;line-height:1.7;max-width:60ch}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.stat-row,.playlist-grid,.admin-grid{display:grid;gap:1rem}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1.5rem}.stat-card{padding:1rem;border-radius:1.25rem;border:1px solid var(--border);background:#ffffff08}.stat-card-link{transition:transform .18s ease,border-color .18s ease,background .18s ease}.stat-card-link:hover{transform:translateY(-2px);border-color:var(--border-strong)}.stat-card strong{display:block;font-size:1.9rem;color:var(--gold-soft)}.playlist-grid,.admin-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.playlist-grid-learner{grid-template-columns:repeat(auto-fit,minmax(240px,320px))}.playlist-card{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:1.4rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.playlist-card:hover,.video-list-item:hover,.ghost-button:hover,.primary-button:hover{transform:translateY(-2px);border-color:var(--border-strong)}.playlist-card h3{margin:.35rem 0 .75rem}.playlist-schedule-summary{display:grid;gap:.35rem}.playlist-schedule-summary p{margin:0;color:#d9cfac;line-height:1.5}.playlist-card p{margin:0;color:#d9cfac;line-height:1.65}.video-duration-badge,.video-list-duration{color:var(--gold-soft);font-weight:700}.video-duration-badge{margin:.5rem 0 .85rem}.playlist-card span:last-child{margin-top:1rem;color:var(--gold-soft);font-weight:700}.primary-button,.ghost-button{border-radius:999px;padding:.9rem 1.2rem;border:1px solid var(--border);transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button{background:linear-gradient(135deg,#f4d77d,#ac7f16);color:#170f02;font-weight:700}.ghost-button,.link-button{background:#ffffff08;color:var(--text)}.inline-error{padding:.95rem 1rem;border-radius:1rem;border:1px solid rgba(255,118,118,.25);background:#ff767614;color:#ffd6d6}.admin-panel{display:grid;gap:1.25rem}.admin-form-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(280px,1fr));align-items:start}.admin-grid-wide{grid-template-columns:1.35fr 1fr}#add-learner,#create-playlist,#add-video,#assign-schedule,#users-section,#recent-sessions,#schedules-section,#tracking-feed{scroll-margin-top:6rem}.admin-card{display:grid;gap:.9rem;align-content:start}.admin-card-compact,.admin-card-tall,.admin-card-feature{align-self:start}.admin-detail-card{min-height:420px}.admin-card-feature-wide{grid-column:span 2}.schedule-builder-card{min-height:0}.schedule-form-grid{display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}.schedule-video-picker{display:grid;gap:.65rem;max-height:320px;overflow:auto;padding-right:.25rem;padding-bottom:.1rem;border-radius:1rem}.schedule-video-option{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.8rem;align-items:start;padding:.8rem .9rem;border-radius:1rem;border:1px solid var(--border);background:#ffffff08;cursor:pointer}.schedule-video-picker-expanded{max-height:none}.schedule-video-option-draggable{grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;cursor:grab}.schedule-video-option.is-selected{border-color:var(--border-strong);background:#d4af3714}.schedule-video-option.is-dragging{opacity:.55}.schedule-video-option.is-target{border-color:var(--border-strong);background:#d4af371f}.schedule-video-option input{width:auto;margin:0}.schedule-video-option span{color:var(--gold-soft);font-weight:700}.schedule-video-option strong,.schedule-video-option small{display:block}.admin-video-duration{margin-top:.2rem;color:var(--gold-soft);font-weight:700}.schedule-video-option small{margin-top:.2rem;color:var(--muted)}.arrange-video-list{display:grid;gap:.75rem}.arrange-video-row{display:block}.arrange-video-tile{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.9rem;align-items:center;padding:.9rem 1rem;border-radius:1rem;border:1px solid var(--border);background:#ffffff08;transition:border-color .18s ease,background .18s ease,transform .18s ease}.arrange-video-tile.is-dragging{opacity:.55}.arrange-video-tile.is-target{border-color:var(--border-strong);background:#d4af3714}.arrange-video-handle{color:var(--muted);font-weight:700;letter-spacing:.15em;cursor:grab}.arrange-video-copy{min-width:0}.arrange-video-tile>span:nth-child(2){color:var(--gold-soft);font-weight:700}.arrange-video-copy strong,.arrange-video-copy small{display:block}.arrange-video-copy small{margin-top:.25rem;color:var(--muted)}.admin-card textarea,.admin-card select,.admin-card input{min-width:0}.data-table{display:grid;gap:.5rem}.table-row{display:grid;grid-template-columns:1.2fr .8fr 1.3fr .9fr 1fr;gap:.75rem;align-items:center;padding:.85rem .9rem;border-radius:1rem;background:#ffffff08}.range-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.section-heading-tight{margin-bottom:.1rem}.table-row-users{grid-template-columns:1fr 1.4fr .6fr}.table-row-schedules{grid-template-columns:.9fr .8fr 1.5fr .8fr .9fr}.table-row-sessions{grid-template-columns:1.05fr .8fr 1.25fr .8fr .8fr 1fr}.table-head{font-size:.85rem;color:var(--muted)}.status-pill{display:inline-flex;width:fit-content;padding:.25rem .65rem;border-radius:999px;font-size:.8rem;font-weight:700}.status-active{background:#7bdc9b24;color:#9deab4}.status-inactive{background:#ffcc6624;color:#ffd06f}.status-ended{background:#ffffff14;color:#dbd5c2}.activity-feed{display:grid;gap:.85rem;max-height:480px;overflow:auto}.feed-item{padding:1rem;border-radius:1rem;border:1px solid var(--border);background:#ffffff08}.feed-item p{margin:.45rem 0;color:#e7ddb9;display:grid;gap:.2rem}.feed-label{color:var(--muted);font-size:.85rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.exam-tips-page{display:grid;gap:1.25rem}.exam-tips-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:1.25rem;align-items:start}.exam-tips-copy{display:grid;gap:1rem}.exam-tips-section{padding:1.2rem 1.25rem;border-radius:1.4rem;border:1px solid var(--border);background:#ffffff08}.exam-tips-section h2{margin:0 0 .9rem;font-size:1.35rem}.exam-tips-list{margin:0;padding-left:1.2rem;display:grid;gap:.85rem;color:#e7ddb9}.exam-tips-list li{line-height:1.6}.exam-tips-list strong{color:var(--text)}.exam-tips-image-frame{width:100%;padding:1rem;border-radius:1.5rem;border:1px solid var(--border);background:#ffffff08;position:sticky;top:1.25rem}.exam-tips-image{width:100%;display:block;border-radius:1.5rem;background:#f7f3eb;object-fit:contain}.remote-study-page{display:grid;gap:1.25rem}.remote-study-frame-wrap{border-radius:1.5rem;border:1px solid var(--border);overflow:hidden;background:#ffffff05}.remote-study-frame{width:100%;min-height:88vh;border:0;display:block;background:#fff}.login-panel{width:min(540px,100%);padding:2rem}.login-logo{display:block;width:108px;height:108px;margin:0 auto 1.2rem;border-radius:1.4rem}.login-form{display:grid;gap:.9rem;margin-top:1.5rem}.password-field{position:relative}.password-field input{padding-right:5.5rem}.password-toggle{position:absolute;top:50%;right:.85rem;transform:translateY(-50%);border:0;background:transparent;color:var(--gold-soft);font-weight:700;padding:0}.playlist-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);align-items:start}.player-panel{padding:1.5rem}.player-frame{width:100%;min-height:460px;border:0;border-radius:1.4rem;background:#000;display:block}.video-placeholder{min-height:460px;display:grid;place-items:center;border-radius:1.4rem;border:1px dashed var(--border);color:var(--muted)}.video-meta{margin-top:1.1rem}.playlist-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.playlist-sidebar{padding:1.25rem}.video-list{display:grid;gap:.8rem}.video-list-item{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;text-align:left;padding:1rem;border-radius:1.1rem;border:1px solid var(--border);background:#ffffff08;color:inherit;transition:transform .18s ease,border-color .18s ease}.video-list-item span{color:var(--gold-soft);font-weight:700}.video-list-item p{margin:.35rem 0 0;color:#dbd1ae}.video-list-duration{display:block;margin-top:.25rem}.video-list-item.is-active{border-color:#f2d67194;background:linear-gradient(135deg,#d4af3729,#ffffff08)}@media(max-width:960px){.playlist-layout,.admin-grid-wide,.admin-form-grid{grid-template-columns:1fr}.admin-card-feature-wide{grid-column:span 1}.player-frame,.video-placeholder{min-height:min(72vh,560px)}.schedule-form-grid,.exam-tips-layout{grid-template-columns:1fr}.exam-tips-image-frame{position:static}.table-row,.range-row{grid-template-columns:1fr}.arrange-video-tile{grid-template-columns:auto auto minmax(0,1fr)}}@media(max-width:720px){.app-shell{padding:.75rem}.topbar,.section-heading{flex-direction:column;align-items:stretch}.admin-top-nav{width:100%;justify-content:stretch;flex-wrap:wrap}.top-nav-link{flex:1 1 calc(50% - .375rem)}.topbar-actions{width:100%;justify-content:space-between;align-items:flex-start;gap:.75rem}.user-badge{flex:1 1 auto;text-align:left}.ghost-button{width:fit-content;align-self:flex-end}.player-panel{padding:1rem}.admin-form-grid{grid-template-columns:1fr}.playlist-actions{width:100%;justify-content:stretch}.playlist-actions .ghost-button{width:100%;text-align:center}.player-frame,.video-placeholder{width:100%;min-height:52vh;border-radius:1rem}.remote-study-frame{min-height:78vh}.video-meta h2{font-size:1.95rem;line-height:1.05}.exam-tips-image-frame{padding:.6rem}}