@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.offer-editor{display:grid;gap:12px;margin:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md)}.offer-editor legend{padding:0 6px;color:var(--text-primary);font-weight:800}.flagship .price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:18px}.flagship .price-row .offer-label{flex-basis:100%;color:var(--accent-cyan);font-size:.9rem;font-weight:800}.flagship .price-row .offer{color:var(--text-primary);font-size:1.45rem;font-weight:800}.flagship .price-row .original{color:var(--text-secondary);font-size:1rem}.flagship .price-row .offer-savings{color:var(--accent-lime);font-size:.9rem;font-weight:800}:root{--bg-primary: #f5f9ff;--bg-secondary: #edf5ff;--bg-tertiary: #f8fbff;--bg-soft: #edf5ff;--bg-elevated: #ffffff;--surface: rgba(255, 255, 255, .76);--surface-strong: rgba(255, 255, 255, .9);--surface-elevated: rgba(255, 255, 255, .96);--glass: rgba(255, 255, 255, .52);--panel: rgba(255, 255, 255, .78);--panel-solid: #ffffff;--panel-hairline: rgba(26, 50, 72, .1);--border: rgba(19, 54, 79, .12);--border-strong: rgba(19, 54, 79, .18);--text-primary: #17364b;--text-secondary: #415d74;--text-muted: #6b818d;--text: var(--text-primary);--text-dim: var(--text-secondary);--text-faint: var(--text-muted);--accent-cyan: #0e7a8d;--accent-blue: #4477d8;--accent-violet: #675fe0;--accent-pink: #d76d95;--accent-lime: #2ca38a;--cyan: var(--accent-cyan);--blue: var(--accent-blue);--violet: var(--accent-violet);--pink: var(--accent-pink);--lime: var(--accent-lime);--success: #1ea67a;--warning: #d58b3d;--danger: #d75f6d;--ok: var(--success);--info: #4c83ff;--grad-holo: linear-gradient(135deg, rgba(14, 122, 141, 1) 0%, rgba(68, 119, 216, 1) 38%, rgba(103, 95, 224, 1) 68%, rgba(215, 109, 149, 1) 100%);--grad-holo-soft: linear-gradient(135deg, rgba(14, 122, 141, .12), rgba(68, 119, 216, .09), rgba(103, 95, 224, .08), rgba(215, 109, 149, .08));--shadow-sm: 0 4px 14px rgba(17, 37, 48, .06);--shadow-md: 0 10px 28px rgba(17, 37, 48, .08);--shadow-lg: 0 20px 48px rgba(17, 37, 48, .12);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "DM Sans", "Segoe UI", sans-serif;--transition-fast: .15s ease-out;--transition-medium: .22s ease-out;--container: min(1240px, calc(100vw - 32px) )}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}body{margin:0;min-width:320px;background:radial-gradient(circle at 0% 0%,rgba(14,122,141,.14),transparent 28%),radial-gradient(circle at 100% 0%,rgba(103,95,224,.12),transparent 26%),radial-gradient(circle at 50% 100%,rgba(68,119,216,.08),transparent 30%),var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,#ffffff1a,#fff0);z-index:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--accent-cyan);text-decoration:none}h1,h2,h3,h4{margin:0 0 .45em;color:var(--text-primary);font-family:var(--font-display);font-weight:700;line-height:1.08;letter-spacing:-.03em}h1{font-size:clamp(2.5rem,4vw,4rem)}h2{font-size:clamp(1.9rem,2.8vw,2.7rem)}h3{font-size:1.35rem}p{margin:0 0 .8em;color:var(--text-secondary)}small{color:var(--text-muted)}strong,b{color:var(--text-primary)}:focus-visible{outline:2px solid rgba(68,119,216,.7);outline-offset:3px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-size:.72rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad-holo);box-shadow:0 0 14px #0b7d8d66}.container{width:min(1220px,calc(100vw - 42px));margin:0 auto;padding:48px 0 80px}.topbar,.admin-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:min(1280px,calc(100vw - 24px));margin:0 auto;padding:14px clamp(18px,2vw,26px);background:#ffffffc7;border:1px solid rgba(19,54,79,.06);border-top:0;border-left:0;border-right:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 32px #10262b0a}.brand,.admin-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-family:var(--font-display);font-weight:700;min-width:0}.brand-mark,.admin-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--grad-holo);color:#fff;box-shadow:0 10px 24px #4477d82e;overflow:hidden}.brand small,.admin-brand small{display:block;color:var(--text-faint);letter-spacing:.08em;text-transform:lowercase;font-size:.7rem}.nav-links,.learner-nav,.admin-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.nav-cluster{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0}.nav-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.nav-group-primary,.nav-group-secondary{position:relative}.nav-group-primary .nav-link,.nav-group-secondary .nav-link{padding:9px 12px}.nav-group-utility{padding-top:2px}.nav-links a,.learner-nav a,.admin-nav a,.nav-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;color:var(--text-secondary);font-size:.83rem;font-weight:600;letter-spacing:-.01em;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-links a:hover,.learner-nav a:hover,.admin-nav a:hover,.nav-link:hover{color:var(--text-primary);background:#4477d80f}.nav-links a.active,.learner-nav a.active,.nav-links a[aria-current=page],.admin-nav a.active,.nav-link.active,.nav-link[aria-current=page]{background:linear-gradient(135deg,#0e7a8d14,#675fe014);color:var(--text-primary);border:1px solid rgba(14,122,141,.12);box-shadow:inset 0 -2px #0e7a8d42}.nav-group-secondary .nav-link{font-size:.8rem;padding:8px 10px}.nav-group-utility .nav-link{font-size:.78rem;padding:8px 10px;color:var(--text-muted)}.nav-link-utility.active,.nav-link-utility[aria-current=page]{color:var(--text-primary);background:#4477d80f}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.profile-menu-wrapper{position:relative}.profile-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px 7px 8px;border:1px solid rgba(19,54,79,.08);border-radius:999px;background:#ffffffeb;color:var(--text);box-shadow:0 8px 20px #1125300a;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.profile-chip:hover,.profile-chip:focus-visible{transform:translateY(-1px);border-color:#4477d82e;box-shadow:0 12px 24px #11253014;outline:none}.profile-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(240px,calc(100vw - 32px));display:grid;gap:6px;padding:10px;border-radius:18px;border:1px solid rgba(19,54,79,.08);background:#fffffffa;box-shadow:0 24px 48px #1125301f;z-index:60}.profile-menu a,.profile-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:left;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.profile-menu a:hover,.profile-menu a:focus-visible,.profile-menu button:hover,.profile-menu button:focus-visible{background:#4477d80d;color:var(--text-primary);outline:none}.profile-menu-signout{margin-top:4px;border-top:1px solid rgba(19,54,79,.08)!important;color:#b44955!important}.profile-menu-signout:hover,.profile-menu-signout:focus-visible{background:#d75f6d0f!important}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--grad-holo);color:#fff;font-size:.84rem;font-weight:700}.app-shell,.student-auth-screen,.admin-auth-screen{min-height:100vh}.auth-screen{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;padding:20px clamp(20px,4vw,40px) 0}.auth-topline{display:flex;align-items:center;justify-content:space-between;width:min(1260px,100%);margin:0 auto 24px}.auth-wrap{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:32px;width:min(1260px,100%);margin:0 auto;flex:1}.auth-aside,.auth-card,.admin-auth-copy,.admin-auth-card{background:#ffffffb3;border:1px solid rgba(19,54,79,.08);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-aside{display:grid;gap:18px;padding:clamp(24px,4vw,40px);border-radius:28px}.auth-aside h1{margin:0;font-size:clamp(2.3rem,4vw,3.6rem)}.auth-aside h1 em{color:var(--accent-cyan);font-style:normal;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-aside p{margin:0;max-width:36ch;color:var(--text-secondary)}.auth-note{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 16px;border-radius:18px;border:1px solid rgba(19,54,79,.08);background:linear-gradient(135deg,#0e7a8d0f,#4477d80f)}.auth-note b{display:block;margin-top:4px}.auth-switch{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(19,54,79,.1);border-radius:12px;background:#ffffffb3;color:var(--text-primary);font-weight:600}.auth-card{display:grid;gap:18px;padding:clamp(24px,3vw,32px);border-radius:28px}.auth-card-heading{display:grid;gap:10px}.auth-card-heading h2{margin:0;font-size:clamp(1.8rem,2.3vw,2.4rem)}.auth-card-heading p{margin:0}.auth-inline-note{display:flex;align-items:center;gap:8px;padding:0 4px;color:var(--text-secondary);font-size:.82rem}.auth-card label,.admin-auth-card label{display:grid;gap:8px;color:var(--text-secondary);font-size:.85rem;font-weight:600}.password-field{display:grid;gap:8px;min-width:0}.password-field-control{position:relative;display:block;min-width:0}.password-field-control input{width:100%;padding-right:42px}.password-field-control button,.password-field>label+button{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.password-field-control button:hover,.password-field-control button:focus-visible,.password-field>label+button:hover,.password-field>label+button:focus-visible{color:var(--text-primary);border-radius:10px;background:#13364f12;outline:none}.password-field-control>button,.password-field-control>button:hover,.password-field-control>button:focus-visible,.password-field-control>button:active,.password-field>label+button,.password-field>label+button:hover,.password-field>label+button:focus-visible,.password-field>label+button:active{top:50%;right:12px;width:44px;height:44px;min-width:44px;min-height:44px;transform:translateY(-50%);box-shadow:none}.auth-notice,.form-error,.admin-form-error{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;font-size:.88rem}.auth-notice{border:1px solid rgba(14,122,141,.12);background:#0e7a8d0f;color:var(--text-primary)}.form-error,.admin-form-error{border:1px solid rgba(215,95,109,.14);background:#d75f6d0f;color:#b84455}.auth-submit,.admin-auth-card button[type=submit]{width:100%}.remember-field,.consent-field{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:.85rem}.remember-field input,.consent-field input{width:18px;height:18px;margin-top:2px}.auth-footer{width:min(1260px,100%);margin:18px auto 28px;color:var(--text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:none}.auth-recovery-panel,.auth-success-state{display:grid;gap:14px;padding:18px 16px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(19,54,79,.08)}.auth-recovery-summary{display:flex;align-items:flex-start;gap:12px}.auth-recovery-icon,.auth-success-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#0e7a8d14;color:var(--accent-cyan);flex-shrink:0}.auth-recovery-summary b,.auth-success-state h3{display:block;margin-bottom:4px}.auth-recovery-summary small,.auth-success-state p{color:var(--text-secondary)}.auth-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.auth-step{display:grid;justify-items:center;gap:6px;padding:10px 8px;border-radius:12px;background:#0f243508;border:1px solid rgba(19,54,79,.08);color:var(--text-muted);font-size:.72rem;text-transform:uppercase}.auth-step i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#13364f0f;color:var(--text-secondary);font-style:normal;font-weight:700}.auth-step.active{background:linear-gradient(135deg,#0e7a8d14,#675fe014);border-color:#0e7a8d24;color:var(--text-primary)}.auth-step.active i{background:var(--grad-holo);color:#fff}.auth-success-state{align-items:center;text-align:center}.auth-success-state h3{margin:0;font-size:1.3rem}.auth-success-state p{margin:0}.password-strength{display:grid;gap:8px;color:var(--text-secondary);font-size:.8rem}.password-strength span{display:inline-flex;align-items:center;gap:6px}.password-strength i{display:block;width:28%;height:6px;border-radius:999px;background:#13364f14}.password-strength.strong i:first-child,.password-strength.strong i:nth-child(2),.password-strength.strong i:nth-child(3){background:linear-gradient(135deg,#0e7a8d,#4477d8)}.auth-field-error{color:#b84455;font-size:.75rem;font-weight:600}.admin-form-message{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid rgba(14,122,141,.14);background:#0e7a8d0f;color:var(--text-primary);font-size:.88rem}.admin-back-link,.auth-back-link,.auth-forgot-link{justify-self:start;padding:0;color:var(--accent-cyan);font-weight:600}.admin-auth-footer{display:flex;justify-content:space-between;gap:16px;width:min(1200px,calc(100vw - 40px));margin:18px auto 28px;color:var(--text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.admin-auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:28px 20px}.admin-auth-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:min(1200px,100%);gap:32px}.admin-auth-copy,.admin-auth-card{padding:clamp(24px,3vw,32px);border-radius:28px}.admin-auth-copy{display:grid;gap:18px}.admin-auth-card{display:grid;gap:16px}.admin-auth-card-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0e7a8d1f,#4477d81f);color:var(--accent-cyan)}.admin-auth-kicker,.admin-auth-copy .admin-auth-kicker{display:inline-block;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.admin-auth-points{display:grid;gap:12px}.admin-auth-points span{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffffb3;border:1px solid rgba(19,54,79,.08);color:var(--text-secondary)}.hero-card,.course-hero,.panel,[class$=-card],[class*="-card "],.admin-course-row,.material-row,.admin-stat,.directory-admin-module,.notice,.empty-state,.storage-config-note,.module-block,.metric,.live-room-panel,.admin-live-row,.broadcast-panel{position:relative;background:#ffffffbd;border:1px solid rgba(19,54,79,.09);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,3vw,34px);background:linear-gradient(135deg,#ffffffeb,#f0f6ffe6 52%,#f4efffe0);border:1px solid rgba(68,119,216,.08);border-radius:24px;box-shadow:0 20px 38px #1125300f}.hero-panel h1{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.06em;margin-bottom:8px}.hero-panel p{max-width:52ch;font-size:1rem;color:var(--text-secondary)}.hero-cta-wrap{display:flex;align-items:center;justify-content:center}.hero-card{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:clamp(24px,4vw,44px);background:linear-gradient(135deg,#17353f,#214c60 45%,#5f57b3);border:0;box-shadow:0 22px 56px #1930372e}.hero-card h1,.hero-card h2,.hero-card p,.hero-card .muted,.hero-card em{color:#fff}.hero-card p{opacity:.82}.hero-copy{display:grid;gap:12px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.hero-orbit{position:relative;min-height:280px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.26);border-radius:50%}.ring-one{width:220px;height:220px}.ring-two{width:300px;height:300px;border-style:dashed}.orbit-core{position:relative;display:grid;place-items:center;width:126px;height:126px;border-radius:50%;background:linear-gradient(135deg,#ffffff5c,#ffffff14);border:1px solid rgba(255,255,255,.25);color:#fff;font-family:var(--font-display);font-weight:700;text-align:center;box-shadow:0 18px 38px #0f202738}.orbit-core small{color:#ffffffd1}.orbit-tag{position:absolute;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0e20272e;color:#fff;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.tag-top{top:18px;right:26px}.tag-bottom{bottom:18px;left:26px}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0 40px}.metric{display:grid;gap:8px;padding:18px 20px;min-height:116px}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#0b7d8d14;color:var(--cyan)}.metric strong{font-size:1.45rem;font-family:var(--font-display)}.metric span{color:var(--text-dim);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border:1px solid rgba(19,54,79,.12);border-radius:12px;background:#ffffffd1;color:var(--text-primary);font-weight:700;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.button:hover,button:hover{transform:translateY(-1px);border-color:#4477d84d;box-shadow:0 10px 24px #4477d814}.button-lime,.button-cyan,.button-primary{background:linear-gradient(135deg,#0e7a8d,#4477d8);border-color:transparent;color:#fff;box-shadow:0 12px 28px #0e7a8d33}.button-dark{background:linear-gradient(135deg,#0e2e3e,#203e61);border-color:transparent;color:#fff;box-shadow:0 12px 25px #12243724}.button-small{min-height:34px;padding:8px 12px;font-size:.8rem}.button-link{padding:0;border:0;background:transparent;color:var(--cyan);box-shadow:none}label{display:grid;gap:7px;color:var(--text-dim);font-size:.86rem;font-weight:600}input,select,textarea{width:100%;padding:11px 12px;border:1px solid rgba(19,54,79,.12);border-radius:12px;background:#fffc;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:#4477d861;box-shadow:0 0 0 4px #4477d817;background:#fffffff0}textarea{min-height:110px;resize:vertical}.button-ghost{background:#fffc;border-color:#13364f24;color:var(--text-primary)}.button-ghost:hover,.button-ghost:focus-visible{background:#4477d80a;border-color:#4477d83d}.admin-access-shell{display:grid;gap:18px;padding-bottom:12px}.admin-access-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.admin-access-header h1{margin:10px 0 0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.06em}.admin-access-header p{margin-top:8px}.admin-access-toolbar{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(120px,1fr));gap:12px;align-items:center;padding:14px 16px}.admin-toolbar-search{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:#ffffffbf;color:var(--text-secondary)}.admin-toolbar-search input{border:0;padding:0;background:transparent;box-shadow:none}.admin-access-table{overflow:hidden;padding:0}.admin-access-table-head{display:grid;grid-template-columns:minmax(200px,1.8fr) minmax(140px,1fr) minmax(120px,.95fr) minmax(140px,1fr) 150px;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(19,54,79,.08);background:#e4ecf561;color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-access-row{display:grid;grid-template-columns:minmax(200px,1.8fr) minmax(140px,1fr) minmax(120px,.95fr) minmax(140px,1fr) 150px;gap:14px;align-items:center;padding:18px;border-bottom:1px solid rgba(19,54,79,.08);transition:background var(--transition-fast),transform var(--transition-fast)}.admin-access-row:last-child{border-bottom:0}.admin-access-row:hover{background:#4477d808}.admin-access-user{display:flex;align-items:center;gap:12px;min-width:0}.admin-user-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--grad-holo);color:#fff;font-family:var(--font-display);font-weight:700;box-shadow:0 10px 18px #4477d838}.admin-user-avatar.tiny{width:32px;height:32px;border-radius:10px;font-size:.9rem}.admin-access-user strong,.admin-access-cell strong{display:block;font-weight:700}.admin-access-user small,.admin-access-cell small{display:block;margin-top:4px;color:var(--text-muted)}.admin-access-head-action{justify-self:end}.admin-access-actions{display:flex;justify-content:flex-end}.admin-access-detail-shell{display:grid;gap:18px;padding:10px 0 40px}.admin-access-detail-topbar{display:flex;align-items:center;justify-content:flex-start}.admin-back-link{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:#ffffffb3;color:var(--text-primary);font-weight:600}.admin-access-profile-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.admin-access-profile-main{display:flex;align-items:center;gap:14px}.admin-access-profile-copy h1{margin:0;font-size:clamp(1.8rem,2vw,2.5rem)}.admin-access-profile-copy p{margin:6px 0 0;color:var(--text-secondary)}.admin-access-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:6px;border:1px solid rgba(19,54,79,.08);border-radius:14px;background:#ffffffb8;box-shadow:var(--shadow-sm)}.admin-tab-button{min-height:38px;padding:9px 14px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font-weight:700}.admin-tab-button.is-active{background:linear-gradient(135deg,#0e7a8d1f,#675fe014);color:var(--text-primary);box-shadow:inset 0 0 0 1px #0e7a8d1f}.admin-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-stat-card{display:grid;gap:8px;padding:18px 18px 16px;border:1px solid rgba(19,54,79,.08);border-radius:16px;background:#ffffffc2;box-shadow:var(--shadow-sm)}.admin-stat-card span{color:var(--text-secondary);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-stat-card strong{font-family:var(--font-display);font-size:clamp(1.7rem,2vw,2.3rem);line-height:1}.admin-detail-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:18px}.compact-header{margin-bottom:6px}.eyebrow.subtle{display:inline-block;margin-bottom:8px;font-size:.68rem}.small-copy{margin-bottom:18px;font-size:.92rem}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-block{display:grid;gap:8px}.field-block span{color:var(--text-secondary);font-size:.8rem;font-weight:700}.permission-panel{display:grid;gap:12px;margin:18px 0;padding:16px;border:1px solid rgba(19,54,79,.08);border-radius:16px;background:#f4f8fddb}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.permission-row+.permission-row{border-top:1px solid rgba(19,54,79,.08)}.permission-row strong{display:block;margin-bottom:4px}.permission-row small{display:block;color:var(--text-secondary)}.permission-state{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.permission-state.enabled{background:#1ea67a1f;color:var(--success)}.permission-toggle-row{align-items:center}.toggle-switch{position:relative;width:54px;height:30px;border:0;border-radius:999px;background:#13364f26;transition:background var(--transition-fast)}.toggle-switch.is-on{background:linear-gradient(135deg,#0e7a8d,#4477d8)}.toggle-slider{position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 3px 10px #11253033;transition:transform var(--transition-fast)}.toggle-switch.is-on .toggle-slider{transform:translate(24px)}.admin-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.tight-actions{margin-top:12px}.empty-access-state{display:grid;justify-items:center;gap:12px;padding:26px 18px;border:1px dashed rgba(19,54,79,.16);border-radius:18px;background:#fafcffb3;color:var(--text-secondary);text-align:center}.empty-access-state strong{font-size:1.05rem}.compact-empty{padding:24px 18px}.access-panel-list{display:grid;gap:12px}.access-panel-item{display:grid;gap:14px;padding:16px;border:1px solid rgba(19,54,79,.08);border-radius:16px;background:#f8fbffcc}.access-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.access-panel-head h4{margin:0;font-size:1.1rem}.access-label{display:block;margin-bottom:4px;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.access-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-mini{display:grid;gap:6px;min-height:74px;padding:10px 12px;border:1px solid rgba(19,54,79,.08);border-radius:12px;background:#ffffffc2}.metric-mini span{color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.metric-mini strong{font-size:.96rem}.access-meta-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:.8rem}.admin-access-grid-table{display:grid}.admin-grid-header,.admin-grid-row{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(150px,1.3fr) minmax(110px,.9fr) minmax(120px,1fr) 110px;gap:14px;align-items:center}.admin-grid-header{padding:14px 18px;border-bottom:1px solid rgba(19,54,79,.08);background:#e4ecf561;color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-grid-row{padding:18px;border-bottom:1px solid rgba(19,54,79,.08)}.admin-grid-row:last-child{border-bottom:0}.timeline{display:grid;gap:14px;padding:6px 0 0}.timeline-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid rgba(19,54,79,.08)}.timeline-item:last-child{border-bottom:none}.timeline-dot{width:10px;height:10px;margin-top:7px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));box-shadow:0 0 0 5px #4477d814}.timeline-item small{display:block;margin-bottom:4px;color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.login-history-table{display:grid;gap:8px}.login-history-header,.login-history-row{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(110px,.6fr);gap:12px;padding:12px 14px;align-items:center}.login-history-header{color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-history-row{border:1px solid rgba(19,54,79,.08);border-radius:12px;background:#fafcffcc}.admin-confirm-modal{width:min(440px,calc(100vw - 28px));padding:22px 20px}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#11253066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-course-name{display:block;margin:10px 0 12px;font-size:1.2rem}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:76px;min-height:26px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-chip.status-live{background:#1ea67a1f;color:var(--success)}.status-chip.status-archived{background:#d75f6d1f;color:var(--danger)}.notice{padding:14px 16px;border-left:4px solid var(--cyan);background:#0b7d8d0a;color:var(--text)}.notice small{display:block;margin-top:6px}.notice-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(201,87,104,.18);border-left:4px solid var(--danger);border-radius:12px;background:#c957680d;color:var(--text-primary);font-size:.8rem}.notice-inline-close{display:inline-grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid rgba(19,54,79,.08);border-radius:8px;background:#fffc;color:var(--text-secondary)}.notification-shell{position:relative;display:inline-flex;align-items:center}.notification-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(19,54,79,.08);border-radius:12px;background:#ffffffb3;color:var(--text-primary);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.notification-trigger:hover,.notification-trigger:focus-visible{background:linear-gradient(135deg,#0e7a8d0d,#675fe00d);border-color:#4477d838;box-shadow:0 8px 20px #4477d814;outline:none}.notification-trigger.is-open{background:linear-gradient(135deg,#0e7a8d0f,#675fe014);border-color:#0e7a8d33}.notification-badge{position:absolute;top:-5px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#d75f6d;color:#fff;font-size:.68rem;font-weight:700;line-height:1;box-shadow:0 8px 16px #d75f6d38}.notification-badge-inline{position:static;min-width:18px;height:18px;margin-left:2px}.notification-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(400px,calc(100vw - 24px));max-height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fffffff5;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 45px #16262f1f;overflow:hidden;animation:notification-popover .18s ease-out;z-index:50}@keyframes notification-popover{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notification-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px;background:#fffffff5;border-bottom:1px solid var(--border)}.notification-title-wrap{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.95rem;font-weight:700}.notification-header-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#0b7d8d0f;color:var(--text)}.notification-settings-link{display:flex;align-items:center;gap:9px;margin:0 12px 12px;padding:10px 12px;border:1px solid rgba(14,122,141,.14);border-radius:11px;background:#0e7a8d0d;color:var(--text-primary);font-size:.82rem;font-weight:700;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.notification-settings-link svg:last-child{margin-left:auto;color:var(--text-secondary)}.notification-settings-link:hover,.notification-settings-link:focus-visible{border-color:#0e7a8d47;background:#0e7a8d1a;transform:translateY(-1px);outline:none}.notification-mark-all{font-size:.8rem;font-weight:600;color:var(--text-dim);padding:0}.notification-mark-all:hover,.notification-mark-all:focus-visible{color:var(--text)}.notification-list{display:grid;gap:10px;padding:12px 12px 14px;max-height:520px;overflow-y:auto}.notification-item{display:flex;flex-direction:column;gap:8px;padding:16px;height:auto;min-height:132px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffffe0,#f1f7fce0);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;cursor:pointer}.notification-item:hover,.notification-item:focus-visible{border-color:#4477d838;box-shadow:0 14px 26px #16262f14;transform:translateY(-1px);outline:none}.notification-item.is-unread{border-color:#0b7d8d33;background:linear-gradient(180deg,#0c80920f,#ffffffeb)}.notification-item.is-read{background:#ffffffb8}.notification-item-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.notification-item-meta{display:inline-flex;align-items:center;gap:8px}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #0b7d8d14}.notification-category{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#1f9e821f;color:var(--ok);font-size:.63rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.notification-category.tone-general{background:#4477d81a;color:var(--accent-blue)}.notification-category.tone-meeting{background:#675fe01f;color:var(--accent-violet)}.notification-category.tone-study{background:#2ca38a1f;color:var(--lime)}.notification-category.tone-recording{background:#d76d951f;color:var(--accent-pink)}.notification-category.tone-payment{background:#d58b3d1f;color:var(--warning)}.notification-time{color:var(--text-faint);font-size:.7rem;font-weight:500}.notification-item h4{margin:0;color:var(--text);font-size:1rem;line-height:1.35}.notification-item p{margin:0;color:var(--text-dim);font-size:.85rem;line-height:1.5}.notification-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:2px}.notification-settings-page{width:min(880px,calc(100% - 32px));margin:0 auto;padding-top:30px;padding-bottom:56px}.notification-settings-page .page-header-row{align-items:flex-start}.notification-settings-page .page-header-row>svg{flex:0 0 auto;margin-top:5px;color:var(--cyan)}.notification-settings-card{padding:0;overflow:hidden}.notification-setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-bottom:1px solid var(--border)}.notification-setting-row>div{display:grid;gap:5px;min-width:0}.notification-setting-row strong{color:var(--text-primary);font-size:.96rem}.notification-setting-row span{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.notification-setting-primary{padding-top:22px;padding-bottom:22px;background:linear-gradient(120deg,#0e7a8d14,#ffffffd1)}.notification-setting-primary strong{font-size:1.05rem}.notification-settings-list .notification-setting-row:last-child{border-bottom:0}.settings-toggle{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-width:72px;min-height:38px;padding:4px 9px 4px 5px;border:1px solid rgba(19,54,79,.14);border-radius:999px;background:#13364f0f;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.settings-toggle span{width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #11253029;transition:transform var(--transition-fast),background var(--transition-fast)}.settings-toggle b{font-size:.72rem;font-weight:700}.settings-toggle.is-on{border-color:#0e7a8d57;background:var(--cyan);color:#fff}.settings-toggle.is-on span{transform:translate(30px);background:#f8ffff}.settings-toggle.is-on b{order:-1}.settings-toggle:disabled{cursor:wait;opacity:.62}.settings-toggle:focus-visible{outline:3px solid rgba(14,122,141,.2);outline-offset:2px}.notification-action{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:32px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:#fffc;color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease}.notification-action-primary{background:linear-gradient(135deg,#0e7a8d,#4477d8);border-color:transparent;color:#fff}.notification-action:hover,.notification-action:focus-visible{border-color:#0b7d8d33;background:#0b7d8d0a;outline:none}.notification-action-primary:hover,.notification-action-primary:focus-visible{background:linear-gradient(135deg,#0e7a8d,#4477d8);box-shadow:0 8px 18px #4477d82e}.notification-empty{display:grid;place-items:center;gap:10px;padding:28px 20px 30px;text-align:center;color:var(--text-dim)}.notification-empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#0b7d8d12;font-size:1.5rem}.notification-empty h4{margin:0;color:var(--text);font-size:1.05rem}.notification-empty p{margin:0;color:var(--text-dim);font-size:.82rem}.site-footer{border-top:1px solid var(--panel-hairline);background:#ffffff94;margin-top:40px}.site-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:28px;width:min(1220px,calc(100vw - 42px));margin:0 auto;padding:34px 0 18px}.site-footer-bottom{width:min(1220px,calc(100vw - 42px));margin:0 auto;padding:0 0 22px;color:var(--text-faint);font-size:.78rem;text-align:center}.admin-shell{display:block;min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:80;display:flex;flex-direction:column;gap:14px;width:min(304px,calc(100vw - 48px));min-height:100vh;padding:20px 16px;background:#16353f;border-right:1px solid rgba(255,255,255,.08);box-shadow:20px 0 50px #18344d33;transform:translate(-105%);transition:transform .22s ease-out}.admin-sidebar.is-open{transform:translate(0)}.admin-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:none;border:0;background:#18344d52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.admin-shell:has(.admin-sidebar.is-open) .admin-drawer-backdrop{display:block}.admin-menu-button{display:inline-flex;width:40px;min-height:40px;padding:9px;border-color:var(--border);background:var(--surface-strong)}.admin-sidebar .admin-brand,.admin-sidebar .admin-sidebar-label,.admin-sidebar .admin-user b,.admin-sidebar .admin-learner-link,.admin-sidebar .admin-logout,.admin-sidebar small{color:#edf7fa}.admin-sidebar-label{padding:10px 8px 0;color:#edf7fab8;font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.admin-nav{display:grid;gap:6px;margin-top:8px}.admin-nav a{padding:10px 12px;border-radius:10px;color:#edf7facc}.admin-nav a.active,.admin-nav a:hover{background:#ffffff14;color:#fff}.admin-sidebar-bottom{margin-top:auto;display:grid;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.admin-logout{justify-content:flex-start;width:100%;color:#ffe5e8!important;background:#c957681f;border-color:#ffbec633}.admin-logout:hover,.admin-logout:focus-visible{background:#c9576838;border-color:#ffbec657}.admin-user{display:flex;align-items:center;gap:10px}.admin-learner-link,.admin-logout{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff05}.admin-main{width:100%;background:#fff3;min-width:0}.admin-topbar{width:100%;max-width:none;margin:0;background:#ffffffb8;padding-top:12px;padding-bottom:12px}.admin-kicker{display:block;color:var(--text-faint);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.admin-topbar-title{display:block;font-family:var(--font-display);font-size:1.2rem;font-weight:700}.admin-live-indicator{display:inline-flex;align-items:center;gap:8px;color:var(--ok);font-weight:700}.admin-live-indicator span:first-child{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px #1d8d7280}.google-auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px}.google-auth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b141d61;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.google-auth-modal-card{position:relative;z-index:1;width:min(420px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 20px 18px;background:#ffffffe6;border:1px solid rgba(19,54,79,.12);border-radius:20px;box-shadow:0 18px 48px #0f172a2e;text-align:center}.google-auth-close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;background:#0f172a0a;color:var(--text-secondary);cursor:pointer}.google-auth-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#0e7a8d1f,#675fe01f);color:var(--text-primary);font-size:1.8rem;font-weight:800;letter-spacing:-.08em;margin-top:8px}.google-auth-modal-card h2{margin:0;font-size:clamp(1.5rem,2vw,1.85rem);line-height:1.2;letter-spacing:-.05em}.google-auth-modal-card p{margin:0;max-width:30ch;color:var(--text-secondary);line-height:1.6}.google-auth-cancel{margin-top:2px;font-size:.92rem}.page-shell{display:grid;gap:22px;padding:28px 0 40px}.dashboard-page,.learning-page{width:min(1200px,calc(100% - 32px));max-width:1200px;margin:0 auto;padding-top:24px;padding-bottom:48px}.dashboard-page .stats-grid,.dashboard-page .dashboard-grid,.dashboard-page .secondary-grid,.learning-page .course-grid{width:100%}.dashboard-page .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 18px 16px;min-height:128px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffc7;box-shadow:var(--shadow-sm)}.metric-card .metric-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:var(--text-primary);background:#0e7a8d14}.metric-card-emerald .metric-icon{background:#1997681f;color:#0f8c69}.metric-card-amber .metric-icon{background:#eaa0281f;color:#b46b00}.metric-card-green .metric-icon{background:#1178641f;color:#0b7d6b}.metric-card-violet .metric-icon{background:#6366f11f;color:#4f46e5}.metric-label{display:inline-block;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.metric-card strong{font-size:clamp(1.7rem,2vw,2.25rem);line-height:1;letter-spacing:-.06em}.dashboard-page .dashboard-grid,.dashboard-page .secondary-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px}.dashboard-page .panel,.dashboard-page .metric-card,.learning-page .course-panel-card{min-width:0}.dashboard-page .course-list,.dashboard-page .activity-list,.dashboard-page .notification-compact-list,.dashboard-page .quick-grid{display:grid;gap:14px}.dashboard-page .mini-course-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:126px;padding:18px 18px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffbf;box-shadow:var(--shadow-sm)}.dashboard-page .mini-course-card>div:first-child,.dashboard-page .mini-course-card>div:last-child{min-width:0}.dashboard-page .mini-course-card h4,.learning-page .course-panel-card h3{margin:0 0 8px;font-size:clamp(1.1rem,1.5vw,1.5rem);line-height:1.2}.dashboard-page .mini-course-card p,.learning-page .course-panel-card p{margin:0;color:var(--text-secondary)}.dashboard-page .mini-course-meta,.learning-page .learning-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.learning-page .course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.learning-page .course-panel-card{display:flex;flex-direction:column;gap:14px;min-height:290px;padding:18px}.learning-page .course-panel-card .button{margin-top:auto}.registered-page{width:min(1180px,calc(100% - 32px));max-width:1180px;margin:0 auto;padding-top:30px;padding-bottom:48px}.registered-page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:6px 0 0}.registered-page-header h1{margin:6px 0 8px;font-size:clamp(2.2rem,3vw,3.1rem);letter-spacing:-.06em;line-height:1.05}.registered-page-header p{max-width:680px;margin:0;color:var(--text-secondary);font-size:1rem}.registered-summary-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(16,85,98,.16);border-radius:999px;background:#1188a30f;color:var(--text-primary);box-shadow:var(--shadow-sm)}.registered-summary-pill strong{font-size:1.2rem;line-height:1}.registered-summary-pill span{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.registered-courses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.registered-course-card{display:flex;flex-direction:column;min-height:100%;padding:20px 20px 18px;border:1px solid rgba(22,50,77,.09);border-radius:24px;background:linear-gradient(180deg,#fffffff2,#f5f9fce6);box-shadow:0 12px 30px #12293c0f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.registered-course-card:hover{transform:translateY(-2px);border-color:#168fa52e;box-shadow:0 18px 36px #132d4217}.registered-course-card__top{display:flex;align-items:center;justify-content:flex-start;margin-bottom:14px}.registered-course-status{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#1ea76e1f;color:var(--success);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.registered-course-status__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #1ea76e24}.registered-course-card__body{display:flex;flex:1;flex-direction:column;gap:16px}.registered-course-card h3{margin:0;font-size:clamp(1.35rem,1.6vw,1.7rem);line-height:1.2;letter-spacing:-.04em;color:var(--text-primary)}.registered-course-card p{margin:0;color:var(--text-secondary);line-height:1.6;min-height:72px}.registered-progress-block{display:grid;gap:10px;margin-top:auto}.registered-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.registered-progress-meta strong{font-size:.96rem;color:var(--text-primary);letter-spacing:normal;text-transform:none}.registered-progress-bar{position:relative;width:100%;height:10px;overflow:hidden;border-radius:999px;background:#12293c14}.registered-progress-bar span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet))}.registered-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.registered-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid rgba(22,143,165,.14);border-radius:999px;background:#168fa50f;color:var(--text-primary);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.registered-badge--neutral{border-color:#7f92a733;background:#7f92a714}.registered-badge--accent{border-color:#7d61dc29;background:#7d61dc14}.registered-course-card__footer{margin-top:18px}.registered-continue-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:0}@media(max-width:980px){.registered-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.registered-page-header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.registered-page{width:min(100%,calc(100% - 20px))}.registered-courses-grid{grid-template-columns:1fr}.registered-course-card{padding:18px 16px 16px}.registered-course-card p{min-height:unset}}.page-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:6px 0 0}.page-header-row h1{font-size:clamp(2.1rem,3vw,3rem);letter-spacing:-.06em;margin-bottom:0}.tab-row{display:inline-flex;align-items:center;gap:8px;padding:6px;background:#f0f4f9e6;border:1px solid rgba(19,54,79,.08);border-radius:999px;box-shadow:inset 0 1px #fffc}.tab-button{padding:10px 16px;border:0;background:transparent;color:var(--text-secondary);border-radius:999px;font-weight:700;font-size:.82rem;letter-spacing:.01em;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.tab-button.is-active{background:linear-gradient(135deg,#0e7a8d1a,#675fe01f);color:var(--text-primary);box-shadow:0 8px 16px #4477d81f}.tab-button:hover,.tab-button:focus-visible{background:#ffffffb3;color:var(--text-primary);outline:none}.pagination-row{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:4px;color:var(--text-secondary);font-size:.9rem}.page-loader{display:grid;place-items:center;min-height:100vh;gap:10px;color:var(--text-dim)}.loader-dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px #0b7d8d59;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}}@media(max-width:980px){.hero-card,.jrf-layout,.planner-layout,.planner-day-layout,.admin-auth-grid{grid-template-columns:1fr}.metric-row,.dashboard-page .stats-grid,.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar{grid-template-columns:auto 1fr auto;gap:10px;padding-inline:16px}.nav-cluster{order:3;width:100%;align-items:flex-start}.nav-group{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.nav-links a,.learner-nav a{white-space:nowrap}.topbar-actions{width:100%;justify-content:space-between}.notification-center{width:100%}.hero-panel,.page-header-row{flex-direction:column;align-items:flex-start}.tab-row{width:100%;justify-content:space-between;overflow-x:auto}.dashboard-page .stats-grid,.learning-page .course-grid,.metric-row,.site-footer-grid{grid-template-columns:1fr}.pagination-row{flex-wrap:wrap}}@media(min-width:981px){.admin-shell{display:block}.admin-sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.admin-sidebar.is-open{transform:translate(0)}.admin-main{width:100%}}@media(max-width:600px){.container,.site-footer-grid,.site-footer-bottom{width:min(100vw - 24px,1220px)}.hero-actions{flex-direction:column}.hero-actions .button,.hero-actions button{width:100%}.admin-shell{display:block}.admin-sidebar{padding:18px 12px}.admin-nav{display:flex;overflow-x:auto;flex-wrap:nowrap}}::selection{background:#0b7d8d24}button:disabled,.button:disabled{cursor:not-allowed;opacity:.6}.learning-topic-list{display:grid;gap:10px;margin:16px 0}.topic-live-output{border:1px solid var(--line, #d8d5cc);background:var(--paper, #fffdf8);padding:12px;margin-top:12px}.topic-live-output-compact{margin-top:10px;max-width:520px}.topic-live-heading{display:flex;align-items:center;gap:7px;color:var(--ink, #1f2a2e);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.module-card-list{display:grid;gap:18px}.course-module-tools,.directory-filter-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.course-module-search{display:flex;align-items:center;gap:8px;flex:1 1 260px;min-width:0;min-height:44px;padding:0 12px;border:1px solid rgba(19,54,79,.12);border-radius:12px;background:#fffc;color:var(--text-secondary)}.course-module-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit}.course-module-tools select,.directory-filter-tools select{flex:0 1 180px;min-height:44px;max-width:100%}.module-card{display:grid;gap:0;overflow:hidden;border:1px solid rgba(19,54,79,.08);border-radius:20px;background:linear-gradient(180deg,#ffffffdb,#f6f9ffd6);box-shadow:0 18px 32px #1125300d}.module-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:72px;padding:18px 20px;border:0;background:transparent;color:var(--text-primary);text-align:left}.module-card-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.module-card-bullet{display:inline-grid;place-items:center;font-size:1.1rem}.module-card-index{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:30px;padding:4px 8px;border-radius:999px;background:#4477d814;color:var(--accent-blue);font-size:.72rem;font-weight:800;letter-spacing:.08em}.module-card-name{font-size:clamp(1.06rem,2vw,1.3rem);line-height:1.2;letter-spacing:-.03em;font-weight:700}.module-card-meta{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.8rem;font-weight:700}.module-card-meta svg{flex-shrink:0;transition:transform var(--transition-fast)}.module-card-meta svg.rotate{transform:rotate(180deg)}.module-card-body{display:grid;gap:12px;padding:0 20px 20px;border-top:1px solid rgba(19,54,79,.08);background:#fafcff99}.module-topic-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(19,54,79,.06)}.module-topic-row:last-child{border-bottom:0}.module-topic-index{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:30px;padding:5px 8px;border-radius:999px;background:#168fa514;color:var(--accent-cyan);font-size:.72rem;font-weight:800}.module-topic-copy{display:grid;gap:5px;min-width:0}.module-topic-title{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text-primary);font-size:.98rem;font-weight:700}.module-topic-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-topic-copy small{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.module-topic-actions{display:grid;justify-items:end;gap:8px}.module-pagination-wrap{display:grid;gap:12px;margin-top:18px}.module-pagination-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.module-page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.module-page-pill{min-width:38px;min-height:38px;padding:8px 10px;border:1px solid rgba(19,54,79,.08);border-radius:12px;background:#ffffffb3;color:var(--text-primary);font-weight:700}.module-page-pill-active{border-color:#4477d82e;background:linear-gradient(135deg,#4477d81f,#7568d91f);color:var(--accent-violet)}.module-page-status{text-align:center;color:var(--text-secondary);font-size:.83rem;font-weight:700}.topic-live-form{display:flex;gap:8px;margin-top:9px}.topic-live-form input{min-width:0;flex:1}.topic-live-answer{border-left:3px solid var(--lime, #b7d66a);margin-top:10px;padding-left:10px}.topic-live-answer p{margin:0;white-space:pre-wrap}.topic-live-answer small,.topic-live-error{display:block;margin-top:7px}.topic-live-error{color:var(--danger, #a8443f)}.next-lesson-line{margin:8px 0 0;font-size:.86rem}.next-lesson-panel{display:grid;gap:3px;border-left:3px solid var(--lime, #b7d66a);margin:14px 0;padding-left:10px}.next-lesson-panel small,.next-lesson-panel span,.upcoming-class-line{color:var(--muted, #637179);font-size:.82rem}.upcoming-class-line{margin:10px 0 14px}.topic-access-content{display:grid;gap:10px;justify-items:end}.topic-row:target{outline:2px solid var(--lime, #b7d66a);outline-offset:5px}.container.course-page{min-width:0;overflow-x:clip}.course-page .course-hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}.course-page .course-hero>div,.course-page .course-content>*,.course-page .module-card,.course-page .module-card-body,.course-page .module-topic-row,.course-page .module-topic-copy,.course-page .module-topic-actions,.course-page .resource-media{min-width:0}.course-page .course-hero h1,.course-page .course-hero p,.course-page .module-card-name,.course-page .module-topic-title b,.course-page .resource-file-label span{overflow-wrap:anywhere;word-break:break-word}.course-page .course-hero p{max-width:70ch}.course-page .course-stamp{display:grid;justify-items:center;align-content:center;gap:4px;min-width:132px;min-height:132px;padding:18px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:#ffffff94}.course-page .course-stamp b{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1}.course-page .course-content{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}.course-page .side-panel{min-width:0}.course-page .module-card-head{min-height:64px;padding:16px}.course-page .module-card-title-wrap{flex:1 1 auto;min-width:0}.course-page .module-card-meta{flex:0 1 auto;min-width:0;text-align:right}.course-page .module-card-body{padding-inline:16px}.course-page .module-topic-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.course-page .module-topic-actions{grid-column:1 / -1;justify-items:stretch;width:100%}.course-page .resource-pills{display:grid;gap:10px;width:100%}.course-page .resource-media{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;padding:12px;border:1px solid rgba(19,54,79,.08);border-radius:12px;background:#ffffffb8}.course-page .resource-file-label{display:flex;align-items:flex-start;gap:8px;min-width:0;line-height:1.4}.course-page .resource-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.course-page .resource-pill,.course-page .module-topic-actions>.button,.course-page .course-hero .button{min-height:44px}.course-page .resource-pill{justify-content:center;width:100%;min-width:0;white-space:normal;text-align:center}.course-page .resource-pagination{display:grid;gap:10px;width:100%;padding-top:4px}.course-page .resource-page-size,.course-page .resource-page-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.course-page .resource-page-size{justify-content:flex-start;color:var(--text-secondary);font-size:.78rem;font-weight:700}.course-page .resource-page-size select{min-height:40px;padding:6px 28px 6px 10px}.course-page .resource-page-controls .button,.course-page .resource-page-pill{min-height:44px}.course-page .resource-page-controls .button{justify-content:center}.course-page .resource-page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-width:0}.course-page .resource-page-pill{min-width:44px;padding:8px 10px;border:1px solid rgba(19,54,79,.12);border-radius:10px;background:#ffffffd1;color:var(--text-primary);font-weight:700}.course-page .resource-page-pill.is-active{border-color:var(--accent-cyan);background:var(--accent-cyan);color:#fff}.course-page .resource-page-status{color:var(--text-secondary);font-size:.76rem;font-weight:700}.admin-resource-pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px 0 2px;border-top:1px solid var(--border)}.admin-resource-pagination .resource-page-size,.admin-resource-pagination .resource-page-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-resource-pagination .resource-page-size{color:var(--text-secondary);font-size:.78rem;font-weight:700;white-space:nowrap}.admin-resource-pagination .resource-page-size select{min-height:38px;padding:6px 28px 6px 10px}.admin-resource-pagination .resource-page-controls{justify-content:center}.admin-resource-pagination .resource-page-controls .button{min-height:38px;justify-content:center;white-space:nowrap}.admin-resource-pagination .resource-page-numbers{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}.admin-resource-pagination .resource-page-pill{min-width:38px;min-height:38px;padding:7px 10px;border:1px solid rgba(19,54,79,.12);border-radius:9px;background:#ffffffd1;color:var(--text-primary);font-weight:700}.admin-resource-pagination .resource-page-pill.is-active{border-color:var(--accent-cyan);background:var(--accent-cyan);color:#fff}.admin-resource-pagination .resource-page-status{color:var(--text-secondary);font-size:.76rem;font-weight:700;text-align:right;white-space:nowrap}@media(max-width:760px){.admin-resource-pagination{grid-template-columns:1fr;justify-items:stretch}.admin-resource-pagination .resource-page-size,.admin-resource-pagination .resource-page-controls{justify-content:center}.admin-resource-pagination .resource-page-status{text-align:center}}.course-page .module-pagination-row{width:100%}.course-page .module-pagination-row>.button{min-height:44px;flex:1 1 120px;justify-content:center}.course-page .module-page-numbers{min-width:0;max-width:100%}@media(min-width:641px){.course-page .course-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}.course-page .course-content{grid-template-columns:minmax(0,1fr) minmax(220px,280px)}.course-page .module-topic-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.course-page .module-topic-actions{grid-column:1 / -1;justify-items:stretch}.course-page .resource-pills{justify-items:stretch}.course-page .resource-media{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;width:100%}.course-page .resource-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:981px){.course-page .course-hero{gap:28px}.course-page .course-content{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:30px}}@media(max-width:420px){.course-page .course-hero,.course-page .module-card-head,.course-page .module-card-body{padding-inline:12px}.course-page .module-card-head{gap:10px}.course-page .module-card-title-wrap{align-items:flex-start;gap:8px}.course-page .module-card-meta{width:100%;text-align:left}.course-page .resource-actions{grid-template-columns:1fr}.course-page .resource-page-controls{justify-content:stretch}.course-page .resource-page-controls .button{flex:1 1 100%}.course-page .resource-page-status{text-align:center}.course-page .module-pagination-row{gap:8px}.course-page .course-module-tools,.course-page .course-module-tools .course-module-search,.course-page .course-module-tools select{width:100%}.course-page .module-pagination-row>.button{flex-basis:100%}}@media(max-width:640px){.module-card-head{flex-direction:column;align-items:flex-start}.module-card-meta{width:100%;justify-content:space-between}.module-topic-row{grid-template-columns:auto 1fr}.module-topic-actions{grid-column:1 / -1;justify-items:start}.module-topic-copy small{white-space:normal}.topic-live-form{align-items:stretch;flex-direction:column}.topic-access-content{justify-items:start}}:root{--bg-primary: #f7fbff;--bg-secondary: #eef7ff;--bg-tertiary: #fbfdff;--bg-elevated: #ffffff;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .9);--surface-elevated: rgba(255, 255, 255, .97);--glass: rgba(255, 255, 255, .62);--panel: rgba(255, 255, 255, .74);--panel-solid: #ffffff;--panel-hairline: rgba(22, 61, 96, .1);--border: rgba(22, 61, 96, .12);--border-strong: rgba(22, 61, 96, .2);--text-primary: #18344d;--text-secondary: #4f687e;--text-muted: #7890a3;--accent-cyan: #168fa5;--accent-blue: #4c78dc;--accent-violet: #7568d9;--accent-pink: #d488ae;--success: #168d78;--warning: #b97931;--danger: #c95768;--info: #4c78dc;--grad-holo: linear-gradient(120deg, #168fa5 0%, #4c78dc 48%, #7568d9 78%, #d488ae 100%);--grad-holo-soft: linear-gradient(120deg, rgba(22, 143, 165, .12), rgba(76, 120, 220, .08) 52%, rgba(117, 104, 217, .1));--shadow-sm: 0 3px 12px rgba(24, 52, 77, .06);--shadow-md: 0 10px 28px rgba(24, 52, 77, .08);--shadow-lg: 0 24px 56px rgba(24, 52, 77, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "DM Sans", "Segoe UI", sans-serif;--transition-fast: .15s ease-out;--transition-medium: .22s ease-out;--container: min(1240px, calc(100vw - 32px) )}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0% 0%,rgba(72,201,218,.14),transparent 26%),radial-gradient(circle at 100% 0%,rgba(142,123,231,.13),transparent 25%),radial-gradient(circle at 50% 100%,rgba(99,154,239,.08),transparent 34%),var(--bg-primary);color:var(--text-primary)}body:before{background:linear-gradient(115deg,#ffffff42,#fff0)}h1,h2,h3,h4{letter-spacing:-.02em}h1{font-size:clamp(2rem,4vw,3.5rem)}h2{font-size:clamp(1.55rem,3vw,2.35rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}p{line-height:1.65}.container,.site-footer-grid,.site-footer-bottom{width:var(--container)}.topbar,.admin-topbar{width:min(1320px,calc(100vw - 24px));min-height:72px;padding:12px 20px;background:#ffffffb8;border:1px solid rgba(22,61,96,.1);border-top:0;border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%)}.brand{gap:10px}.brand-mark,.admin-brand-mark{width:40px;height:40px;border-radius:var(--radius-md);background:var(--grad-holo);box-shadow:0 8px 20px #4c78dc33}.nav-cluster{gap:4px}.nav-group{gap:3px}.nav-links a,.learner-nav a,.admin-nav a,.nav-link{min-height:36px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;transition:all var(--transition-fast)}.nav-links a:hover,.learner-nav a:hover,.admin-nav a:hover,.nav-link:hover,.nav-links a.active,.learner-nav a.active,.nav-links a[aria-current=page],.admin-nav a.active,.nav-link.active,.nav-link[aria-current=page]{border-color:#168fa524;background:var(--grad-holo-soft);color:var(--text-primary);box-shadow:none}.profile-chip,.notification-trigger{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:none}.mobile-nav-toggle{display:none;width:42px;min-height:42px;padding:9px;flex-direction:column;gap:4px}.mobile-nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor}.profile-chip{min-height:42px}.profile-menu,.notification-panel{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:#ffffffeb;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-shell{gap:24px;padding:36px 0 56px}.page-header-row{padding-top:0}.page-header-row h1{font-size:clamp(2rem,4vw,3rem)}.panel,.hero-panel,.course-hero,.hero-card,.empty-state,.notice,.module-block,.metric,.live-room-panel,.admin-live-row,.broadcast-panel,.admin-course-row,.material-row,.admin-stat,.directory-admin-module,.storage-config-note,[class$=-card],[class*="-card "]{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:16px}.panel,.empty-state,.metric,.module-block,.admin-course-row,.material-row,.admin-stat,.directory-admin-module,.storage-config-note,.live-room-panel,.broadcast-panel{background:var(--surface);-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%)}.hero-panel,.course-hero{background:linear-gradient(120deg,#ffffffe0,#eef8ffd6 54%,#f6f2ffdb);border-color:#4c78dc26;box-shadow:var(--shadow-lg)}.hero-panel{padding:clamp(24px,4vw,40px)}.hero-card{border:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.button,button{min-height:40px;padding:9px 15px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffc7;color:var(--text-primary);font-size:.86rem;font-weight:700;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.button:hover,button:hover{transform:translateY(-1px);border-color:#4c78dc47;box-shadow:0 8px 20px #4c78dc1a}.button:active,button:active{transform:translateY(0) scale(.98)}.button:disabled,button:disabled{transform:none;box-shadow:none}.button-lime,.button-cyan,.button-primary{background:var(--grad-holo);border-color:transparent;color:#fff;box-shadow:0 10px 22px #4c78dc2e}.button-dark{background:linear-gradient(120deg,#18344d,#315379);border-color:transparent;color:#fff;box-shadow:0 10px 22px #18344d26}.button-outline{background:transparent;border-color:var(--border-strong)}.button-danger{background:#c9576814;border-color:#c9576833;color:var(--danger)}.button-small{min-height:34px;padding:7px 11px;font-size:.78rem}.button-link{min-height:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--accent-cyan)}label{gap:6px;color:var(--text-secondary);font-size:.82rem;font-weight:700}input,select,textarea{min-height:42px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffc7;color:var(--text-primary);box-shadow:inset 0 1px #ffffffb3}input::placeholder,textarea::placeholder{color:#96a7b5}input:focus,select:focus,textarea:focus{border-color:#168fa585;box-shadow:0 0 0 4px #168fa51a;background:#fff}textarea{min-height:108px}.tab-row{width:fit-content;max-width:100%;padding:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffa3;box-shadow:var(--shadow-sm)}.tab-button{min-height:34px;padding:7px 12px;border-radius:var(--radius-sm);font-size:.8rem}.tab-button.is-active{background:var(--grad-holo-soft);color:var(--text-primary);box-shadow:inset 0 0 0 1px #168fa51f}.stats-grid,.dashboard-grid,.secondary-grid,.course-grid,.lower-grid{gap:16px}.metric-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.metric-card strong{font-family:var(--font-display)}.course-panel-card,.mini-course-card,.quick-card,.notification-compact,.course-card{background:#ffffffb3;border-color:var(--border);box-shadow:var(--shadow-sm)}.course-panel-card:hover,.course-card:hover,.quick-card:hover{border-color:#4c78dc3d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-item,.notification-item-full,.notification-compact{border-color:var(--border);background:#ffffffad;border-radius:var(--radius-md)}.notification-item.is-unread,.notification-item-full.is-unread{border-color:#168fa53d;background:linear-gradient(120deg,#168fa512,#fffc)}.notification-category,.status-chip,.status-pill,.published-pill,.draft-pill{border-radius:var(--radius-pill)}.skeleton-card,.skeleton-grid>*{border-radius:var(--radius-lg);background:linear-gradient(100deg,#dbe8f38f,#ffffffe6,#dbe8f38f);background-size:200% 100%;animation:holo-shimmer 1.5s ease-in-out infinite}@keyframes holo-shimmer{0%{background-position:180% 0}to{background-position:-20% 0}}.ai-page .answer-card,.ai-page .prompt-card,.ai-page .ai-badge,.topic-live-output{border-color:#7568d938;background:linear-gradient(120deg,#ffffffc2,#f4f3ffb8);box-shadow:var(--shadow-md)}.ai-page .answer-card{box-shadow:0 14px 34px #7568d91a}.topic-live-output{border-radius:var(--radius-md);padding:14px}.topic-live-answer{border-left-color:var(--accent-violet)}.next-lesson-panel{border-left-color:var(--accent-cyan)}.site-footer{background:#ffffff80;border-top-color:var(--border)}.site-footer a:hover{color:var(--accent-violet)}.admin-shell{background:transparent}.admin-sidebar{background:linear-gradient(180deg,#18344df5,#254468f5);border-right:1px solid rgba(255,255,255,.14)}.admin-main{background:transparent}.admin-page{display:flex;flex-direction:column;gap:22px;padding:16px 0 48px}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:8px 0 16px;border-bottom:1px solid rgba(19,54,79,.08)}.admin-head-copy{display:grid;gap:8px}.admin-head-copy h1{margin:0;font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.06em}.admin-head-copy p{margin:0;max-width:720px;color:var(--text-secondary)}.admin-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(19,54,79,.08);border-radius:999px;background:#ffffffbf;color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:lowercase}.admin-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:center;padding:20px 22px 18px;border:1px solid rgba(19,54,79,.08);border-radius:22px;background:linear-gradient(135deg,#ffffffe0,#e4f1ffcc 55%,#f0eeffc2);box-shadow:0 18px 34px #1125300f}.admin-hero-copy{display:grid;gap:10px}.admin-hero-copy h2{margin:0;font-size:clamp(2.1rem,3vw,3.6rem);line-height:.96;letter-spacing:-.06em}.admin-hero-copy p{margin:0;max-width:55ch;color:var(--text-secondary)}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-metric-card{display:grid;gap:10px;min-height:116px;padding:16px 14px;border:1px solid rgba(19,54,79,.08);border-radius:16px;background:#ffffffad;box-shadow:0 12px 22px #1125300a;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.admin-metric-card:hover{transform:translateY(-2px);border-color:#4477d833;box-shadow:0 18px 32px #4477d814}.admin-metric-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0e7a8d14,#675fe014);font-size:1.15rem}.admin-metric-card strong{font-size:clamp(1.5rem,2vw,2rem);font-family:var(--font-display);letter-spacing:-.05em;line-height:1}.admin-metric-card span:last-child{color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-inline-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;border:1px solid rgba(14,122,141,.18);border-left:4px solid var(--cyan);border-radius:14px;background:#0e7a8d0d;color:var(--text-primary)}.admin-inline-alert-text{color:var(--text-primary);font-weight:600}.admin-inline-alert-close{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;padding:0;border:0;border-radius:8px;background:#fffc;color:var(--text-secondary)}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-stat{display:grid;gap:8px;padding:18px 16px;min-height:110px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:linear-gradient(135deg,#ffffffad,#f0f6ffd1);box-shadow:0 12px 24px #1125300a}.admin-stat small{color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-stat b{font-size:clamp(1.6rem,2vw,2.1rem);font-family:var(--font-display);letter-spacing:-.05em;line-height:1}.admin-stat span{color:var(--text-muted);font-size:.72rem;text-transform:lowercase}.admin-course-list{display:grid;gap:16px}.material-manager{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;align-items:start}.material-form,.upload-quad-card,.directory-admin-module,.material-library,.admin-course-list,.broadcast-panel{background:#ffffffb8;border:1px solid rgba(19,54,79,.08);border-radius:18px;box-shadow:0 16px 30px #1125300a}.material-form{display:grid;gap:14px;padding:18px}.rename-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#0b1a2673;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}.rename-modal{width:min(100%,480px);display:grid;gap:16px;padding:20px;border-radius:18px;background:#fffffff5;border:1px solid rgba(19,54,79,.08);box-shadow:0 24px 50px #1125302e}.rename-form{display:grid;gap:14px}.upload-panel-shell{display:grid;gap:16px}.upload-panel-header{display:grid;gap:4px}.upload-panel-header h3{margin:0;font-size:clamp(1.2rem,2vw,1.8rem);letter-spacing:-.05em}.upload-create-stack{display:grid;gap:12px}.upload-inline-form{display:grid;gap:10px;padding:14px;border:1px solid rgba(19,54,79,.08);border-radius:14px;background:#f5f9ffcc}.upload-inline-form-header{display:flex;flex-direction:column;gap:2px}.upload-inline-form-header small{color:var(--text-muted)}.upload-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.upload-step{display:grid;gap:4px;padding:10px 8px;border:1px solid rgba(19,54,79,.08);border-radius:12px;background:#ebf2f88c;text-align:center}.upload-step.active{background:linear-gradient(135deg,#0e7a8d14,#675fe014);border-color:#4477d82e}.upload-step.done{background:#349d7114;border-color:#349d7133}.upload-step span{display:inline-block;font-size:.78rem;font-weight:800;color:var(--text-primary)}.upload-step small{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.inline-builder-tight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upload-destination-box{display:grid;gap:6px;padding:12px 14px;border:1px solid rgba(19,54,79,.08);border-radius:12px;background:linear-gradient(135deg,#0e7a8d0d,#675fe00f)}.upload-destination-label{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.upload-destination-box strong{color:var(--text-primary);font-size:.96rem;line-height:1.4}.upload-material-form{display:grid;gap:14px}.upload-dropzone{position:relative;display:grid;place-items:center;gap:8px;min-height:150px;padding:22px 18px;border:1.5px dashed rgba(68,119,216,.28);border-radius:18px;background:linear-gradient(135deg,#0e7a8d0a,#675fe00d);text-align:center;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.upload-dropzone:hover{transform:translateY(-1px);border-color:#4477d86b;box-shadow:0 14px 24px #4477d814}.upload-dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-dropzone-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#fffc;color:var(--accent-cyan)}.upload-dropzone-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.upload-dropzone-copy{color:var(--text-secondary);font-size:.84rem}.upload-dropzone-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,#0e7a8d,#4477d8);color:#fff;font-size:.8rem;font-weight:700}.upload-selected-file{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(19,54,79,.08);border-radius:12px;background:#ffffffb3}.upload-file-dot{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#4477d814}.upload-selected-file div{display:grid;gap:2px;min-width:0}.upload-selected-file strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-selected-file small{color:var(--text-muted)}.upload-actions-row{display:flex;justify-content:flex-end}.directory-admin-tree{display:grid;gap:16px;margin-top:18px}.directory-admin-module{display:grid;gap:12px;padding:16px}.directory-admin-line{display:flex;align-items:center;gap:10px;min-width:0}.directory-admin-module-header,.directory-admin-topic-header{padding:8px 10px;border-radius:12px;background:#f5f9ffe6;border:1px solid rgba(19,54,79,.06)}.directory-name-wrap{display:grid;gap:2px;min-width:0;flex:1}.directory-name-wrap b{font-size:1rem;line-height:1.2}.directory-name-wrap small{color:var(--text-muted)}.directory-bullet{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;font-size:.9rem}.directory-bullet-module{background:#0e7a8d14}.directory-bullet-topic{background:#675fe014}.directory-action-row{display:flex;align-items:center;gap:8px}.directory-topic-group{display:grid;gap:12px;margin-left:24px;padding-left:10px;border-left:2px solid rgba(19,54,79,.08)}.directory-admin-topic{display:grid;gap:8px}.directory-file-list{display:grid;gap:10px;margin-left:18px}.material-row{display:grid;grid-template-columns:auto minmax(180px,1.3fr) auto auto auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(19,54,79,.08);border-radius:14px;background:#ffffffc2;box-shadow:0 8px 18px #11253005}.resource-type-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:6px 8px;border-radius:10px;background:#0e7a8d14;color:var(--accent-cyan);font-size:.7rem;font-weight:800;letter-spacing:.04em}.directory-file-meta{display:grid;gap:2px;min-width:0}.directory-file-meta strong{overflow-wrap:anywhere;word-break:break-word}.directory-file-meta small{color:var(--text-muted);overflow-wrap:anywhere;word-break:break-word}@media(max-width:900px){.material-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.material-row .resource-actions,.material-row .replace-file,.material-row .resource-move-select{grid-column:1 / -1;width:100%}.material-row .resource-actions{flex-wrap:wrap}}@media(max-width:520px){.material-row .resource-actions,.material-row .replace-file,.material-row .resource-move-select{justify-content:stretch}.material-row .resource-actions>*,.material-row .replace-file,.material-row .resource-move-select{flex:1 1 100%;min-height:44px}}.resource-actions{display:flex;align-items:center;gap:10px}.replace-file{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(19,54,79,.08);border-radius:10px;background:#ffffffeb;color:var(--text-secondary);font-size:.74rem;font-weight:700;cursor:pointer}.replace-file input{display:none}.resource-move-select{min-width:180px}.library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.library-heading h3{margin:0;font-size:clamp(1.6rem,2vw,2.4rem);letter-spacing:-.05em}.material-library{display:grid;gap:16px;padding:18px}.empty-module-note,.sidebar-empty{padding:10px 12px;border:1px dashed rgba(19,54,79,.14);border-radius:12px;background:#eff4f8b3;color:var(--text-secondary)}.admin-course-row{display:grid;grid-template-columns:minmax(0,1.5fr) auto;align-items:center;gap:16px;padding:18px}.admin-course-row-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}.admin-course-row-title b{font-size:1.1rem}.admin-course-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.section-heading.compact{margin-bottom:12px}.live-admin-dashboard{display:grid;gap:18px}.admin-live-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:8px 0 2px;border-bottom:1px solid rgba(19,54,79,.08)}.admin-live-header>div{display:grid;gap:6px}.admin-live-header h2{margin:0;font-size:clamp(2rem,3vw,2.9rem);letter-spacing:-.06em}.admin-live-header p{margin:0;max-width:64ch;color:var(--text-secondary)}.admin-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;align-items:stretch}.admin-live-card{display:grid;gap:16px;min-height:100%;padding:18px 18px 16px;border:1px solid rgba(19,54,79,.08);border-radius:20px;background:linear-gradient(180deg,#ffffffe0,#f6f9ffd6);box-shadow:0 16px 26px #1125300f;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.admin-live-card:hover{transform:translateY(-2px);border-color:#4477d82e;box-shadow:0 22px 36px #4477d81a}.card-live-glow{border-color:#14bb9133;box-shadow:0 20px 32px #14bb9114}.admin-live-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-live-status-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:7px 10px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.live-page{display:grid;gap:18px;padding-top:24px;padding-bottom:48px}.live-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0 2px}.live-head>div:first-child{display:grid;gap:8px}.live-head h1{margin:0;font-size:clamp(2.2rem,3.4vw,3.7rem);letter-spacing:-.06em}.live-head p{margin:0;max-width:60ch;color:var(--text-secondary)}.latency-card{display:inline-flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:#ffffffbd;box-shadow:0 14px 24px #1125300a}.latency-card svg{display:inline-grid;place-items:center;width:36px;height:36px;padding:8px;border-radius:12px;background:linear-gradient(135deg,#0e7a8d14,#4477d814);color:var(--accent-cyan)}.latency-card span{display:grid;gap:3px}.latency-card b{font-size:.96rem}.latency-card small{font-size:.76rem;color:var(--text-secondary)}.youtube-class-section{display:grid;gap:18px}.youtube-class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;padding:0}.live-class-card{display:grid;gap:18px;min-height:100%;padding:20px;border-radius:22px;border:1px solid rgba(19,54,79,.08);background:linear-gradient(180deg,#ffffffeb,#f5f9ffe6);box-shadow:0 18px 32px #1125300d}.card-live-glow{border-color:#1fa76833;box-shadow:0 22px 36px #1fa7681a}.live-class-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.live-status-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.provider-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:7px 10px;border-radius:999px;background:#4477d814;border:1px solid rgba(68,119,216,.18);color:var(--accent-blue);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-live{background:#1aa76e1f;border-color:#1aa76e3d;color:var(--success)}.status-starting{background:#4477d814;border-color:#4477d833;color:var(--accent-blue)}.live-class-card .live-pulse,.live-class-card .starting-pulse{display:inline-block;width:8px;height:8px;border-radius:50%}.live-class-card .live-pulse{background:var(--success);box-shadow:0 0 #1aa76e73;animation:pulse-live 1.8s infinite}.live-class-card .starting-pulse{background:var(--accent-blue);box-shadow:0 0 #4477d866;animation:pulse-live 1.8s infinite}@keyframes pulse-live{0%{box-shadow:0 0 #1aa76e66}70%{box-shadow:0 0 0 10px #1aa76e00}to{box-shadow:0 0 #1aa76e00}}.live-card-body{display:grid;gap:10px}.live-card-title{margin:0;font-size:1.4rem;line-height:1.25;letter-spacing:-.04em}.live-card-teacher{margin:0;color:var(--text-secondary);font-weight:700;font-size:.92rem}.live-meta-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-meta-item{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 12px;border:1px solid rgba(19,54,79,.08);border-radius:12px;background:#ffffffb3;color:var(--text-secondary);font-size:.83rem}.live-meta-item svg{flex-shrink:0;color:var(--accent-violet)}.live-card-actions{display:grid;gap:10px}.live-card-actions .button{width:100%;justify-content:center;min-height:42px}.button-rose{background:linear-gradient(135deg,#d76d95,#675fe0);border-color:transparent;color:#fff;box-shadow:0 13px 24px #675fe033}.live-card-actions .provider-chip{width:fit-content;justify-content:center;background:#fffc}.locked-access-notice,.replayed-note,.upcoming-note{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:38px;padding:8px 12px;border-radius:12px;border:1px solid rgba(19,54,79,.08);background:#ffffffb3;color:var(--text-secondary);font-size:.82rem;font-weight:700}.locked-access-notice{color:var(--warning)}.replayed-note{color:var(--accent-cyan)}.upcoming-note{color:var(--text-secondary)}.live-room-panel{display:grid;gap:18px;padding:20px;border-radius:22px;border:1px solid rgba(19,54,79,.08);background:linear-gradient(180deg,#ffffffeb,#f3f7ffe6);box-shadow:0 18px 30px #1125300a}.live-room-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-title{margin:8px 0 0;font-size:clamp(1.5rem,2vw,2rem);letter-spacing:-.05em}.hud-status-badge{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:7px 12px;border-radius:999px;border:1px solid rgba(31,167,104,.28);background:#1fa76814;color:var(--success);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-indicator-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 #1fa76873;animation:pulse-live 1.8s infinite}.live-room-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.room-permission-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.room-permission-chip.perm-allowed{background:#1fa76814;border:1px solid rgba(31,167,104,.2);color:var(--success)}.room-permission-chip.perm-blocked{background:#c9576814;border:1px solid rgba(201,87,104,.2);color:var(--danger)}.live-room-chat{display:grid;gap:12px;padding:16px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:#ffffffb3}.live-room-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.chat-header-title{display:inline-flex;align-items:center;gap:8px}.chat-header-title b{font-size:1.02rem}.live-room-messages{display:grid;gap:10px;max-height:260px;overflow:auto;padding-right:6px}.live-room-message{display:grid;gap:4px;padding:12px 12px 10px;border:1px solid rgba(19,54,79,.06);border-radius:12px;background:#f5f9ffcc}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-secondary)}.message-author{color:var(--text-primary);font-size:.88rem}.message-meta time{color:var(--text-muted);font-size:.72rem}.message-text{margin:0;color:var(--text-primary);line-height:1.5}.empty-chat-state{display:flex;align-items:center;gap:8px;min-height:80px;padding:12px;border:1px dashed rgba(19,54,79,.16);border-radius:12px;color:var(--text-secondary);background:#fff9}.live-room-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.live-room-chat-form input{min-height:42px}.notice-error{border-color:#c9576833;background:#c957680d;color:var(--danger)}@media(max-width:760px){.live-head{flex-direction:column;align-items:flex-start}.live-meta-row{grid-template-columns:1fr}.live-room-controls{flex-direction:column;align-items:stretch}.live-room-controls>*{width:100%;justify-content:center}.live-room-chat-form{grid-template-columns:1fr}}.status-live{background:#18a9681f;border-color:#18a9683d;color:var(--success)}.status-scheduled,.status-starting{background:#2d5fff14;border-color:#2d5fff33;color:#2357d9}.status-processing{background:#fbbf241f;border-color:#fbbf2433;color:#a35d00}.status-failed,.status-start_failed{background:#c957681a;border-color:#c9576838;color:var(--danger)}.status-completed{background:#1494881a;border-color:#14948833;color:#0f7d74}.status-ending{background:#625dda14;border-color:#625dda33;color:#4d3ed1}.tag-provider,.tag-calendar{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;border:1px solid rgba(19,54,79,.08);background:#fffc;color:var(--text-secondary);font-size:.66rem;font-weight:700}.admin-live-time{display:inline-flex;align-items:center;gap:6px;padding:7px 8px;border-radius:10px;background:#ffffffbd;color:var(--text-secondary);font-size:.72rem;font-weight:700}.admin-live-body{display:grid;gap:10px}.admin-live-title{margin:0;font-size:clamp(1.2rem,1.6vw,1.55rem);line-height:1.25;letter-spacing:-.04em}.admin-live-course{margin:0;color:var(--text-secondary);font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.admin-live-desc{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.6}.drive-replay-badge,.processing-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 10px;border-radius:12px;font-size:.75rem;font-weight:700}.drive-replay-badge{background:#14948817;border:1px solid rgba(20,148,136,.18);color:#0f7d74}.processing-badge{background:#fbbf2417;border:1px solid rgba(251,191,36,.18);color:#9d5d00}.admin-live-footer{display:grid;gap:10px;margin-top:auto}.admin-live-actions-group{display:flex;flex-wrap:wrap;gap:8px}.primary-actions{padding-top:8px;border-top:1px solid rgba(19,54,79,.08)}.admin-live-card .button,.admin-live-card button,.admin-live-card a.button{min-height:34px;padding:7px 12px;font-size:.76rem}.admin-live-card .button-cyan,.admin-live-card .button-lime{background:linear-gradient(135deg,#0e7a8d,#4477d8);border-color:transparent;color:#fff}.admin-live-card .button-emerald{background:linear-gradient(135deg,#1a8754,#14aa6e);border-color:transparent;color:#fff}.admin-live-card .button-rose{background:linear-gradient(135deg,#b8415a,#c95768);border-color:transparent;color:#fff}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.live-edit-panel,.live-moderation-panel{display:grid;gap:12px;margin-top:2px;padding:14px 14px 10px;border:1px solid rgba(19,54,79,.08);border-radius:16px;background:#ffffffc2}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-header h4{margin:0;font-size:1rem}.close-btn{display:inline-grid;place-items:center;width:32px;min-height:32px;padding:0;border:1px solid rgba(19,54,79,.1);border-radius:10px;background:#ffffffd1;color:var(--text-secondary)}.drawer-body{display:grid;gap:12px}.drawer-body label{display:grid;gap:6px}.drawer-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.moderation-roster{max-height:280px;overflow:auto}.moderation-student-card{display:grid;gap:12px;padding:12px;border:1px solid rgba(19,54,79,.08);border-radius:12px;background:#f6f9ffcc}.student-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.student-avatar-wrap{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0e7a8d24,#675fe024)}.student-avatar{font-size:.8rem;font-weight:800;color:var(--text-primary)}.moderation-pill{margin-left:auto;padding:5px 8px;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pill-muted{background:#c9576814;color:var(--danger)}.pill-active{background:#18a96814;color:var(--success)}.moderation-controls{display:flex;flex-wrap:wrap;gap:8px}.toggle-label{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 8px;border:1px solid rgba(19,54,79,.08);border-radius:10px;background:#ffffffb3;font-size:.74rem;font-weight:700;color:var(--text-secondary)}.toggle-label input{margin:0}.empty-roster-note{display:grid;place-items:center;gap:8px;min-height:120px;border:1px dashed rgba(19,54,79,.14);border-radius:12px;background:#eff4f8b3;color:var(--text-secondary);text-align:center}.empty-roster-note p{margin:0}.spin{animation:admin-live-spin 1.2s linear infinite}@keyframes admin-live-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:980px){.admin-hero{grid-template-columns:1fr}.admin-metric-grid,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-course-row{grid-template-columns:1fr}.admin-course-actions{justify-content:flex-start}.admin-head{align-items:flex-start;flex-direction:column}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.mobile-nav-toggle{display:inline-flex}.nav-cluster{display:none;position:absolute;top:72px;left:12px;right:12px;width:auto;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fffffff0;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-cluster.is-open{display:grid}.nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;justify-content:start}.nav-group .nav-link{justify-content:flex-start;width:100%}}@media(min-width:981px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;min-height:72px}.nav-cluster{flex-direction:row;align-items:center;gap:8px}.nav-group{flex-wrap:nowrap}.nav-group-primary,.nav-group-secondary,.nav-group-utility{padding-top:0}.nav-group-secondary .nav-link,.nav-group-utility .nav-link{padding-inline:8px;font-size:.74rem}.hero-card{min-height:360px}}@media(min-width:981px)and (max-width:1320px){.topbar{padding-inline:12px;gap:10px}.nav-cluster{gap:2px}.nav-group{gap:0}.nav-links a,.learner-nav a,.nav-link,.nav-group-secondary .nav-link,.nav-group-utility .nav-link{padding-inline:5px;font-size:.68rem}.topbar-actions{gap:6px}.profile-chip{padding-inline:6px 8px}}.home-page>section,.home-page>.container{margin-bottom:32px}.library-launch-grid,.lower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.library-launch-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:148px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);transition:transform var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium)}.library-launch-card:hover{transform:translateY(-3px);border-color:#4c78dc47;box-shadow:var(--shadow-lg)}.library-launch-card h3{margin:6px 0}.library-launch-card p{margin:0;font-size:.88rem}.library-launch-card-dark{background:linear-gradient(120deg,#1d4560,#5350a6);color:#fff}.library-launch-card-dark h3,.library-launch-card-dark p,.library-launch-card-dark .eyebrow{color:#fff}.library-launch-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--grad-holo-soft);color:var(--accent-cyan)}.library-launch-card-dark .library-launch-icon{background:#ffffff24;color:#fff}.about-page{display:grid;gap:22px;padding-bottom:48px}.mentor-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:clamp(24px,3vw,36px);border:1px solid rgba(19,54,79,.08);border-radius:26px;background:linear-gradient(135deg,#ffffffe6,#eaf0ffd1 52%,#f1ecffe0);box-shadow:0 20px 38px #1125300f;overflow:hidden}.mentor-hero:before{content:"";position:absolute;inset:auto -68px -90px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(103,95,224,.18),transparent 68%);pointer-events:none}.mentor-hero-copy{position:relative;z-index:1;max-width:760px;display:grid;gap:10px}.mentor-hero h1{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:.96;letter-spacing:-.07em}.mentor-hero h2{margin:0;font-size:clamp(1.15rem,1.9vw,1.8rem);line-height:1.18;letter-spacing:-.04em;color:var(--text-primary)}.mentor-hero p{margin:0;max-width:66ch;color:var(--text-secondary);font-size:1rem;line-height:1.7}.mentor-profile-block,.mentor-credentials-block,.mentor-connect-block{display:grid;gap:14px}.mentor-profile-card{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:24px;align-items:center;padding:clamp(18px,2vw,26px);border:1px solid rgba(19,54,79,.08);border-radius:28px;background:linear-gradient(180deg,#ffffffd1,#f4f7ffe0);box-shadow:0 18px 32px #1125300d}.mentor-profile-image-wrap{position:relative;padding:10px;border-radius:26px;background:linear-gradient(135deg,#526cff1f,#22d3ee1f)}.mentor-image{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:20px;border:1px solid rgba(19,54,79,.08);box-shadow:0 18px 28px #1a344b24}.mentor-profile-main{display:grid;gap:10px;min-width:0}.mentor-profile-main h2{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1;letter-spacing:-.06em}.eyebrow.subtle{color:var(--accent-violet)}.mentor-role{margin:0;color:var(--accent-cyan);font-size:.85rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.mentor-summary{margin:0;color:var(--text-secondary);line-height:1.75}.mentor-divider{width:100%;height:1px;background:linear-gradient(90deg,#13364f14,#526cff2e,#13364f14)}.mentor-detail-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mentor-detail-item{display:grid;gap:10px;padding:16px 14px 14px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:#ffffffad}.mentor-detail-label{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:.86rem;font-weight:800;letter-spacing:.02em}.mentor-detail-item ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--text-secondary);font-size:.9rem;line-height:1.55}.mentor-actions{display:flex;flex-wrap:wrap;margin-top:4px}.mentor-credential-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mentor-credential-card{display:grid;gap:10px;padding:18px 16px;border:1px solid rgba(19,54,79,.08);border-radius:20px;background:linear-gradient(135deg,#fffc,#f1f5ffd1);box-shadow:0 14px 28px #1125300a;transition:transform var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium)}.mentor-credential-card:hover{transform:translateY(-2px);border-color:#4477d833;box-shadow:0 18px 32px #4477d814}.credential-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0e7a8d1a,#675fe01a);font-size:1.15rem}.credential-title{font-size:1rem;font-weight:800;color:var(--text-primary)}.mentor-credential-card p{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.7}.mentor-connect-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mentor-connect-card{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:12px 14px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:#ffffffc2;color:var(--text-primary);box-shadow:0 12px 26px #1125300a;transition:transform var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium)}.mentor-connect-card:hover{transform:translateY(-2px);border-color:#4477d82e;box-shadow:0 16px 30px #4477d814}.mentor-connect-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#0e7a8d14,#675fe014);font-size:.9rem}.mentor-connect-card span:last-child{font-weight:700}@media(max-width:980px){.mentor-profile-card{grid-template-columns:1fr}.mentor-credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mentor-connect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.about-page{gap:18px}.mentor-hero{padding:20px 18px}.mentor-detail-group,.mentor-credential-grid,.mentor-connect-grid{grid-template-columns:1fr}.mentor-actions .button{width:100%;justify-content:center}}.demo-video-panel{padding:24px}.demo-video-panel .section-heading{margin-bottom:18px}.demo-video-frame{overflow:hidden;aspect-ratio:16 / 7;border:1px solid var(--border);border-radius:var(--radius-md);background:#dfeaf2}.demo-video-frame iframe{width:100%;height:100%;border:0;display:block}.testimonial-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.testimonial-card{display:grid;align-content:space-between;gap:22px;min-height:220px;padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffb3;box-shadow:var(--shadow-md);transition:transform var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium)}.testimonial-card:hover{transform:translateY(-3px);border-color:#7568d947;box-shadow:0 18px 34px #7568d91f}.testimonial-quote{color:var(--text-secondary);font-size:.94rem;line-height:1.65}.testimonial-meta{display:flex;align-items:center;gap:11px;padding-top:14px;border-top:1px solid var(--border)}.testimonial-initials{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--grad-holo-soft);color:var(--accent-violet);font-family:var(--font-display);font-weight:700}.testimonial-by{display:grid;gap:2px;min-width:0}.testimonial-by strong{font-size:.86rem}.testimonial-by small{font-size:.76rem}.testimonial-status{color:var(--success);font-size:.72rem;font-weight:700}.proverb-marquee-wrap{overflow:hidden;margin:12px 0 36px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff47}.proverb-track{display:flex;width:max-content;animation:proverb-slide 24s linear infinite}.proverb-item{padding-right:48px;color:var(--accent-violet);font-size:.82rem;letter-spacing:.04em;white-space:nowrap}@keyframes proverb-slide{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.site-footer-grid{gap:36px;padding-top:40px}.site-footer-column{display:grid;align-content:start;gap:9px}.site-footer-column b{margin-bottom:3px;color:var(--text-primary);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.site-footer-column a{color:var(--text-secondary);font-size:.83rem}.site-footer-brand p{max-width:34ch;font-size:.84rem}@keyframes hologram-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-card,.metric-row,.library-launch-grid,.demo-video-panel,.testimonial-row{animation:hologram-rise .5s ease-out both}.metric-row{animation-delay:80ms}.library-launch-grid{animation-delay:.14s}.demo-video-panel{animation-delay:.18s}.testimonial-row{animation-delay:.22s}@media(max-width:980px){.testimonial-row{grid-template-columns:1fr}}@media(max-width:720px){.library-launch-grid,.lower-grid{grid-template-columns:1fr}}@media(max-width:480px){.library-launch-card,.demo-video-panel,.testimonial-card{padding:16px}.demo-video-frame{aspect-ratio:16 / 9}}@media(max-width:720px){.auth-screen{padding-inline:12px}.auth-topline{margin-bottom:16px}.auth-wrap{grid-template-columns:minmax(0,1fr);width:100%;gap:16px}.auth-aside,.auth-card,.admin-auth-copy,.admin-auth-card{width:100%;min-width:0;border-radius:var(--radius-lg)}.auth-aside,.auth-card{padding:20px}.auth-aside h1{font-size:2rem}.admin-auth-screen{width:100%;padding:20px 12px;flex-direction:column;align-items:stretch;justify-content:flex-start}.admin-auth-grid{width:100%;max-width:none;flex:0 0 100%;align-self:stretch;grid-template-columns:minmax(0,1fr);gap:16px}.admin-auth-copy,.admin-auth-card{width:100%;min-width:0;padding:20px;border-radius:var(--radius-lg)}.admin-auth-footer{width:100%;flex:0 0 100%;flex-direction:column;align-items:flex-start;gap:6px}}@media(min-width:721px){.admin-auth-screen{flex-direction:column;align-items:center;justify-content:center}.admin-auth-grid{width:min(1240px,calc(100% - 40px));max-width:1240px;flex:0 0 auto;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:48px}.admin-auth-copy,.admin-auth-card{padding:42px}.admin-auth-copy h1{font-size:clamp(3rem,5vw,4.8rem)}.admin-auth-card{min-height:560px;align-content:center}.admin-auth-footer{width:min(1240px,calc(100% - 40px));flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.hero-card,.metric-row,.library-launch-grid,.demo-video-panel,.testimonial-row,.proverb-track{animation:none}}.admin-shell{width:100%;max-width:100vw;overflow-x:clip}.admin-main{min-width:0;max-width:100%;overflow-x:clip}.admin-main>main{width:100%;min-width:0;max-width:100%;overflow-x:clip}.admin-main>main>*{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.admin-main .live-admin-dashboard,.admin-main .admin-page,.admin-main .admin-payments-page,.admin-main .payments-page{width:min(1220px,calc(100% - 32px));max-width:100%;min-width:0;margin:0 auto;box-sizing:border-box}.admin-main .admin-live-grid,.admin-main .admin-course-list,.admin-main .admin-form-grid,.admin-main .admin-stats-grid{min-width:0;max-width:100%}.admin-main>.admin-topbar,.admin-main .admin-topbar{width:100%;max-width:none;margin:0;border-radius:0;box-sizing:border-box}.admin-main>main,.admin-main>section,.admin-main>div:not(.admin-topbar){min-width:0;max-width:100%}@media(max-width:980px){.admin-shell{grid-template-columns:220px minmax(0,1fr)}.admin-sidebar{min-width:0}.admin-topbar{gap:10px;padding-inline:16px}}@media(max-width:720px){.admin-shell{display:block;width:100%}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:min(304px,calc(100vw - 48px));min-height:100vh;padding:20px 16px;transform:translate(-105%);transition:transform .22s ease-out;box-shadow:20px 0 50px #18344d33}.admin-sidebar.is-open{transform:translate(0)}.admin-sidebar .admin-nav{overflow:visible}.admin-sidebar-bottom{margin-top:auto}.admin-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;border:0;background:#18344d52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.admin-shell:has(.admin-sidebar.is-open) .admin-drawer-backdrop{display:block}.admin-menu-button{display:inline-flex;width:40px;min-height:40px;padding:9px;border-color:var(--border);background:var(--surface-strong)}.admin-main{width:100%}.admin-main .admin-topbar{width:100%;padding-inline:14px}.admin-main>main>.admin-page,.admin-main>main>.youtube-admin-page,.admin-main>main>.live-admin-dashboard{width:100%;max-width:100%;padding-inline:16px;box-sizing:border-box}.admin-page h1,.youtube-admin-page h1,.live-admin-dashboard h1{font-size:clamp(1.9rem,7vw,2.35rem)}}@media(min-width:721px)and (max-width:980px){.admin-sidebar{width:220px;padding-inline:12px}.admin-sidebar .admin-brand span:last-child,.admin-sidebar .admin-sidebar-label,.admin-sidebar .admin-nav span,.admin-sidebar .admin-user>span:last-child,.admin-sidebar .admin-learner-link,.admin-sidebar .admin-logout{font-size:0}.admin-sidebar .admin-nav a,.admin-sidebar .admin-learner-link,.admin-sidebar .admin-logout{justify-content:center;padding-inline:8px}.admin-sidebar .admin-user{justify-content:center}}.page-shell,.container.home-page,.container.course-page,.container.ai-page,.container.quiz-page,.container.planner-page,.container.jrf-page,.container.library-page,.container.contact-page,.container.about-page,.container.legal-page,.full-live-page,.admin-main{animation:page-enter .42s ease-out both}.library-page{display:grid;gap:18px;padding-bottom:48px}.library-hero{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:clamp(24px,4vw,38px);border:1px solid rgba(19,54,79,.08);border-radius:24px;background:linear-gradient(135deg,#ffffffe6,#e8eeffd6 52%,#f1efffd6);box-shadow:0 20px 38px #1125300f}.library-hero h1{margin:8px 0 10px;font-size:clamp(2.2rem,3.4vw,4rem);line-height:.96;letter-spacing:-.06em}.library-hero h1 em{font-style:normal;color:var(--accent-violet)}.library-hero p{margin:0;max-width:62ch;color:var(--text-secondary)}.library-lock-badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border-radius:999px;border:1px solid rgba(19,54,79,.08);background:#ffffffbf;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.recorded-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(20px,3vw,32px)}.recorded-hero-copy{flex:1;min-width:0}.recorded-hero-aside{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.recorded-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;width:min(280px,34vw);min-height:140px;border:1px solid rgba(19,54,79,.08);border-radius:22px;background:linear-gradient(135deg,#0c2439db,#1f3e62cc);box-shadow:inset 0 1px #ffffff24,0 18px 28px #15273f1f;overflow:hidden}.recorded-hero-visual:before,.recorded-hero-visual:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.recorded-hero-visual:before{width:180px;height:180px;right:-42px;bottom:-58px;background:radial-gradient(circle,rgba(125,141,255,.48),transparent 65%)}.recorded-hero-visual:after{width:120px;height:120px;left:-18px;top:-26px;background:radial-gradient(circle,rgba(34,211,238,.24),transparent 70%)}.recorded-visual-window{position:relative;display:grid;place-items:center;width:82%;height:74%;border-radius:18px;background:linear-gradient(180deg,#061322a3,#0f2942d1);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14}.recorded-visual-window:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:12px;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:18px 18px;opacity:.7}.recorded-visual-badge{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:5px 8px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:#dfeaff;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.recorded-visual-play{position:relative;z-index:1;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#7186ffeb,#13bed4e6);box-shadow:0 10px 26px #526cff59;color:#fffffffa}.recorded-visual-line{position:absolute;left:18px;right:18px;height:6px;border-radius:999px;background:#ffffff29;z-index:1}.recorded-visual-line.line-short{bottom:28px;width:38%}.recorded-visual-line.line-mid{bottom:18px;width:56%}.recorded-visual-line.line-long{bottom:8px;width:72%}.recorded-library-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:8px}.recorded-library-header h2{margin:8px 0 0;font-size:clamp(1.9rem,2.5vw,2.8rem);letter-spacing:-.06em;line-height:1.05}.recorded-library-header .eyebrow.subtle{color:var(--accent-violet)}.recordings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:#ffffffb8;box-shadow:0 14px 28px #1125300a}.recordings-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:48px;padding:0 12px 0 10px;border:1px solid rgba(19,54,79,.08);border-radius:14px;background:#fafcffcc}.recordings-search input{width:100%;border:0;background:transparent;box-shadow:none;color:var(--text-primary);font-size:.96rem}.recordings-search input::placeholder{color:#1f354a80}.recordings-search-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#0f7a9114,#675fe014);color:var(--accent-cyan)}.recordings-sort{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid rgba(19,54,79,.08);border-radius:14px;background:#fafcffcc;color:var(--text-secondary);font-size:.82rem;font-weight:700}.recordings-sort span{white-space:nowrap}.recordings-sort select{min-width:146px;padding:8px 10px;border:0;background:transparent;color:var(--text-primary);font:inherit;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.recorded-library-grid{display:grid;gap:20px;padding:0}.recorded-library-card{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;align-items:stretch;padding:18px;border:1px solid rgba(19,54,79,.08);border-radius:24px;background:linear-gradient(180deg,#ffffffd9,#f4f7ffe0);box-shadow:0 18px 34px #1125300f;transition:transform var(--transition-medium),box-shadow var(--transition-medium),border-color var(--transition-medium)}.recorded-library-card:hover{transform:translateY(-2px);border-color:#4477d829;box-shadow:0 22px 44px #4477d814}.recorded-library-cover,.recorded-library-player{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#0c2439f5,#1e446ec2)}.recorded-library-cover{position:relative;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:inset 0 1px #ffffff1f,inset 0 -24px 50px #0000002e}.recorded-library-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:18px 18px;opacity:.8}.recorded-library-cover:after{content:"";position:absolute;inset:auto 16% 18% 16%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.recorded-play{position:relative;z-index:1;display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#7186ffeb,#13bed4e6);box-shadow:0 14px 28px #526cff57;color:#fffffff5}.recorded-cover-copy{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;display:block;color:#fffffff5;font-size:.9rem;font-weight:700;line-height:1.3;text-align:left;text-shadow:0 2px 12px rgba(4,10,18,.28)}.recorded-library-copy{display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0;padding:4px 2px 2px}.recorded-library-head{display:grid;gap:8px}.recording-tag{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 10px;border:1px solid rgba(19,54,79,.08);border-radius:999px;background:#ffffffb3;color:var(--accent-violet);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.recording-tag .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#35d399,#00a5d0);box-shadow:0 0 0 4px #2db8911f}.recorded-library-head h3{margin:0;font-size:clamp(1.3rem,2vw,1.9rem);letter-spacing:-.04em;line-height:1.2}.recorded-library-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--text-secondary);font-size:.82rem;font-weight:600}.recorded-library-meta span{display:inline-flex;align-items:center;gap:7px}.recorded-library-actions{display:flex;flex-wrap:wrap;gap:10px}.recorded-library-actions .button{min-height:38px;padding:9px 14px;font-size:.8rem}.recording-original-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.8rem;line-height:1.4}.archive-toolbar,.recordings-toolbar,.recorded-library-card,.notice,.empty-state,.library-hero,.library-stats{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@media(max-width:980px){.recorded-hero{flex-direction:column;align-items:stretch}.recorded-hero-aside{align-items:flex-start}.recorded-hero-visual{width:min(100%,360px)}.recordings-toolbar{flex-direction:column;align-items:stretch}.recorded-library-card{grid-template-columns:1fr}.recorded-library-copy{padding:0}}@media(max-width:640px){.library-stats.recorded-stats{grid-template-columns:1fr}.recorded-library-header{display:grid;gap:10px}.recordings-search,.recordings-sort{width:100%}.recordings-sort{justify-content:space-between}.recorded-library-actions{display:grid;grid-template-columns:1fr}.recorded-library-actions .button{justify-content:center;width:100%}}.archive-toolbar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);gap:16px;align-items:end;padding:14px 16px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:#ffffffbd;box-shadow:0 12px 26px #1125300a}.archive-search{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px 0 10px;border:1px solid rgba(19,54,79,.08);border-radius:14px;background:#fffc}.archive-search input{border:0;background:transparent;box-shadow:none;padding-left:0}.archive-search-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#0f7a9112,#675fe012);color:var(--accent-cyan)}.archive-filter-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.archive-filter-group label{display:grid;gap:6px}.archive-filter-group span{color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.library-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card,.library-stats>*{display:grid;gap:6px;padding:18px 16px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:linear-gradient(135deg,#ffffffb8,#f0f6ffd1);box-shadow:0 12px 24px #1125300a}.stat-card .stat-label,.library-stats>* .stat-label{color:var(--text-secondary);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.stat-card strong,.library-stats>* strong{display:block;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.1;letter-spacing:-.06em;word-break:break-word}.stat-card small,.library-stats>* small{color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.archive-year-list{display:grid;gap:16px}.archive-year{border:1px solid rgba(19,54,79,.08);border-radius:20px;background:#ffffffb8;box-shadow:0 14px 24px #1125300a;overflow:hidden}.archive-year-heading{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(19,54,79,.08);background:linear-gradient(135deg,#ffffffe6,#f2f8ffdb)}.archive-year-toggle{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(19,54,79,.08);border-radius:10px;background:#fffc;color:var(--text-secondary)}.archive-year-heading>div{flex:1;min-width:0}.archive-year-heading h2{margin:4px 0 0;font-size:clamp(1.3rem,2vw,2rem);letter-spacing:-.05em}.archive-year-count{min-height:30px;padding-inline:10px}.archive-file-list{display:grid;gap:12px;padding:16px 18px 18px}.archive-file{display:grid;grid-template-columns:auto minmax(0,1.4fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(19,54,79,.08);border-radius:16px;background:#fffc;box-shadow:inset 0 1px #ffffffb3}.archive-file-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0e7a8d14,#675fe014);color:var(--accent-cyan)}.archive-file-icon.answer-key{background:linear-gradient(135deg,#10b98114,#3b82f614);color:var(--success)}.archive-file-main{display:grid;gap:8px;min-width:0}.archive-file-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.archive-file-main b{font-size:1rem;line-height:1.4;word-break:break-word}.archive-file-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--text-secondary);font-size:.72rem}.file-type-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:5px 8px;border:1px solid rgba(68,119,216,.18);border-radius:999px;background:#4477d80f;color:var(--accent-violet);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.archive-file-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.archive-file-actions .button{min-height:34px;padding:7px 12px;font-size:.76rem}.archive-file-actions .button-outline{background:transparent;border-color:#13364f1f;color:var(--text-primary)}.question-preview{grid-column:1 / -1;display:grid;gap:12px;margin-top:6px;padding:14px;border:1px solid rgba(19,54,79,.08);border-radius:14px;background:#f6f9ffe6}.question-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.question-preview-head span{display:grid;gap:4px}.question-preview-head small{color:var(--text-secondary)}.question-preview-close{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(19,54,79,.08);border-radius:8px;background:#fffc;color:var(--text-secondary)}.question-preview-row{display:grid;gap:8px;padding:12px;border:1px solid rgba(19,54,79,.06);border-radius:12px;background:#ffffffb3}.question-preview-row b{line-height:1.5}.question-preview-row>div{display:grid;gap:8px}.question-preview-row>div span{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.84rem}.question-preview-row>div i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#4477d814;color:var(--accent-violet);font-style:normal;font-weight:800;font-size:.72rem}.answer-label{color:var(--success);font-weight:700}.archive-empty-state{padding:28px 20px}@media(max-width:980px){.library-hero,.archive-toolbar{grid-template-columns:1fr;display:grid}.archive-toolbar{padding:14px}.library-stats,.archive-filter-group{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-file{grid-template-columns:1fr;align-items:flex-start}.archive-file-actions{justify-content:flex-start}.contact-hero{grid-template-columns:1fr}.contact-hero-badge{justify-self:start}.contact-grid,.community-links{grid-template-columns:1fr}.contact-trust{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.library-stats,.archive-filter-group{grid-template-columns:1fr}.library-hero{padding:18px 16px}.archive-year-heading{flex-wrap:wrap}.archive-file-meta{gap:6px 10px}.section-heading{display:grid;gap:10px}.contact-card,.community-links a{grid-template-columns:1fr;align-items:flex-start}.contact-card svg:last-child,.community-links a svg:last-child{justify-self:flex-end}.contact-trust{padding:20px 18px;border-radius:18px}.contact-trust .button{width:100%;justify-content:center}}.page-shell>*,.home-page>*,.course-page>*,.ai-page>*,.quiz-page>*,.planner-page>*,.jrf-page>*,.library-page>*,.contact-page>*,.about-page>*,.legal-page>*,.admin-content>*,.admin-main>*{animation:surface-rise .42s ease-out both}.page-shell>*:nth-child(2),.home-page>*:nth-child(2),.course-page>*:nth-child(2),.ai-page>*:nth-child(2),.quiz-page>*:nth-child(2),.planner-page>*:nth-child(2),.jrf-page>*:nth-child(2),.library-page>*:nth-child(2),.contact-page>*:nth-child(2),.about-page>*:nth-child(2),.legal-page>*:nth-child(2){animation-delay:70ms}.page-shell>*:nth-child(3),.home-page>*:nth-child(3),.course-page>*:nth-child(3),.ai-page>*:nth-child(3),.quiz-page>*:nth-child(3),.planner-page>*:nth-child(3),.jrf-page>*:nth-child(3),.library-page>*:nth-child(3),.contact-page>*:nth-child(3),.about-page>*:nth-child(3),.legal-page>*:nth-child(3){animation-delay:.12s}.panel,.course-panel-card,.course-card,.hero-panel,.hero-card,.course-hero,.testimonial-card,.library-launch-card,.metric,.metric-card,.quick-card,.notification-item,.notification-item-full,.demo-video-panel,.topic-live-output,.live-class-card,.recording-card,.modern-card,.empty-state,.notice,.admin-course-row,.admin-stat,.broadcast-panel{padding:24px}.course-panel-card,.course-card,.testimonial-card,.library-launch-card,.metric-card,.quick-card,.notification-item,.notification-item-full,.live-class-card,.recording-card,.admin-course-row,.admin-stat{min-height:0}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;padding:0;margin:0;align-items:stretch}.course-card{display:flex;flex-direction:column;width:100%;min-height:320px;border:1px solid var(--border);border-radius:var(--radius-xl);background:#fffc;box-shadow:var(--shadow-sm);overflow:hidden;color:var(--text-primary);text-decoration:none;transition:transform var(--transition-medium),box-shadow var(--transition-medium),border-color var(--transition-medium)}.course-card:hover,.course-card:focus-visible{transform:translateY(-2px);border-color:#4477d833;box-shadow:var(--shadow-md)}.course-art{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:120px;padding:18px 18px 16px;color:#fff}.art-sage{background:linear-gradient(135deg,#11616c,#30a580)}.art-ink{background:linear-gradient(135deg,#122432,#4c78dc)}.course-art>span:first-child{display:grid;gap:4px;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.92}.course-art>span:first-child b{color:#fff;font-size:1.1rem;letter-spacing:.04em}.art-number{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#ffffff1f;font-size:.78rem;font-weight:700;color:#fff}.course-card-copy{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 18px 16px}.course-card-copy .eyebrow{font-size:.66rem;letter-spacing:.1em;margin:0}.course-card-copy h3{margin:0;font-size:1.3rem;line-height:1.2}.course-card-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;min-height:3.9em;color:var(--text-secondary)}.course-card-copy small{display:block;color:var(--text-secondary);font-size:.84rem}.course-card-status{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:#0e7a8d14;border:1px solid rgba(14,122,141,.12);color:var(--accent-cyan);font-size:.75rem;font-weight:700}.course-card-status.enrolled{background:#1ea67a17;border-color:#1ea67a26;color:var(--success)}.course-card-status.unavailable{background:#d75f6d14;border-color:#d75f6d24;color:var(--danger)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border);color:var(--text-primary);font-weight:700}.card-foot span{color:var(--text-primary)}.course-list-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.course-list-controls input{flex:1 1 220px;min-width:220px}.course-list-controls select{flex:0 0 220px;max-width:220px}.pagination-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.pagination-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.pagination-pages .button{min-width:38px;padding-inline:10px}.stats-grid,.dashboard-grid,.secondary-grid,.metric-row,.testimonial-row,.recording-grid,.recorded-library-grid,.contact-grid,.live-class-grid,.youtube-class-grid,.admin-stats-grid,.admin-course-list,.notification-list-full{gap:20px;padding:16px}.section-heading{margin-bottom:20px}.section-heading.compact{margin-bottom:14px}.contact-page{display:grid;gap:28px}.contact-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:22px;align-items:center;padding:clamp(24px,4vw,42px);border-radius:28px;border:1px solid rgba(103,95,224,.14);background:linear-gradient(135deg,#ffffffeb,#eff5ffe6 48%,#f3f1ffe6);box-shadow:0 30px 62px #16283a14;overflow:hidden}.contact-hero:before{content:"";position:absolute;inset:auto -90px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(103,95,224,.24),transparent 65%);pointer-events:none}.contact-hero>*{position:relative;z-index:1}.contact-hero h1{font-size:clamp(2.3rem,4vw,4.2rem);letter-spacing:-.07em;margin-bottom:10px}.contact-hero em{color:var(--accent-violet);font-style:normal}.contact-hero p{max-width:58ch;margin:0;font-size:1.02rem;color:var(--text-secondary)}.contact-hero-badge{display:inline-flex;align-items:center;gap:12px;justify-self:end;min-width:214px;padding:13px 16px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:#ffffffb3;box-shadow:var(--shadow-sm)}.contact-hero-badge svg{display:inline-grid;place-items:center;width:42px;height:42px;padding:9px;border-radius:12px;background:linear-gradient(135deg,#0e7a8d1a,#675fe01a);color:var(--accent-cyan)}.contact-hero-badge span{display:grid;gap:2px}.contact-hero-badge b{color:var(--text-primary)}.contact-hero-badge small{font-size:.72rem;color:var(--text-secondary)}.contact-section{display:grid;gap:18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:0}.section-heading>div{display:grid;gap:8px}.section-heading h2{margin:0;font-size:clamp(1.6rem,2vw,2.35rem);letter-spacing:-.05em}.section-heading .muted{max-width:32ch;color:var(--text-secondary);font-size:.88rem}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0}.contact-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;min-height:176px;padding:20px 18px;border:1px solid rgba(19,54,79,.08);border-radius:22px;background:#ffffffbd;box-shadow:0 16px 28px #1125300a;transition:transform var(--transition-medium),box-shadow var(--transition-medium),border-color var(--transition-medium);color:var(--text-primary)}.contact-card:hover,.contact-card:focus-visible{transform:translateY(-2px);border-color:#4477d838;box-shadow:0 20px 34px #4477d814}.contact-card-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0e7a8d1a,#675fe014);color:var(--accent-cyan)}.contact-card>span:nth-of-type(2){display:grid;gap:6px;min-width:0}.contact-card b{display:block;font-size:1.08rem;line-height:1.2}.contact-card small{display:block;color:var(--text-primary);font-size:.93rem;line-height:1.5;word-break:break-word}.contact-card em{display:block;color:var(--text-secondary);font-size:.78rem;font-style:normal;letter-spacing:.02em}.contact-card svg:last-child{align-self:center;color:var(--accent-violet);flex-shrink:0}.community-panel{display:grid;gap:18px;padding:clamp(22px,3vw,30px);border:1px solid rgba(19,54,79,.08);border-radius:26px;background:linear-gradient(135deg,#ffffffd1,#f0f6ffe6 52%,#f4f0ffe0);box-shadow:0 16px 32px #1125300a}.community-panel>div:first-child{display:grid;gap:10px}.community-panel h2{margin:0;font-size:clamp(1.6rem,2vw,2.4rem);letter-spacing:-.05em}.community-panel p{margin:0;max-width:68ch;color:var(--text-secondary)}.community-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.community-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:92px;padding:16px 17px;border:1px solid rgba(19,54,79,.08);border-radius:18px;background:#ffffffb8;box-shadow:0 12px 22px #11253008;transition:transform var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium);color:var(--text-primary)}.community-links a:hover,.community-links a:focus-visible{transform:translateY(-2px);border-color:#4477d833;box-shadow:0 18px 26px #4477d814}.community-links a>svg{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0e7a8d17,#675fe017);color:var(--accent-violet)}.community-links a>span{display:grid;gap:3px;min-width:0}.community-links a b{font-size:1rem;line-height:1.2}.community-links a small{color:var(--text-secondary);font-size:.8rem;word-break:break-word}.community-links a svg:last-child{color:var(--accent-cyan)}.contact-trust{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid rgba(19,54,79,.08);border-radius:24px;background:linear-gradient(135deg,#17364bfa,#394d7cf5);box-shadow:0 18px 34px #142a3c1f;color:#fff}.contact-trust>svg{display:inline-grid;place-items:center;flex-shrink:0;width:42px;height:42px;padding:9px;border-radius:14px;background:#ffffff1a;color:#fff}.contact-trust>span{display:grid;gap:6px;flex:1;min-width:0}.contact-trust b{color:#fff;font-size:clamp(1.18rem,1.8vw,1.55rem);line-height:1.3}.contact-trust small{display:block;color:#fffc;max-width:58ch;font-size:.85rem;line-height:1.6}.contact-trust .button{flex-shrink:0;white-space:nowrap}.page-header-row{margin-bottom:4px}.course-panel-card h3,.course-card h3,.testimonial-card h3,.library-launch-card h3{margin-top:4px}.subject-area-block{display:grid;gap:16px;border:1px solid rgba(14,122,141,.12);border-radius:18px;background:linear-gradient(135deg,#f9fdfcf5,#f4f8ffe0)}.subject-area-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.subject-area-heading>div{display:grid;gap:6px}.subject-area-count{flex:0 0 auto;padding:6px 10px;border:1px solid rgba(14,122,141,.15);border-radius:999px;background:#0e7a8d14;color:var(--accent-cyan);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.subject-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subject-toggle{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;border:1px solid rgba(19,54,79,.11);border-radius:12px;background:#ffffffc7;color:var(--text-primary);cursor:pointer;font:inherit;font-size:.84rem;font-weight:700;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.subject-toggle:hover,.subject-toggle:focus-visible{transform:translateY(-1px);border-color:#0e7a8d59;box-shadow:0 8px 18px #0e7a8d14;outline:none}.subject-toggle.active{border-color:#0e7a8d80;background:linear-gradient(135deg,#0e7a8d1f,#30a5801a);color:#075d68;box-shadow:0 8px 18px #0e7a8d1a}.subject-toggle-mark{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:#0e7a8d17;color:var(--accent-cyan)}.subject-toggle.active .subject-toggle-mark{background:var(--accent-cyan);color:#fff}.topic-picker{position:relative;max-width:620px}.topic-picker-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:10px 13px;border:1px solid rgba(19,54,79,.14);border-radius:12px;background:#ffffffe6;color:var(--text-primary);cursor:pointer;font:inherit;font-size:.86rem;font-weight:700;text-align:left}.topic-picker-trigger>span{display:inline-flex;align-items:center;gap:9px}.topic-picker-menu{position:absolute;z-index:10;top:calc(100% + 6px);right:0;left:0;display:grid;gap:8px;padding:12px;border:1px solid rgba(19,54,79,.14);border-radius:14px;background:#fff;box-shadow:0 18px 38px #11253024}.topic-picker-menu input{width:100%}.topic-select-all{justify-self:start;border:0;background:transparent;color:var(--accent-cyan);cursor:pointer;font:inherit;font-size:.8rem;font-weight:800}.topic-picker-options{display:grid;max-height:220px;overflow-y:auto;gap:2px}.topic-picker-option{display:flex;align-items:center;gap:9px;min-height:40px;padding:7px 8px;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.84rem}.topic-picker-option:hover{background:#0e7a8d12}.topic-picker-option input{width:16px;height:16px;accent-color:var(--accent-cyan)}.active-tests-section{display:grid;gap:16px;padding:22px;border:1px solid rgba(215,95,109,.16);border-radius:22px;background:linear-gradient(135deg,#fffcfcf5,#f8faffeb);box-shadow:0 16px 34px #1a2b3d0f;animation:quiz-section-in .52s cubic-bezier(.2,.8,.2,1) both}.quiz-page-heading{position:relative;padding:8px 2px 16px}.quiz-page-heading h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.055em}.quiz-page-heading-meta{display:inline-flex;align-items:center;gap:10px}.quiz-heading-mark{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(14,122,141,.18);border-radius:10px;background:#0e7a8d14;color:var(--accent-cyan)}.quiz-builder-card{display:grid;gap:24px;border-color:#13364f1f;background:linear-gradient(145deg,#fffffff5,#f7fbfdeb);animation:quiz-section-in .6s 80ms cubic-bezier(.2,.8,.2,1) both}.quiz-builder-head{padding-bottom:4px}.quiz-builder-head h3{font-size:1.6rem}.quiz-builder-primary{padding:18px;border:1px solid rgba(19,54,79,.09);border-radius:16px;background:#f6fafcc7}.quiz-filter-section{display:grid;gap:14px;padding:18px 0 2px;border-top:1px solid rgba(19,54,79,.09)}.quiz-builder-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px}.quiz-builder-note{max-width:48ch;color:var(--text-secondary);font-size:.78rem;line-height:1.5}.quiz-run-card{animation:quiz-section-in .52s cubic-bezier(.2,.8,.2,1) both}.quiz-run{display:grid;gap:20px;padding:clamp(20px,3vw,34px);border:1px solid rgba(19,54,79,.12);background:#fffffff5}.quiz-run-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.quiz-run-top h3,.quiz-run-top small{display:block;margin:4px 0 0}.quiz-run-top h3{font-size:clamp(1.25rem,2vw,1.65rem)}.quiz-run-top small{color:var(--text-secondary)}.quiz-timer{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-width:104px;justify-content:center;padding:11px 14px;border:1px solid rgba(14,122,141,.18);border-radius:12px;background:#0e7a8d14;color:var(--accent-cyan);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:900}.question-progress{height:8px;overflow:hidden;border-radius:999px;background:#13364f1a}.question-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-cyan),#4fc58c);transition:width .22s ease}.question-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--text-secondary);font-size:.8rem}.question-text{max-width:900px;margin:0;color:var(--text-primary);font-size:clamp(1.35rem,2.5vw,2.1rem);line-height:1.24}.question-options{display:grid;gap:12px;max-width:900px}.question-option{display:grid;grid-template-columns:22px 38px minmax(0,1fr);align-items:center;gap:12px;min-height:64px;padding:13px 16px;border:1px solid rgba(19,54,79,.13);border-radius:13px;background:#fafcfde6;color:var(--text-primary);cursor:pointer;font-size:.98rem;line-height:1.45;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.question-option:hover{transform:translateY(-1px);border-color:#0e7a8d52;box-shadow:0 8px 18px #13364f0f}.question-option.selected{border-color:#0e7a8d80;background:#0e7a8d17;box-shadow:0 8px 18px #0e7a8d14}.question-option input{width:18px;height:18px;margin:0;accent-color:var(--accent-cyan)}.option-letter{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(19,54,79,.14);border-radius:9px;background:#fff;color:var(--text-secondary);font-size:.78rem;font-weight:900}.question-option.selected .option-letter{border-color:var(--accent-cyan);background:var(--accent-cyan);color:#fff}.question-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;max-width:900px;padding-top:6px;border-top:1px solid rgba(19,54,79,.09)}.question-jump{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.question-dot{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(19,54,79,.14);border-radius:9px;background:#fff;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.78rem;font-weight:800}.question-dot.answered{border-color:#1ea67a6b;background:#1ea67a1a;color:#187e5d}.question-dot.active{border-color:var(--accent-cyan);background:var(--accent-cyan);color:#fff}.quiz-exit-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;padding:0;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.8rem;font-weight:800}.quiz-exit-link:hover{color:var(--accent-cyan)}.quiz-expired-banner{display:flex;align-items:center;gap:12px;margin:16px 0;padding:14px 16px;border:1px solid rgba(215,95,109,.22);border-radius:12px;background:#d75f6d14;color:#a84152}.quiz-expired-banner div{display:grid;gap:3px}.quiz-expired-banner span{color:var(--text-secondary);font-size:.82rem}.result-stat-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:var(--text-secondary);font-size:.86rem}.result-stat-row span:first-child b{color:var(--success)}.result-stat-row span:nth-child(2) b{color:var(--danger)}.detailed-report{display:grid;gap:22px;animation:quiz-section-in .52s cubic-bezier(.2,.8,.2,1) both}.detailed-report-toolbar,.report-score-summary,.report-answer-grid{display:flex;align-items:center;gap:18px}.detailed-report-toolbar{justify-content:space-between}.detailed-report-toolbar h3{margin:4px 0}.detailed-report-toolbar small{color:var(--text-secondary)}.report-score-summary{flex-wrap:wrap;padding:20px;border-radius:16px;background:linear-gradient(135deg,#0e7a8d17,#30a58014)}.report-score-value{margin-right:auto;color:var(--accent-cyan);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1}.report-score-summary div:not(.report-score-value){display:grid;gap:3px}.report-score-summary div:not(.report-score-value) strong{font-size:1.2rem}.report-score-summary div:not(.report-score-value) span{color:var(--text-secondary);font-size:.78rem}.report-ai-panel{display:grid;gap:9px;padding:20px;border:1px solid rgba(103,95,224,.14);border-radius:16px;background:linear-gradient(135deg,#f6f4ffdb,#f6fbffe6)}.report-ai-panel h4,.report-ai-panel p{margin:0}.report-ai-panel p{white-space:pre-wrap;color:var(--text-secondary);line-height:1.7}.report-strengths{display:flex;gap:8px;flex-wrap:wrap;font-size:.84rem}.report-strengths span{color:var(--accent-violet)}.report-question-list{display:grid;gap:12px}.report-question-list h4{margin:3px 0 0}.report-question-card{display:grid;gap:12px;padding:18px;border:1px solid rgba(19,54,79,.1);border-left:4px solid rgba(19,54,79,.2);border-radius:12px;background:#fffc}.report-question-card.correct{border-left-color:var(--success)}.report-question-card.incorrect{border-left-color:var(--danger)}.report-question-card.unanswered{border-left-color:#9aa7b2}.report-question-label{display:flex;justify-content:space-between;gap:12px}.report-question-label b{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.correct .report-question-label b{color:var(--success)}.incorrect .report-question-label b{color:var(--danger)}.unanswered .report-question-label b{color:var(--text-secondary)}.report-question-text{margin:0;color:var(--text-primary);font-weight:700;line-height:1.55}.report-options{display:grid;gap:8px}.report-option{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border:1px solid rgba(19,54,79,.09);border-radius:9px;background:#f8fafccc;color:var(--text-secondary);font-size:.86rem;line-height:1.4}.report-option-letter{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#13364f14;color:var(--text-primary);font-size:.72rem;font-weight:900}.report-option-text{min-width:0;overflow-wrap:anywhere}.report-option-status{color:var(--text-secondary);font-size:.72rem;font-weight:800;text-align:right}.report-option.correct-option{border-color:#1ea67a59;background:#1ea67a1a;color:#187e5d}.report-option.correct-option .report-option-letter{background:var(--success);color:#fff}.report-option.user-option{border-color:#4477d859;box-shadow:inset 3px 0 #4477d8}.report-option.user-option:not(.correct-option){background:#d75f6d14;color:#a84152}.report-option.user-option:not(.correct-option) .report-option-letter{background:var(--danger);color:#fff}.report-answer-grid{flex-wrap:wrap;color:var(--text-secondary);font-size:.84rem}.report-explanation{margin:0;color:var(--text-secondary);font-size:.86rem;line-height:1.6}.report-question-card a{color:var(--accent-cyan);font-size:.82rem;font-weight:700}.quiz-dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0c19246b}.quiz-dialog{display:grid;gap:12px;width:min(100%,430px);padding:24px;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:#fff;box-shadow:0 24px 70px #0c19243d}.quiz-dialog h3,.quiz-dialog p{margin:0}.quiz-dialog p{color:var(--text-secondary);line-height:1.55}.quiz-dialog>div{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:6px}@media print{body{background:#fff!important}.topbar,.footer,.quiz-page-heading,.quiz-history-card,.quiz-result-actions,.quiz-dialog-backdrop{display:none!important}.container.quiz-page{width:100%;max-width:none;padding:0}.detailed-report{display:grid!important;border:0;box-shadow:none}.report-question-card{break-inside:avoid;box-shadow:none}}.quiz-history-card{animation:quiz-section-in .62s .14s cubic-bezier(.2,.8,.2,1) both}.history-row{display:grid;gap:14px;position:relative;overflow:hidden;border:1px solid rgba(19,54,79,.08);border-radius:14px;background:#ffffffb8;padding:16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.history-row:hover{transform:translateY(-2px);border-color:#0e7a8d33;box-shadow:0 12px 24px #13364f12}.history-report{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding-top:12px;border-top:1px solid rgba(19,54,79,.08)}.history-report details{flex:1 1 auto;min-width:0;max-width:none}.history-report details p{color:var(--text-secondary);line-height:1.55;text-align:justify}.history-report .button{white-space:nowrap}.history-row>div:first-child{min-width:0}.history-strength,.history-topic-percentages{display:block;margin-top:8px;line-height:1.5;overflow-wrap:anywhere}.report-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.history-controls{display:flex;align-items:center;gap:10px;margin-bottom:14px}.history-search{display:flex;align-items:center;gap:8px;flex:1 1 260px;min-height:42px;padding:0 12px;border:1px solid rgba(19,54,79,.13);border-radius:10px;background:#fff;color:var(--text-secondary)}.history-search input{width:100%;min-width:0;padding:0;border:0;background:transparent}.history-search input:focus{outline:none}.history-controls select{min-height:42px;width:170px}.history-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;color:var(--text-secondary);font-size:.82rem;font-weight:700}.history-title{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:800}.history-support{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.history-support b{color:var(--accent-cyan);font-size:1.15rem}.history-support small+small{padding-left:10px;border-left:1px solid var(--border)}@keyframes quiz-section-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.active-eyebrow{color:#bd4d5d}.active-test-card{display:grid;gap:16px;padding:22px;border:1px solid rgba(19,54,79,.1);border-radius:16px;background:#ffffffdb}.active-test-status{display:inline-flex;align-items:center;gap:8px;color:#a84152;font-size:.72rem;font-weight:800;letter-spacing:.1em}.active-dot{width:9px;height:9px;border-radius:50%;background:#d75f6d;box-shadow:0 0 0 4px #d75f6d1f}.active-test-main,.active-test-progress-meta,.active-test-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.active-test-main h3,.active-test-main p{margin:0}.active-test-main h3{font-size:1.25rem}.active-test-main p,.active-test-footer small{color:var(--text-secondary);font-size:.82rem}.active-test-timer{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 12px;border:1px solid rgba(215,95,109,.18);border-radius:10px;background:#d75f6d12;color:#a84152;font-weight:800}.active-test-progress-meta{color:var(--text-secondary);font-size:.82rem;font-weight:700}.active-test-progress{height:8px;overflow:hidden;border-radius:999px;background:#13364f1a}.active-test-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d75f6d,#e8a05d);transition:width .22s ease}.active-test-footer>div{display:flex;align-items:center;gap:10px}.no-active-test{display:flex;align-items:center;gap:10px;min-height:58px;padding:0 16px;border:1px dashed rgba(30,166,122,.3);border-radius:14px;background:#1ea67a0f;color:#187e5d;font-weight:700}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@keyframes surface-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.dashboard-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .dashboard-grid,.dashboard-page .secondary-grid{grid-template-columns:1fr}.learning-page .course-grid,.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.dashboard-page,.learning-page{width:min(100%,calc(100% - 16px));padding-top:16px}.dashboard-page .stats-grid{grid-template-columns:1fr}.dashboard-page .mini-course-card{flex-direction:column;align-items:flex-start}.dashboard-page .mini-course-meta{align-items:flex-start;width:100%}.notification-settings-page{width:min(100%,calc(100% - 16px));padding-top:16px}.notification-setting-row{align-items:flex-start;gap:16px;padding:16px}.notification-setting-row>div{flex:1}.notification-setting-row strong{font-size:.9rem}.notification-setting-row span{font-size:.78rem}.notification-settings-card{padding:0}.settings-toggle{min-width:68px}.course-grid,.learning-page .course-grid{grid-template-columns:1fr}.course-list-controls{flex-direction:column;align-items:stretch}.course-list-controls input,.course-list-controls select{width:100%;max-width:none;flex-basis:auto}.panel,.course-panel-card,.course-card,.hero-panel,.hero-card,.course-hero,.testimonial-card,.library-launch-card,.metric,.metric-card,.quick-card,.notification-item,.notification-item-full,.demo-video-panel,.topic-live-output,.live-class-card,.recording-card,.modern-card,.empty-state,.notice,.admin-course-row,.admin-stat,.broadcast-panel{padding:18px}}@media(max-width:480px){.panel,.course-panel-card,.course-card,.hero-panel,.hero-card,.course-hero,.testimonial-card,.library-launch-card,.metric,.metric-card,.quick-card,.notification-item,.notification-item-full,.demo-video-panel,.topic-live-output,.live-class-card,.recording-card,.modern-card,.empty-state,.notice,.admin-course-row,.admin-stat,.broadcast-panel{padding:16px}}@media(prefers-reduced-motion:reduce){.page-shell,.container.home-page,.container.course-page,.container.ai-page,.container.quiz-page,.container.planner-page,.container.jrf-page,.container.library-page,.container.contact-page,.container.about-page,.container.legal-page,.full-live-page,.admin-main,.page-shell>*,.home-page>*,.course-page>*,.ai-page>*,.quiz-page>*,.planner-page>*,.jrf-page>*,.library-page>*,.contact-page>*,.about-page>*,.legal-page>*,.active-tests-section,.quiz-builder-card,.quiz-run-card,.quiz-history-card,.admin-content>*,.admin-main>*{animation:none}}@media(max-width:720px){.topbar,.admin-topbar{width:100%;border-radius:0}.topbar{grid-template-columns:auto 1fr auto}.mobile-nav-toggle{display:inline-flex}.nav-cluster{display:none}.nav-cluster.is-open{display:grid}.nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.nav-group .nav-link{justify-content:flex-start;width:100%}.topbar-actions{width:auto}.hero-panel,.page-header-row{align-items:flex-start}.tab-row{width:100%;overflow-x:auto}.tab-button{flex:0 0 auto}.active-tests-section{padding:16px}.quiz-run{padding:18px;gap:16px}.quiz-run-top{align-items:flex-start;flex-direction:column;gap:12px}.quiz-timer{align-self:stretch;width:100%}.question-text{font-size:1.35rem}.question-option{grid-template-columns:20px 34px minmax(0,1fr);min-height:58px;padding:11px 12px;font-size:.92rem}.question-nav{grid-template-columns:1fr 1fr}.question-jump{grid-column:1 / -1;grid-row:1}.question-nav>.button:first-child{grid-column:1;grid-row:2;justify-content:center}.question-nav>.button:last-child{grid-column:2;grid-row:2;justify-content:center}.history-controls{align-items:stretch;flex-direction:column}.history-controls select{width:100%}.history-report{align-items:stretch;flex-direction:column;min-width:0;width:100%}.history-report details{max-width:none}.history-report .button{width:100%;justify-content:center}.quiz-page-heading{align-items:flex-start;flex-direction:column;gap:12px}.quiz-builder-card{gap:18px}.quiz-builder-primary{padding:14px}.quiz-builder-submit-row{align-items:stretch;flex-direction:column}.quiz-builder-submit-row .button{width:100%;justify-content:center}.detailed-report-toolbar{align-items:flex-start;flex-direction:column}.detailed-report-toolbar .button{width:100%;justify-content:center}.report-score-summary{align-items:flex-start;flex-direction:column}.report-score-value{margin-right:0}.active-test-card{padding:18px}.active-test-main,.active-test-progress-meta,.active-test-footer{align-items:flex-start;flex-direction:column}.active-test-timer{width:fit-content}.active-test-footer>div{width:100%;flex-wrap:wrap}.active-test-footer .button{flex:1 1 auto;justify-content:center}.subject-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.subject-toggle-grid{grid-template-columns:1fr}.subject-area-heading{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.container,.site-footer-grid,.site-footer-bottom{width:min(100% - 24px,1240px)}.page-shell{padding-top:24px}.hero-panel,.panel,.course-panel-card{border-radius:var(--radius-md)}.hero-actions,.form-action-row,.payment-actions{flex-direction:column;align-items:stretch}.hero-actions .button,.payment-actions .button{width:100%}.nav-group{grid-template-columns:1fr}}.notification-backdrop{display:none}.notification-panel{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(640px,calc(100dvh - 88px));max-height:min(640px,calc(100dvh - 88px));min-width:0;overflow:hidden}.notification-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px;flex:0 0 auto;min-width:0;padding:14px 16px 12px}.notification-title-wrap,.notification-header-actions,.notification-item-meta{min-width:0}.notification-title-wrap{flex-wrap:wrap;row-gap:5px}.notification-header-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:8px 12px;flex-wrap:wrap;width:100%}.notification-close{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:10px;background:#ffffffb8;color:var(--text-primary);cursor:pointer}.notification-close:hover,.notification-close:focus-visible{background:#0e7a8d14;border-color:#0e7a8d42;outline:none}.notification-settings-link{min-width:0;margin:0;padding:7px 9px;border-color:transparent;background:transparent;font-size:.78rem;cursor:pointer}.notification-settings-link span{min-width:0;overflow-wrap:anywhere}.notification-list{flex:1 1 auto;min-height:0;max-height:none;box-sizing:border-box;padding:14px 16px 18px 14px;gap:14px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.notification-empty{min-width:0;padding:28px 20px;overflow-wrap:anywhere}.notification-item{min-width:0;box-sizing:border-box;height:auto;min-height:132px;padding:16px 18px;gap:12px;align-content:start;overflow:visible}.notification-item>*{min-width:0}.notification-item-topline{min-width:0;flex-wrap:wrap;align-items:flex-start}.notification-item-topline-end{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.notification-mark-read-icon{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:1px solid rgba(14,122,141,.2);border-radius:9px;background:#0e7a8d14;color:var(--cyan);opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;transition:opacity .16s ease,background .16s ease,border-color .16s ease}.notification-mark-read-icon:hover,.notification-mark-read-icon:focus-visible{background:#0e7a8d29;border-color:#0e7a8d61;outline:none}.notification-item-meta{flex-wrap:wrap;overflow-wrap:anywhere}.notification-category,.notification-time,.notification-item h4,.notification-item p{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.notification-time{flex:0 1 auto;text-align:right;white-space:normal}.notification-item h4{font-size:.96rem}.notification-item p{font-size:.84rem}.notification-item-actions{justify-content:flex-start;align-items:stretch;min-width:0;padding-top:2px;max-height:0;margin-top:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:max-height .18s ease,opacity .18s ease,transform .18s ease,margin-top .18s ease}.notification-action{min-height:40px;max-width:100%;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.notification-item:hover .notification-item-actions{max-height:96px;margin-top:2px;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.notification-list:has(.notification-item:hover) .notification-item:not(:hover){filter:blur(1.2px);opacity:.52;transition:filter .18s ease,opacity .18s ease}.notification-badge{min-width:24px;height:22px;padding:0 7px;font-size:.72rem}.notification-badge-inline{min-width:24px;height:22px}@media(min-width:768px)and (max-width:1023px){.notification-panel{width:min(390px,calc(100vw - 32px))}.notification-header-actions{justify-content:flex-start}}@media(max-width:767px){.notification-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:#0f232f57;cursor:default;z-index:1000}.notification-panel{position:fixed;right:12px;bottom:12px;left:12px;top:auto;width:auto;max-width:none;height:min(82dvh,720px);max-height:min(82dvh,720px);border-radius:20px;z-index:1001}.notification-header{grid-template-columns:minmax(0,1fr) auto;padding:16px 16px 12px}.notification-header-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px}.notification-mark-all,.notification-settings-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 9px;border:1px solid var(--border);border-radius:10px;background:#ffffffb8;text-align:center;line-height:1.2}.notification-mark-all{color:var(--text-primary)}.notification-list{padding:12px 14px 18px}.notification-item{gap:10px;min-height:0;padding:16px}.notification-item-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.notification-time{max-width:10ch;text-align:right}.notification-item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.notification-action{width:100%;min-width:0}}@media(max-width:359px){.notification-panel{right:8px;bottom:8px;left:8px}.notification-header-actions,.notification-item-topline{grid-template-columns:1fr}.notification-time{max-width:none;text-align:left}.notification-action{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(hover:hover)and (pointer:fine){.notification-item:hover .notification-mark-read-icon{opacity:1;visibility:visible;pointer-events:auto}.notification-item:hover .notification-item-actions{max-height:96px;margin-top:2px;opacity:1;visibility:visible;overflow:visible;pointer-events:auto;transform:translateY(0)}}.course-page{width:min(100% - 24px,1240px);min-width:0;overflow-x:clip}.course-page,.course-page *{min-width:0}.course-page .course-hero,.course-page .course-content,.course-page .module-card-list,.course-page .module-card,.course-page .module-card-body,.course-page .module-topic-row,.course-page .module-topic-actions,.course-page .resource-pills,.course-page .resource-media,.course-page .resource-pagination,.course-page .module-pagination-wrap{width:100%;max-width:100%}.course-page .course-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.course-page .course-hero h1,.course-page .course-hero p,.course-page .module-card-name,.course-page .module-topic-title b,.course-page .resource-file-label span{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.course-page .course-hero .button{min-height:44px;max-width:100%}.course-page .course-stamp{justify-self:start;min-width:116px;min-height:96px}.course-page .course-content{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.course-page .module-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-height:64px;padding:14px}.course-page .module-card-title-wrap{align-items:flex-start;gap:8px}.course-page .module-card-meta{justify-content:flex-end;min-width:0;text-align:right}.course-page .module-card-meta span{overflow-wrap:anywhere}.course-page .module-card-body{padding:0 14px 14px}.course-page .module-topic-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:14px 0}.course-page .module-topic-actions{grid-column:1 / -1;display:grid;justify-items:stretch;gap:10px}.course-page .resource-pills{display:grid;gap:10px}.course-page .resource-media{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffb8}.course-page .resource-file-label{display:flex;align-items:flex-start;gap:8px;line-height:1.45}.course-page .resource-file-label svg{flex:0 0 auto;margin-top:3px}.course-page .resource-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.course-page .resource-pill,.course-page .resource-page-pill,.course-page .resource-page-controls .button,.course-page .module-pagination-row .button,.course-page .module-page-pill{min-height:44px}.course-page .resource-pill{justify-content:center;width:100%;white-space:normal;text-align:center}.course-page .resource-pagination{display:grid;gap:10px;padding-top:4px}.course-page .resource-page-size,.course-page .resource-page-controls,.course-page .module-pagination-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;flex-wrap:wrap}.course-page .resource-page-size{justify-content:flex-start}.course-page .resource-page-size select{width:auto;min-height:44px}.course-page .resource-page-controls .button,.course-page .module-pagination-row .button{flex:1 1 130px;justify-content:center}.course-page .resource-page-numbers,.course-page .module-page-numbers{display:flex;max-width:100%;flex-wrap:wrap;justify-content:center;gap:6px}.course-page .resource-page-pill,.course-page .module-page-pill{min-width:44px;padding:8px 10px}.course-page .resource-page-status,.course-page .module-page-status{max-width:100%;overflow-wrap:anywhere;text-align:center}@media(min-width:641px){.course-page .course-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}.course-page .course-stamp{justify-self:end}.course-page .module-card-head{padding:16px}.course-page .module-card-body{padding:0 16px 16px}.course-page .resource-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px)and (max-width:1023px){.course-page .course-content{gap:20px}.course-page .module-topic-row{grid-template-columns:auto minmax(0,1fr)}.course-page .resource-media{grid-template-columns:minmax(0,1fr)}}@media(min-width:1024px){.course-page{width:min(100% - 42px,1240px)}.course-page .course-content{grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:28px}.course-page .module-topic-row{grid-template-columns:auto minmax(0,1fr)}.course-page .resource-media{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center}}@media(min-width:1280px){.course-page .course-content{grid-template-columns:minmax(0,1fr) 320px;gap:32px}}@media(max-width:640px){.course-page .course-hero,.course-page .course-content,.course-page .module-card,.course-page .module-card-body,.course-page .resource-media{border-radius:var(--radius-md)}.course-page .course-hero,.course-page .module-card-head,.course-page .module-card-body{padding-inline:12px}.course-page .module-card-head{grid-template-columns:minmax(0,1fr)}.course-page .module-card-meta{justify-content:space-between;width:100%;text-align:left}.course-page .resource-page-controls .button,.course-page .module-pagination-row .button{flex-basis:100%}.course-page .resource-page-status,.course-page .module-page-status{font-size:.75rem}}
