:root{color-scheme:dark light;--bg: #FDF0F0;--surface: rgba(34, 34, 34, .12);--surface-strong: #ffffff;--text: #111827;--muted: #6b7280;--accent: #3b82f6;--accent-strong: #10b981;--border: rgba(15, 23, 42, .1);--shadow: 0 24px 60px rgba(15, 23, 42, .14)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh;padding:24px}.app-shell{max-width:1100px;margin:0 auto}.top-nav{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:24px}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.brand{font-size:1.75rem;font-weight:800}.brand-tag{background:#111827;color:#fff;padding:7px 14px;border-radius:999px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.subtitle{margin:0;color:var(--muted)}.nav-links{display:flex;flex-wrap:wrap;gap:10px}.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:14px;border:1px solid rgba(59,130,246,.24);background:#fffc;color:var(--text);transition:transform .2s ease,background .2s ease,color .2s ease;cursor:pointer}.nav-btn:hover{transform:translateY(-1px);background:#3b82f624}.nav-btn.active{background:var(--accent);color:#fff;border-color:transparent}.page-frame{min-height:calc(100vh - 160px)}.page-card{background:var(--surface);border-radius:28px;padding:28px;border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow)}.page-card-large{min-height:560px}.page-card-small{max-width:520px}.page-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.page-title-row h2{margin:0;font-size:2rem}.page-title-row p{margin:8px 0 0;color:var(--muted);max-width:620px}.primary-btn,.primary-sm{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:14px;padding:12px 18px;background:var(--accent);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-sm{padding:10px 14px;font-size:.95rem}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:14px;padding:12px 18px;background:#ffffffd9;color:var(--text);border:1px solid rgba(15,23,42,.12);cursor:pointer;transition:transform .2s ease,background .2s ease}.primary-btn:hover,.secondary-btn:hover,.primary-sm:hover{transform:translateY(-1px)}.course-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.course-card,.feature-card,.summary-card,.content-block,.admin-card{background:var(--surface-strong);border-radius:24px;padding:22px;border:1px solid rgba(15,23,42,.08)}.course-card-top,.admin-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.course-badge,.hidden-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700}.course-badge{background:#dbeafe;color:#1e3a8a}.hidden-pill{background:#fde68a;color:#78350f}.course-status{color:var(--muted);font-size:.95rem}.course-card h3,.admin-title{margin:0;font-size:1.2rem}.course-summary{color:var(--muted);margin:16px 0 0}.progress-bar{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:18px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.progress-placeholder,.helper-text{color:var(--muted)}.feature-card{transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 20px 45px #0f172a14}.menu-grid{margin-bottom:24px}.summary-card{border:1px solid rgba(59,130,246,.16)}.content-block{color:var(--text);line-height:1.85}.content-block p,.content-block ul,.content-block ol{margin:1rem 0}.content-block ul,.content-block ol{padding-left:1.4rem}.account-panel{display:flex;align-items:center;gap:18px}.avatar-circle{width:64px;height:64px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#fff;font-size:1.4rem;font-weight:700}.account-label{margin:0 0 6px;color:var(--muted)}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.back-link{display:inline-block;color:var(--accent);margin-bottom:14px}.progress-pill{display:inline-flex;padding:10px 16px;border-radius:999px;background:#3b82f61f;color:#1d4ed8;font-size:.92rem;margin-bottom:22px}.chapter-frame{min-height:280px}.quiz-form{display:flex;flex-direction:column;gap:18px}.quiz-question{border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:18px;background:#f8fafc}.quiz-question legend{font-weight:700;margin-bottom:12px}.quiz-option{display:flex;align-items:center;gap:12px;margin-top:10px;cursor:pointer}.quiz-option input{accent-color:var(--accent)}.chapter-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.form-grid{display:grid;gap:18px}.form-grid label{display:grid;gap:10px;color:var(--text)}.form-grid input{width:100%;border:1px solid rgba(15,23,42,.16);border-radius:14px;padding:14px 16px;outline:none;transition:box-shadow .2s ease,border-color .2s ease}.form-grid input:focus{border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f61f}.error-box{background:#fee2e2;color:#991b1b;border-radius:18px;padding:16px;margin-bottom:18px}.admin-list{display:flex;flex-direction:column;gap:14px}.admin-card{display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-title{font-size:1rem;font-weight:700}.success-banner{margin-top:18px;padding:16px;border-radius:18px;background:#10b98126;color:#065f46}.empty-state{padding:32px;border-radius:22px;background:#ffffffd1;border:1px dashed rgba(15,23,42,.18);color:var(--muted)}@media (max-width: 860px){.top-nav,.page-title-row,.chapter-actions{flex-direction:column}}