:root{--tone-black:#030406;--tone-ink:#080a0d;--tone-panel:#101217;--tone-white:#fff;--tone-muted:#ffffffad;--tone-red:#e31320;--tone-red-dark:#840711;--tone-border:#ffffff1f;--tone-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--tone-white);background:var(--tone-black);font-family:var(--tone-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--tone-black);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 16% 4%,#e313202e,#0000 25%),radial-gradient(circle at 86% 0,#ffffff1a,#0000 20%),linear-gradient(145deg,#101217 0%,#050608 46%,#000 100%);min-width:320px;min-height:100svh;margin:0}body:before{content:"";pointer-events:none;opacity:.34;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 20%,#000,#0000 72%)}button,a{-webkit-tap-highlight-color:transparent}button{border:0}#root{min-height:100svh}.app-shell{width:min(100%,1180px);min-height:100svh;margin:0 auto;padding:18px 14px 38px}.auth-entry-shell{align-items:center;width:min(100%,620px);display:grid}.portal-header,.category-strip,.module-strip,.lesson-list,.lesson-detail,.auth-panel,.admin-intro,.editor-panel,.manager-panel,.progress-center,.preview-panel{border:1px solid var(--tone-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff1b,#ffffff09),#07080ad6;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000073,inset 0 1px #ffffff1f}.portal-header{align-items:end;gap:24px;min-height:300px;padding:28px 22px;display:grid}.portal-header:before{content:"";background:radial-gradient(circle at 80% 18%,#e313206b,#0000 22%),radial-gradient(circle at 12% 90%,#ffffff1f,#0000 18%);position:absolute;inset:-40%}.portal-header:after{content:"";opacity:.2;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 82%);mask-image:linear-gradient(#0000,#000 24% 82%)}.portal-header>*{z-index:1;position:relative}.eyebrow,.panel-label{color:var(--tone-red);letter-spacing:1.7px;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}h1,h2{color:var(--tone-white);letter-spacing:0;text-transform:uppercase;margin:0}h1{max-width:760px;margin-top:9px;font-size:clamp(42px,12vw,82px);font-weight:950;line-height:.92}h2{margin-top:7px;font-size:24px;font-weight:950;line-height:1.08}.hero-copy,.admin-intro p,.lesson-detail-copy p{max-width:620px;color:var(--tone-muted);margin:12px 0 0;font-size:16px;font-weight:650;line-height:1.55}.portal-stats{background:radial-gradient(circle at 50% 0,#e313203d,#0000 66%),#00000042;border:1px solid #e3132059;border-radius:20px;align-content:center;justify-self:start;width:160px;min-height:120px;padding:18px;display:grid;box-shadow:0 0 42px #e3132029}.portal-stats span{color:var(--tone-white);font-size:42px;font-weight:950;line-height:1}.portal-stats small{color:var(--tone-muted);margin-top:8px;font-size:13px;font-weight:800;line-height:1.35}.mode-switch{border:1px solid var(--tone-border);background:#ffffff0d;border-radius:999px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:14px 0;padding:6px;display:grid}.auth-mode-tabs{border:1px solid var(--tone-border);background:#ffffff0d;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.mode-switch.single-mode{grid-template-columns:1fr}.account-bar{border:1px solid var(--tone-border);color:var(--tone-muted);background:#ffffff0d;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:14px;font-size:14px;font-weight:750;display:flex}.account-bar strong{color:var(--tone-white)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.mode-switch button,.auth-mode-tabs button,.primary-action,.ghost-action,.row-actions button,.text-action{min-height:46px;color:var(--tone-white);text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:999px;font-size:13px;font-weight:900;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.mode-switch button.is-active,.auth-mode-tabs button.is-active,.primary-action{background:linear-gradient(145deg, var(--tone-red), var(--tone-red-dark));border-color:#e31320b8;box-shadow:0 0 28px #e3132038}.learning-shell,.admin-shell{gap:14px;display:grid}.category-strip,.module-strip,.lesson-list,.lesson-detail,.auth-panel,.admin-intro,.editor-panel,.manager-panel,.progress-center,.preview-panel{padding:18px}.section-heading{margin-bottom:14px}.category-grid,.module-grid{gap:10px;display:grid}.category-card,.module-card,.lesson-row{width:100%;color:var(--tone-white);text-align:left;background:linear-gradient(145deg,#ffffff12,#ffffff06),#ffffff08;border:1px solid #ffffff1f;transition:transform .16s,border-color .16s,background .16s}.category-card,.module-card{border-radius:18px;min-height:132px;padding:18px}.category-card.is-selected,.module-card.is-selected,.lesson-row.is-selected{background:linear-gradient(145deg,#e3132033,#ffffff09),#ffffff0a;border-color:#e31320b3}.category-card.is-locked,.module-card.is-locked{opacity:.58;filter:grayscale(.28)}.category-card strong,.module-card strong,.lesson-row strong,.manager-row strong{color:var(--tone-white);text-transform:uppercase;font-size:16px;font-weight:950;line-height:1.15;display:block}.category-card small,.module-card small,.lesson-row small,.manager-row small{color:var(--tone-muted);margin-top:8px;font-size:13px;font-weight:650;line-height:1.42;display:block}.progress-pill{width:fit-content;color:var(--tone-white);text-transform:uppercase;background:#e313201f;border:1px solid #e313206b;border-radius:999px;margin-top:14px;padding:7px 9px;font-size:11px;font-weight:950;display:inline-flex}.lesson-workspace{gap:14px;display:grid}.awaiting-access-panel{align-content:center;min-height:260px}.lesson-list-stack{gap:10px;display:grid}.lesson-row{border-radius:16px;justify-content:space-between;align-items:center;gap:14px;min-height:82px;padding:14px;display:flex}.completion-badge{color:var(--tone-white);text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;flex:none;padding:7px 9px;font-size:11px;font-weight:950}.completion-badge.is-complete,.primary-action.is-complete{background:#27ae6038;border-color:#27ae6080}.lesson-detail{gap:18px;display:grid}.video-player-area{text-align:center;background:radial-gradient(circle at 50% 42%,#e3132057,#0000 26%),linear-gradient(135deg,#171a20,#07080b);border:1px solid #ffffff1f;border-radius:18px;place-items:center;min-height:300px;padding:10px;display:grid}.video-player-area iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:14px;width:100%}.video-thumbnail-card{aspect-ratio:16/9;background:radial-gradient(circle at 50% 45%,#e3132052,#0000 32%),linear-gradient(135deg,#181b21,#050608);border:1px solid #ffffff1f;border-radius:14px;width:100%;padding:0;position:relative;overflow:hidden}.video-thumbnail-card img,.video-thumbnail-fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-thumbnail-fallback{background:radial-gradient(circle at 50% 45%,#e3132070,#0000 28%),linear-gradient(135deg,#1d2028,#06070a)}.video-thumbnail-overlay{background:linear-gradient(#0000002e,#00000094),radial-gradient(circle,#0000 0,#00000042 58%);position:absolute;inset:0}.play-button{background:#e31320eb;border:1px solid #ffffff47;border-radius:999px;place-items:center;width:86px;height:86px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 46px #e313206b,inset 0 1px #ffffff47}.play-button span{border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:24px solid #fff;width:0;height:0;margin-left:6px;display:block}.video-placeholder-copy{text-align:center;place-items:center;display:grid}.video-placeholder-copy span{width:92px;height:92px;color:var(--tone-white);text-transform:uppercase;background:#e31320e0;border:1px solid #ffffff2e;border-radius:999px;place-items:center;font-size:13px;font-weight:950;display:grid;box-shadow:0 0 42px #e3132052}.video-placeholder-copy small{max-width:100%;color:var(--tone-muted);overflow-wrap:anywhere;margin-top:14px;font-size:12px;font-weight:700;display:block}.lesson-detail-copy{align-content:start;gap:14px;max-width:820px;display:grid}.progress-panel{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;gap:12px;padding:14px;display:grid}.progress-panel strong{color:var(--tone-white);font-size:30px;font-weight:950}.progress-panel small{color:var(--tone-muted);text-transform:uppercase;font-size:12px;font-weight:850;display:block}.progress-bar{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--tone-red), #fff);height:100%;display:block}.primary-action,.ghost-action{justify-content:center;align-items:center;padding:0 18px;display:inline-flex}.ghost-action{background:#ffffff0f;border-color:#ffffff24}.text-action{width:fit-content;min-height:auto;color:var(--tone-muted);text-align:left;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.empty-state{color:var(--tone-muted);border:1px dashed #ffffff2e;border-radius:16px;padding:18px;font-weight:750}.admin-intro{gap:6px;display:grid}.admin-board,.management-grid,.progress-center-grid,.access-dashboard-grid,.preview-grid,.preview-list{gap:14px;display:grid}.editor-panel{gap:13px;display:grid}.auth-panel,.auth-form{gap:14px;display:grid}.access-search{color:var(--tone-muted);text-transform:uppercase;gap:8px;font-size:13px;font-weight:850;display:grid}.access-search input{width:100%;min-height:48px;color:var(--tone-white);background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;padding:12px}.access-user-list{gap:10px;display:grid}.form-message{color:var(--tone-white);background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;padding:12px;font-size:13px;font-weight:850}.form-message.success{background:#27ae602e;border-color:#27ae607a}.form-message.error{background:#e3132029;border-color:#e3132094}.editor-panel label,.auth-form label{color:var(--tone-muted);text-transform:uppercase;gap:8px;font-size:13px;font-weight:850;display:grid}.editor-panel input,.editor-panel textarea,.editor-panel select,.auth-form input{width:100%;min-height:48px;color:var(--tone-white);background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;padding:12px}.editor-panel select option{color:#111}.editor-panel textarea{resize:vertical;min-height:104px}.toggle-field{align-items:center;gap:10px!important;display:flex!important}.toggle-field input{width:22px;min-height:22px;accent-color:var(--tone-red)}.button-row,.row-actions{flex-wrap:wrap;gap:8px;display:flex}.manager-panel{gap:10px;display:grid}.manager-row,.progress-user-row,.progress-breakdown-row,.preview-card,.preview-lesson{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;gap:12px;padding:14px;display:grid}.progress-user-row{width:100%;color:var(--tone-white);text-align:left}.progress-user-row.is-selected{background:linear-gradient(145deg,#e3132033,#ffffff09),#ffffff0a;border-color:#e31320b3}.progress-breakdown-row{align-items:center}.written-lesson-copy{text-align:left;gap:14px;max-width:680px;display:grid}.file-lesson-copy,.image-lesson-copy{gap:14px;width:100%;max-width:720px;display:grid}.image-lesson-copy img{object-fit:contain;border-radius:14px;width:100%;max-height:520px}.written-lesson-copy span,.file-lesson-copy span{color:var(--tone-white);text-transform:uppercase;font-size:22px;font-weight:950}.written-lesson-copy p,.file-lesson-copy p{color:var(--tone-muted);white-space:pre-wrap;margin:0;font-size:15px;font-weight:650;line-height:1.55}.quiz-panel{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;gap:12px;padding:14px;display:grid}.quiz-panel strong{color:var(--tone-white);font-size:16px;font-weight:950}.quiz-options{gap:8px;display:grid}.quiz-options label{color:var(--tone-muted);align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.quiz-options input{accent-color:var(--tone-red)}.preview-panel{gap:14px;display:grid}.preview-card strong,.preview-lesson strong{color:var(--tone-white);text-transform:uppercase;font-size:16px;font-weight:950;line-height:1.15;display:block}.preview-card small,.preview-lesson small{color:var(--tone-muted);margin-top:8px;font-size:13px;font-weight:650;line-height:1.42;display:block}.preview-lesson{grid-template-columns:minmax(0,1fr) auto;align-items:center}.row-actions button{background:#ffffff0f;border-color:#ffffff1f;min-height:38px;padding:0 12px}.category-card:hover,.module-card:hover,.lesson-row:hover,.progress-user-row:hover,.mode-switch button:hover,.auth-mode-tabs button:hover,.primary-action:hover,.ghost-action:hover,.text-action:hover,.row-actions button:hover{border-color:#e31320ad;transform:translateY(-1px)}.category-card:focus-visible,.module-card:focus-visible,.lesson-row:focus-visible,.progress-user-row:focus-visible,.mode-switch button:focus-visible,.auth-mode-tabs button:focus-visible,.primary-action:focus-visible,.ghost-action:focus-visible,.text-action:focus-visible,.row-actions button:focus-visible,.editor-panel input:focus-visible,.editor-panel textarea:focus-visible,.editor-panel select:focus-visible{outline-offset:3px;outline:3px solid #e31320d6}@media (width>=760px){.app-shell{padding:28px 24px 48px}.portal-header{grid-template-columns:minmax(0,1fr) auto;min-height:360px;padding:38px}.portal-stats{justify-self:end}.category-grid,.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-workspace{grid-template-columns:minmax(280px,30%) minmax(0,70%);align-items:start}.lesson-detail{grid-template-columns:1fr}.video-player-area{min-height:420px}.admin-board,.management-grid,.progress-center-grid,.access-dashboard-grid,.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}}