:root{font-family:Tajawal,Cairo,Segoe UI,sans-serif;color:#103064;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.7) 0 120px,transparent 120px),radial-gradient(circle at 85% 85%,rgba(255,255,255,.55) 0 140px,transparent 140px),linear-gradient(160deg,#bfe1ff,#7ab6ff 52%,#5f9cfd)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:26px 12px}.app{width:min(980px,100%);background:#f7fbff;border:2px solid #9fcdff;border-radius:28px;box-shadow:0 16px #7eaeea,0 20px 50px #14469138;padding:20px}.app-header{display:flex;align-items:center;gap:12px;padding:8px 6px 14px}.brand-mark{width:54px;height:54px;display:block;flex-shrink:0;object-fit:contain}h1,h2,h3{margin:0}h1{font-size:clamp(1.5rem,3.2vw,2rem)}h2{margin-top:2px}h3{margin-top:12px;line-height:1.6}.meta{color:#335f9b;font-size:.95rem;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.panel,.question-card{border:2px solid #b7d8ff;background:#fff;border-radius:18px;box-shadow:0 5px #d6e9ff;padding:14px}label{display:block;margin-bottom:6px;font-weight:800}input[type=number],select,textarea,input[type=text]{width:100%;border:2px solid #b7d8ff;border-radius:14px;padding:10px 12px;font-size:1rem;background:#fbfeff;color:#0f356d}input[type=number]:focus,select:focus,textarea:focus,input[type=text]:focus{outline:none;border-color:#2d86ff;box-shadow:0 0 0 4px #3a89ff29}.type-list,.scroll-list{display:grid;gap:8px}.scroll-list{max-height:250px;overflow:auto;padding-inline-end:2px}.select-btn{width:100%;text-align:right;border:2px solid #b7d8ff;background:#fff;color:#143f83;box-shadow:0 4px #d9ebff;min-height:44px}.select-btn.active{border-color:#2e80f6;background:#e8f2ff;color:#0f356d}button{border:none;border-radius:15px;padding:11px 16px;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:not(:disabled):active{transform:translateY(1px)}.primary{color:#fff;background:linear-gradient(180deg,#2d8dff,#1e6fe4);box-shadow:0 4px #1159be}.secondary{color:#14407d;background:linear-gradient(180deg,#ecf5ff,#d7eaff);box-shadow:0 4px #b9d8ff}button:disabled{opacity:.55;cursor:not-allowed}.progress-wrap{margin-bottom:10px}.progress-label{display:flex;justify-content:space-between;font-weight:800;color:#1f569d;margin-bottom:5px}.progress-track{height:12px;border-radius:999px;background:#d8eaff;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b90ff,#2bc7ff);transition:width .25s ease}.choices{display:grid;gap:9px;margin-top:12px}.choice-btn{text-align:right;border:2px solid #b7d8ff;background:#fff;color:#143f83;box-shadow:0 4px #d9ebff}.choice-btn.active{border-color:#2e80f6;background:#e8f2ff}.feedback{margin-top:12px;font-weight:800}.feedback.ok{color:#067238}.feedback.no{color:#ad0d27}.actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.setup-footer{grid-column:1 / -1;display:flex;justify-content:flex-end}.start-btn{min-width:230px}.mono{background:#e8f2ff;border:1px solid #c7e0ff;border-radius:999px;padding:1px 8px;font-weight:700}.header-switch-btn{margin-inline-start:auto}.dashboard-app{width:min(1460px,100%);padding:22px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:18px}.dashboard-brand{display:flex;align-items:flex-start;gap:14px}.dashboard-header__actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-loading{min-height:180px;display:grid;place-items:center;text-align:center}.dashboard-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:16px;align-items:start}.dashboard-sidebar,.dashboard-main,.dashboard-lessons,.dashboard-questions{min-width:0}.dashboard-sidebar{position:sticky;top:16px;display:grid;gap:16px}.dashboard-sidebar__section{display:grid;gap:10px}.breadcrumb-strip{display:flex;flex-wrap:wrap;gap:8px}.breadcrumb-chip{width:auto;text-align:right;border:2px solid #c7dfff;background:#f7fbff;color:#14407d;box-shadow:0 3px #daeaff;padding:8px 12px}.breadcrumb-chip span,.breadcrumb-chip strong{display:block}.breadcrumb-chip span{font-size:.74rem;color:#6184b7}.breadcrumb-chip.active{background:linear-gradient(180deg,#eaf4ff,#dcecff);border-color:#3c8cff}.section-line{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.node-grid,.path-grid{display:grid;gap:10px}.node-grid{grid-template-columns:1fr}.node-card,.compact-path-item,.path-card,.lesson-row{width:100%;text-align:right;border:2px solid #c6dfff;background:#fff;color:#143f83;border-radius:16px;box-shadow:0 4px #dcecff}.node-card{padding:12px}.node-card__eyebrow{display:block;font-size:.77rem;color:#5f82b3;margin-bottom:6px}.node-card strong,.compact-path-item strong{display:block;margin-bottom:4px}.node-card small,.compact-path-item small{display:block;color:#587aa8;line-height:1.5}.node-card.active,.compact-path-item.active,.path-card.active,.lesson-row.active{border-color:#2d86ff;background:linear-gradient(180deg,#fff,#edf5ff)}.compact-path-list{display:grid;gap:8px;max-height:340px;overflow:auto;padding-inline-end:2px}.compact-path-item{padding:10px 12px}.dashboard-main{display:grid;gap:16px}.dashboard-primary-taxonomy{display:grid;gap:16px;background:radial-gradient(circle at top right,rgba(93,156,253,.16),transparent 28%),linear-gradient(180deg,#fff,#f5f9ff)}.taxonomy-intro{display:grid;gap:6px}.taxonomy-intro h2,.taxonomy-intro .meta{margin:0}.root-taxonomy-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.root-taxonomy-card{width:100%;min-height:172px;text-align:right;border:1px solid rgba(168,201,255,.88);border-radius:22px;padding:16px;color:#153e7f;box-shadow:0 8px 18px #5a87c724;display:grid;gap:10px;align-content:start;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#eff6ff)}.root-taxonomy-card:after{content:"";position:absolute;inset-inline-start:16px;inset-inline-end:16px;bottom:0;height:4px;border-radius:999px 999px 0 0;opacity:.95;background:linear-gradient(90deg,#1858bb59,#35afffd9)}.root-taxonomy-card[data-theme=elementary]{background:linear-gradient(180deg,#fff,#eff8ff)}.root-taxonomy-card[data-theme=middle]{background:linear-gradient(180deg,#fff,#f1fbf8)}.root-taxonomy-card[data-theme=secondary]{background:linear-gradient(180deg,#fff,#f5f3ff)}.root-taxonomy-card[data-theme=continuing]{background:linear-gradient(180deg,#fff,#fff8ee)}.root-taxonomy-card[data-theme=special]{background:linear-gradient(180deg,#fff,#fff2f5)}.root-taxonomy-card[data-theme=elementary]:after{background:linear-gradient(90deg,#2d85ff,#48c6ff)}.root-taxonomy-card[data-theme=middle]:after{background:linear-gradient(90deg,#0f9f77,#46d6a7)}.root-taxonomy-card[data-theme=secondary]:after{background:linear-gradient(90deg,#6d5bff,#b08fff)}.root-taxonomy-card[data-theme=continuing]:after{background:linear-gradient(90deg,#d17a00,#ffbf52)}.root-taxonomy-card[data-theme=special]:after{background:linear-gradient(90deg,#d6426d,#ff96b0)}.root-taxonomy-card.active{transform:translateY(-2px);border-color:#2f87fb;box-shadow:0 14px 30px #326bbd2e}.root-taxonomy-card__eyebrow{font-size:.76rem;font-weight:800;color:#5a7cab}.root-taxonomy-card strong{font-size:1.05rem;line-height:1.6}.root-taxonomy-card p{margin:0;color:#476895;line-height:1.8;font-size:.92rem}.root-taxonomy-card__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.root-taxonomy-card__meta span{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;background:#ffffffd1;border:1px solid rgba(181,211,255,.9);color:#154786;font-size:.81rem;font-weight:700}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.dashboard-stat{background:#fff;border:2px solid #b8d9ff;border-radius:18px;box-shadow:0 5px #d6e9ff;padding:14px;display:grid;gap:6px}.dashboard-stat p,.dashboard-stat span{margin:0;color:#597ba8}.dashboard-stat strong{font-size:clamp(1.5rem,2vw,2rem);color:#153f80}.dashboard-stat--primary{background:linear-gradient(160deg,#1f77ef,#2fb6ff);border-color:#1770e5;box-shadow:0 5px #0f5abc}.dashboard-stat--primary p,.dashboard-stat--primary span,.dashboard-stat--primary strong{color:#fff}.dashboard-stat--warning{background:linear-gradient(180deg,#fffaf0,#fff1d9);border-color:#ffd58b;box-shadow:0 5px #f2d18b}.dashboard-overview{display:grid;gap:14px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.overview-card{border:2px solid #d3e6ff;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:14px;display:grid;gap:10px}.overview-badges{display:flex;gap:8px;flex-wrap:wrap}.insight-list,.type-summary-list,.type-bars,.question-stack,.choice-stack,.blank-stack,.pair-column ul{display:grid;gap:8px}.insight-list,.choice-stack,.blank-stack,.pair-column ul{margin:0;padding:0;list-style:none}.type-summary-list{gap:10px}.type-summary-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #d1e4ff;padding-bottom:8px}.type-bar{display:grid;gap:5px}.type-bar__head{display:flex;justify-content:space-between;gap:8px;font-size:.92rem;color:#2c4f82}.type-bar__track{height:10px;border-radius:999px;background:#e6f0ff;overflow:hidden}.type-bar__fill{height:100%;border-radius:inherit}.type-mcq{background:linear-gradient(90deg,#2b85ff,#3bb7ff)}.type-tf{background:linear-gradient(90deg,#14a46f,#2fd59b)}.type-matching{background:linear-gradient(90deg,#f08f00,#ffc247)}.type-fillinblank{background:linear-gradient(90deg,#8a58ff,#b58cff)}.type-essay{background:linear-gradient(90deg,#f25b7a,#ff93a7)}.path-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.path-card{padding:14px;display:grid;gap:10px}.path-card__top,.path-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.path-card p{margin:0;color:#35598e;line-height:1.7}.path-card__meta{color:#587ba8;font-size:.9rem}.step-empty-state{border:2px dashed #cfe2ff;border-radius:18px;padding:20px;background:linear-gradient(180deg,#fbfdff,#f3f8ff)}.step-empty-state h3,.step-empty-state .meta{margin:0}.step-empty-state h3{margin-bottom:8px;color:#18498d}.dashboard-detail-grid{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:16px}.dashboard-lessons,.dashboard-questions{display:grid;gap:14px}.lesson-summary-strip{display:flex;gap:8px;flex-wrap:wrap}.lesson-list{display:grid;gap:8px;max-height:920px;overflow:auto;padding-inline-end:2px}.lesson-row{padding:12px;display:grid;gap:10px}.lesson-row__copy,.lesson-row__meta{display:grid;gap:6px}.lesson-row__copy small{color:#5d80af;line-height:1.5}.lesson-row__meta{display:flex;flex-wrap:wrap}.tiny-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:700;background:#edf5ff;border:1px solid #cfe4ff;color:#1a4d94}.tiny-pill.success{background:#e7faf1;border-color:#a6e6c4;color:#0a7a45}.tiny-pill.warning{background:#fff4de;border-color:#ffd591;color:#b36a00}.tiny-pill.info{background:#e8f7ff;border-color:#a9dcff;color:#066ba0}.tiny-pill.muted{background:#f2f5f8;border-color:#d8e0e7;color:#687a90}.empty-lesson-state{border:2px dashed #cfe2ff;border-radius:18px;padding:18px;background:#fbfdff}.question-group{display:grid;gap:12px}.question-entry{border:2px solid #d4e5ff;border-radius:18px;background:#fff;padding:14px;box-shadow:0 4px #e2efff;display:grid;gap:12px}.question-entry__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.question-entry__number{color:#5c7daa;font-weight:800}.question-entry__type{color:#1d4c93;background:#edf5ff;padding:3px 10px;border-radius:999px;font-size:.85rem}.question-entry__prompt{margin:0;line-height:1.9;font-size:1rem}.question-block{display:grid;gap:8px;background:#f8fbff;border:1px solid #d5e6ff;border-radius:14px;padding:12px}.question-block h4{margin:0;color:#18498d}.choice-stack li,.blank-stack li,.pair-column li{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;line-height:1.7}.choice-label{min-width:26px;font-weight:800;color:#18498d}.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pair-column{display:grid;gap:8px}.blank-answer{background:#eef7ff;border-radius:10px;padding:3px 8px;color:#0d4d8b}.question-answer{border-top:1px dashed #cfe0fa;padding-top:10px;color:#194982;line-height:1.7}@media (max-width: 640px){#root{padding:12px 8px}.app{padding:12px;border-radius:20px}.brand-mark{width:46px;height:46px}.app-header{align-items:flex-start;gap:10px;padding:4px 2px 12px}.header-switch-btn{width:auto;margin-inline-start:0}.grid{grid-template-columns:1fr;gap:10px}.panel,.question-card{padding:12px;border-radius:16px}.scroll-list{max-height:210px}.setup-footer{position:sticky;bottom:0;padding-top:8px;background:linear-gradient(180deg,#f7fbff00,#f7fbff 35%)}.start-btn{width:100%;min-width:0}button{width:100%}.root-taxonomy-grid{grid-template-columns:1fr}.root-taxonomy-card{min-height:0}}@media (max-width: 1120px){.root-taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout,.dashboard-detail-grid,.dashboard-stat-grid,.overview-grid{grid-template-columns:1fr}.dashboard-sidebar{position:static}.pair-grid{grid-template-columns:1fr}}