:root{--bg-canvas: #FAF8F5;--bg-card: #FFFFFF;--bg-subtle: #F8FAFC;--bg-code: #F1F5F9;--topbar-navy: #041E42;--topbar-navy-soft: #0A2E5C;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--accent-primary: #1D4ED8;--accent-primary-hover: #1E40AF;--accent-primary-soft: #EFF6FF;--accent-emerald: #059669;--accent-emerald-soft: #ECFDF5;--accent-amber: #D97706;--accent-amber-soft: #FFFBEB;--accent-red: #DC2626;--accent-red-soft: #FEF2F2;--border-light: #E2E8F0;--border-strong: #CBD5E1;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .07);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-heading: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.65;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.portal-wrapper,.auth-page-shell{min-height:100vh;display:flex;flex-direction:column}.top-navbar{background-color:var(--topbar-navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;z-index:60;box-shadow:var(--shadow-sm)}.top-navbar-inner{max-width:1360px;margin:0 auto;padding:12px 24px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.navbar-logo-circle{width:44px;height:44px;object-fit:contain;flex-shrink:0}.navbar-brand-text{display:flex;flex-direction:column;gap:4px}.navbar-brand-title{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:800;letter-spacing:.02em;color:#fff;line-height:1.2}.navbar-brand-sub{font-size:var(--fs-xs);color:#cbd5e1;font-weight:500;line-height:1.2}.navbar-view-switcher{display:inline-flex;align-items:center;background-color:var(--topbar-navy-soft);padding:4px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.14);gap:4px}.view-switch-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);border:none;background:transparent;color:#cbd5e1;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.view-switch-btn:hover{color:#fff;background-color:#ffffff14}.view-switch-btn.active{background-color:var(--accent-primary);color:#fff}.navbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.navbar-progress-pill{display:flex;align-items:center;gap:12px;background-color:var(--topbar-navy-soft);border:1px solid rgba(255,255,255,.14);padding:8px 12px;border-radius:var(--radius-sm)}.navbar-progress-text{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:600;color:#e2e8f0;white-space:nowrap}.navbar-progress-count{color:#6ee7b7;font-weight:700}.navbar-progress-track{width:72px;height:8px;background-color:#ffffff29;border-radius:var(--radius-sm);overflow:hidden}.navbar-progress-fill{height:100%;background-color:#10b981;border-radius:var(--radius-sm);transition:width .25s ease}.navbar-btn-admin{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid rgba(52,211,153,.45);background-color:#05966940;color:#ecfdf5;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;cursor:pointer;transition:background-color .15s ease}.navbar-btn-admin:hover{background-color:#05966966}.pending-count-pill{background-color:var(--accent-red);color:#fff;font-size:var(--fs-xs);font-weight:700;padding:4px 8px;border-radius:var(--radius-sm)}.navbar-btn-pdf{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid #FDE68A;background-color:#fff;color:var(--topbar-navy);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.navbar-btn-pdf:hover:not(:disabled){background-color:#f8fafc;transform:translateY(-1px)}.navbar-btn-pdf:disabled{opacity:.65;cursor:not-allowed}.navbar-user-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background-color:#ffffff14;color:#f8fafc;font-size:var(--fs-xs);font-weight:600}.navbar-btn-logout{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2);background:transparent;color:#e2e8f0;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.navbar-btn-logout:hover{background-color:#dc262640;border-color:#f8717180;color:#fff}.main-container{max-width:1360px;width:100%;margin:0 auto;padding:24px 24px 48px;flex:1}.editorial-hero-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1.45fr .55fr;gap:24px;align-items:center}.editorial-hero-left{display:flex;flex-direction:column;gap:12px}.editorial-eyebrow-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero-title{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:800;line-height:1.25;color:var(--text-primary);letter-spacing:-.015em}.hero-subtitle{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.6;max-width:68ch}.editorial-author-card{background-color:var(--bg-subtle);border:1px solid var(--border-light);border-left:4px solid var(--accent-primary);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:12px}.editorial-author-top{display:flex;align-items:center;gap:12px}.editorial-author-logo{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0}.editorial-author-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-primary)}.editorial-author-name{font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);line-height:1.4}.editorial-stats-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px dashed var(--border-light);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary)}.badge-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em}.badge-blue{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid #BFDBFE}.badge-emerald{background-color:var(--accent-emerald-soft);color:var(--accent-emerald);border:1px solid #A7F3D0}.badge-amber{background-color:var(--accent-amber-soft);color:var(--accent-amber);border:1px solid #FDE68A}.badge-red{background-color:var(--accent-red-soft);color:var(--accent-red);border:1px solid #FECACA}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-emerald,.btn-danger-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;text-decoration:none}.btn-primary{background-color:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary)}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background-color:var(--accent-primary-soft)}.btn-emerald{background-color:var(--accent-emerald);color:#fff;border:1px solid var(--accent-emerald)}.btn-emerald:hover:not(:disabled){background-color:#047857}.btn-danger-outline{background-color:var(--accent-red-soft);color:var(--accent-red);border:1px solid #FECACA}.btn-danger-outline:hover:not(:disabled){background-color:var(--accent-red);color:#fff}.toolbar-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-sm)}.part-filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-subtle);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.filter-pill:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.search-box-wrap{flex:1;min-width:260px;max-width:400px;display:flex;align-items:center;gap:8px}.search-input-container{position:relative;flex:1;display:flex;align-items:center}.search-input-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:8px 12px 8px 36px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);font-family:var(--font-body);font-size:var(--fs-sm);background:var(--bg-subtle);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 4px #1d4ed81f}.workspace-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.sidebar-toc{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;position:sticky;top:88px;max-height:calc(100vh - 112px);overflow-y:auto;box-shadow:var(--shadow-sm)}.sidebar-heading{font-family:var(--font-heading);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;gap:8px}.toc-list{display:flex;flex-direction:column;gap:4px}.toc-item-btn{width:100%;text-align:left;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;display:flex;align-items:flex-start;gap:12px;transition:all .15s ease;font-family:var(--font-body)}.toc-item-btn:hover{background:var(--bg-subtle)}.toc-item-btn.active{background:var(--accent-primary-soft);border-color:#bfdbfe}.toc-status-dot{width:24px;height:24px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;flex-shrink:0;margin-top:4px;background:var(--bg-code);color:var(--text-secondary)}.toc-status-dot.done{background:var(--accent-emerald);color:#fff}.toc-text-wrap{display:flex;flex-direction:column;gap:4px}.toc-ch-code{font-size:var(--fs-xs);font-weight:700;color:var(--accent-primary);text-transform:uppercase}.toc-ch-title{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);line-height:1.4}.chapter-reader-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md)}.chapter-meta-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.part-badge{background:var(--accent-primary-soft);color:var(--accent-primary);padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:700}.chapter-title-main{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:800;color:var(--text-primary);line-height:1.3;margin-bottom:12px}.chapter-summary-lead{font-size:var(--fs-base);color:var(--text-secondary);background:var(--bg-subtle);border-left:4px solid var(--accent-primary);padding:16px 20px;border-radius:var(--radius-sm);margin-bottom:20px;line-height:1.65}.skills-chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:24px}.skill-chip-label{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:700;color:var(--text-secondary)}.skill-chip{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;background:#f1f5f9;color:#0f172a;border:1px solid var(--border-strong);padding:4px 12px;border-radius:var(--radius-sm)}.figures-grid{display:flex;flex-direction:column;gap:24px;margin:24px 0}.figure-card{border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-subtle);box-shadow:var(--shadow-sm)}.figure-header-bar{background:#f1f5f9;padding:12px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.figure-code-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:700;color:var(--accent-primary)}.figure-img-wrapper{background:#fff;padding:12px;text-align:center;cursor:zoom-in}.figure-img{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border-light);display:block}.figure-highlights{padding:16px 20px;background:#fff;border-top:1px solid var(--border-light)}.figure-highlights strong{display:block;font-size:var(--fs-sm);color:var(--text-primary);margin-bottom:8px}.figure-highlights ul{padding-left:20px;display:flex;flex-direction:column;gap:4px}.figure-highlights li{font-size:var(--fs-sm);color:var(--text-secondary)}.content-section{margin-bottom:28px}.section-heading{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #F1F5F9}.section-para{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:12px;line-height:1.7}.code-block-container{margin-top:12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.code-block-header{background:#e2e8f0;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;color:var(--text-primary)}.code-preview-box{background:var(--bg-code);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:16px;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.6;color:#0f172a;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow-y:auto}.code-block-container .code-preview-box{border:none;border-radius:0}.table-scroll-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--border-light);border-radius:var(--radius-sm)}.handbook-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.handbook-table th{background:#eff6ff;color:var(--accent-primary);font-weight:700;text-align:left;padding:12px 16px;border-bottom:2px solid #BFDBFE}.handbook-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:top}.handbook-table tr:nth-child(2n) td{background:var(--bg-subtle)}.callout-box{padding:16px 20px;border-radius:var(--radius-sm);margin:20px 0;border-left:4px solid var(--accent-primary);background:var(--accent-primary-soft)}.callout-box.warning{border-left-color:var(--accent-amber);background:var(--accent-amber-soft)}.callout-box.tip{border-left-color:var(--accent-emerald);background:var(--accent-emerald-soft)}.callout-title{font-weight:700;font-size:var(--fs-base);margin-bottom:8px;color:var(--text-primary)}.dod-checklist-box{background:var(--accent-emerald-soft);border:1px solid #A7F3D0;border-radius:var(--radius-md);padding:20px 24px;margin-top:28px}.dod-title{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:var(--fs-base);font-weight:700;color:#065f46;margin-bottom:12px}.dod-list{list-style:none;display:flex;flex-direction:column;gap:8px}.dod-list li{display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-sm);color:#064e3b;font-weight:500}.chapter-nav-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.interactive-lab-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-md)}.lab-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-light);margin-bottom:24px}.lab-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:800;margin-top:8px;color:var(--text-primary)}.lab-subtitle{font-size:var(--fs-base);color:var(--text-secondary);margin-top:4px}.lab-tabs{display:flex;flex-wrap:wrap;gap:8px}.lab-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-secondary);font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all .15s ease}.lab-tab-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.lab-tab-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.lab-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.col-heading{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;margin-bottom:16px;color:var(--text-primary)}.field-label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary)}.field-input{width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-primary);background:var(--bg-card);transition:border-color .15s ease}.field-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #1d4ed81f}.mono-input{font-family:var(--font-mono);font-size:var(--fs-sm)}.output-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.helper-note{font-size:var(--fs-sm);color:var(--text-muted);margin-top:12px}.checkbox-card{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:12px}.checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--fs-sm)}.bug-selector-list{display:flex;flex-direction:column;gap:8px}.bug-selector-item{text-align:left;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-subtle);cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .15s ease;font-family:var(--font-body)}.bug-selector-item:hover{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.bug-selector-item.selected{border-color:var(--accent-primary);background:var(--accent-primary-soft);box-shadow:inset 4px 0 0 var(--accent-primary)}.bug-cat-tag{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;color:var(--accent-primary)}.bug-diagnosis-card{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.diagnosis-title{font-family:var(--font-heading);font-size:var(--fs-lg);margin:8px 0 12px}.diagnosis-console-box{background:#fef2f2;border:1px solid #FECACA;padding:12px;border-radius:var(--radius-sm);margin-bottom:12px;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm)}.diagnosis-console-box code{font-family:var(--font-mono);color:#b91c1c;font-weight:600}.diagnosis-cause{font-size:var(--fs-base);margin-bottom:12px}.diagnosis-steps{font-size:var(--fs-sm);margin-bottom:16px}.diagnosis-steps ul{margin-top:8px;padding-left:20px;display:flex;flex-direction:column;gap:4px}.diagnosis-prompt-box{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-strong)}.auth-main-container{max-width:1360px;width:100%;margin:0 auto;padding:32px 24px 48px;flex:1;display:flex;align-items:flex-start;justify-content:center}.auth-split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;width:100%;align-items:stretch}.auth-curriculum-showcase{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:space-between;gap:20px}.showcase-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:800;color:var(--text-primary);line-height:1.3}.showcase-lead{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.65}.showcase-modules-list{display:flex;flex-direction:column;gap:12px}.showcase-module-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-light)}.module-num-badge{background:var(--accent-primary);color:#fff;font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:800;padding:4px 12px;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.showcase-module-item h3{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);margin-bottom:4px}.showcase-module-item p{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.6}.author-signature-box{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #BFDBFE;border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);padding:16px 20px}.author-sig-row{display:flex;align-items:center;gap:16px}.author-sig-icon{width:56px;height:56px;border-radius:var(--radius-md);object-fit:contain;flex-shrink:0}.author-sig-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);margin-bottom:4px}.author-sig-name{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:800;color:var(--text-primary);margin-bottom:4px}.author-sig-meta{font-size:var(--fs-sm);color:var(--text-secondary)}.auth-form-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.auth-login-hero-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border-light)}.auth-login-emblem-img{width:72px;height:72px;object-fit:contain;margin-bottom:8px}.auth-login-brand-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:800;color:var(--accent-primary)}.auth-login-brand-tagline{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}.auth-tabs-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--bg-subtle);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:20px}.auth-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;cursor:pointer;transition:all .15s ease}.auth-tab-btn.active{background:var(--accent-primary);color:#fff}.auth-error-alert{background:var(--accent-red-soft);border:1px solid #FECACA;color:#b91c1c;padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;margin-bottom:16px}.auth-form-body{display:flex;flex-direction:column}.form-card-heading{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:800;color:var(--text-primary);margin-bottom:4px}.form-card-sub{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:20px}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-submit-btn{width:100%;padding:12px 16px;font-size:var(--fs-base);font-weight:700;margin-top:8px}.auth-switch-prompt{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);text-align:center;font-size:var(--fs-sm);color:var(--text-secondary)}.link-inline-btn{background:none;border:none;color:var(--accent-primary);font-weight:700;font-size:var(--fs-sm);cursor:pointer;text-decoration:underline}.pending-approval-card{max-width:720px;width:100%;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-lg);text-align:center}.auth-emblem-center{display:flex;justify-content:center;margin-bottom:12px}.pending-status-banner{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:800;letter-spacing:.04em;margin-bottom:16px}.pending-status-banner.pending{background:var(--accent-amber-soft);color:#b45309;border:1px solid #FDE68A}.pending-status-banner.rejected{background:var(--accent-red-soft);color:#b91c1c;border:1px solid #FECACA}.pending-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:800;color:var(--text-primary);margin-bottom:12px}.pending-desc{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:24px;line-height:1.65}.pending-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.pending-info-item{display:flex;flex-direction:column;gap:4px}.pending-info-item span{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600}.pending-info-item strong{font-size:var(--fs-sm);color:var(--text-primary)}.pending-actions-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.pending-auto-note{font-size:var(--fs-sm);color:var(--text-muted)}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox-modal{background:#fff;border-radius:var(--radius-md);max-width:1180px;width:100%;max-height:92vh;overflow-y:auto;padding:20px;box-shadow:var(--shadow-lg)}.lightbox-modal img{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.admin-dashboard-modal{background:var(--bg-card);border-radius:var(--radius-lg);max-width:1240px;width:100%;max-height:92vh;overflow-y:auto;padding:28px;box-shadow:var(--shadow-lg)}.admin-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light);margin-bottom:20px}.admin-modal-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:800;color:var(--text-primary);margin-top:8px}.admin-modal-sub{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:4px}.admin-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.admin-stat-card{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:4px}.admin-stat-card.pending{background:var(--accent-amber-soft);border-color:#fde68a}.admin-stat-card.approved{background:var(--accent-emerald-soft);border-color:#a7f3d0}.admin-stat-card.rejected{background:var(--accent-red-soft);border-color:#fecaca}.stat-label{font-size:var(--fs-xs);font-weight:700;color:var(--text-secondary)}.stat-value{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:800;color:var(--text-primary)}.admin-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.admin-action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-create-user-box{background:var(--accent-primary-soft);border:1px solid #BFDBFE;border-radius:var(--radius-md);padding:20px;margin-bottom:16px}.admin-create-user-box h4{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:700;color:var(--accent-primary);margin-bottom:12px}.admin-create-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:800}.status-badge.approved{background:var(--accent-emerald-soft);color:#065f46;border:1px solid #A7F3D0}.status-badge.pending{background:var(--accent-amber-soft);color:#b45309;border:1px solid #FDE68A}.status-badge.rejected{background:var(--accent-red-soft);color:#b91c1c;border:1px solid #FECACA}.admin-row-actions{display:flex;flex-wrap:wrap;gap:8px}.site-author-footer{background:var(--topbar-navy);color:#f8fafc;border-top:4px solid var(--accent-primary);padding:24px;margin-top:auto}.footer-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-brand-left{display:flex;align-items:center;gap:16px}.footer-badge-logo{width:52px;height:52px;object-fit:contain;flex-shrink:0}.footer-author-main{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:800;color:#fde68a;margin-bottom:4px}.footer-sub-links{font-size:var(--fs-sm);color:#cbd5e1}.footer-sub-links strong{color:#fff}.footer-right-pill{background:var(--topbar-navy-soft);border:1px solid rgba(255,255,255,.14);padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;color:#e2e8f0}.toast-banner{position:fixed;bottom:24px;right:24px;background:var(--topbar-navy);color:#fff;padding:12px 20px;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-lg);z-index:90;border-left:4px solid #34D399}@media(max-width:1024px){.editorial-hero-card,.auth-split-grid,.workspace-grid,.lab-body-grid{grid-template-columns:1fr}.sidebar-toc{position:static;max-height:320px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-create-grid,.form-row-2col,.pending-info-grid{grid-template-columns:1fr}}@media(max-width:640px){.top-navbar-inner,.main-container,.auth-main-container,.site-author-footer{padding-left:16px;padding-right:16px}.editorial-hero-card,.auth-curriculum-showcase,.auth-form-card,.chapter-reader-card,.interactive-lab-card{padding:16px}.showcase-module-item,.author-signature-box{padding:12px 0;background:transparent;border:none;border-top:1px solid var(--border-light);border-radius:0}.auth-login-hero-box{align-items:flex-start;text-align:left}.auth-tabs-bar{grid-template-columns:1fr;padding:0;background:transparent;border:none}.hero-title{font-size:var(--fs-xl)}.showcase-module-item,.author-sig-row,.footer-brand-left{flex-direction:column;align-items:flex-start}}