.dash-root{min-height:100vh;font-family:var(--font-sans,"DM Sans",system-ui,sans-serif);background:#f4f6fb;display:flex}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__logo{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;margin-bottom:8px;padding:20px 20px 16px;text-decoration:none;display:flex}.sidebar__logo-icon{color:#fff;background:#0056d2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:flex}.sidebar__logo-text{font-family:var(--font-serif,Georgia,serif);color:#111827;letter-spacing:-.02em;font-size:17px}.sidebar__nav{flex:1;padding:0 12px}.sidebar__subjects{border-top:1px solid #f3f4f6;margin-top:4px;padding:12px 12px 0}.sidebar__section-label{letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;padding:8px 8px 6px;font-size:10px;font-weight:700}.sidebar__list{flex-direction:column;gap:2px;list-style:none;display:flex}.sidebar__link{color:#6b7280;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__link:hover{color:#111827;background:#f3f4f6}.sidebar__link--active{color:#0056d2;background:#eef3ff;font-weight:600}.sidebar__link--active:hover{background:#e0eaff}.sidebar__link-icon{text-align:center;width:20px;font-size:16px}.sidebar__subject{color:#6b7280;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__subject:hover{color:#111827;background:#f3f4f6}.sidebar__subject-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sidebar__user{border-top:1px solid #f3f4f6;align-items:center;gap:10px;margin-top:auto;padding:14px 16px;display:flex}.sidebar__avatar{color:#fff;background:#0056d2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar__user-role{color:#9ca3af;font-size:11px}.sidebar__xp-badge{color:#0056d2;white-space:nowrap;background:#eef3ff;border-radius:100px;padding:3px 8px;font-size:11px;font-weight:600}.dash-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex;position:sticky;top:0}.topbar__title{font-family:var(--font-serif,Georgia,serif);color:#111827;letter-spacing:-.02em;font-size:20px;font-weight:400;line-height:1.2}.topbar__sub{color:#9ca3af;margin-top:1px;font-size:12px}.topbar__right{align-items:center;gap:12px;display:flex}.topbar__streak{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa;border-radius:100px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.topbar__notify{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:background .15s;display:flex}.topbar__notify:hover{background:#f3f4f6}.dash-content{flex:1;padding:28px 32px}.practice-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.controls-bar{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.control-group{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:4px;padding:4px;display:flex}.control-btn{font-family:var(--font-sans,system-ui);color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.control-btn:hover{color:#111827;background:#f3f4f6}.control-btn--active{color:#fff;background:#0056d2;font-weight:600}.control-btn--active:hover{background:#0046b2}.pq-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.pq-card__header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.pq-card__tag{letter-spacing:.06em;text-transform:uppercase;color:#0056d2;background:#eef3ff;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.pq-card__badge-ai{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:100px;padding:3px 8px;font-size:11px;font-weight:600}.pq-card__badge-rule{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:100px;padding:3px 8px;font-size:11px;font-weight:600}.pq-card__body{padding:20px 24px 24px}.pq-card__question{color:#111827;white-space:pre-line;margin-bottom:20px;font-size:16px;line-height:1.7}.pq-card__formula{font-family:var(--font-mono,monospace);text-align:center;color:#0056d2;letter-spacing:.04em;background:#f8faff;border:1px solid #c7d7f9;border-radius:10px;margin-bottom:20px;padding:14px;font-size:20px}.answer-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.answer-opt{font-family:var(--font-mono,monospace);color:#374151;text-align:center;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:13px 16px;font-size:15px;font-weight:500;transition:all .15s}.answer-opt:hover:not(:disabled){color:#0056d2;background:#f0f4ff;border-color:#0056d2}.answer-opt--selected{color:#0056d2;background:#eef3ff;border-color:#0056d2}.answer-opt--correct{color:#15803d;background:#f0fdf4;border-color:#16a34a}.answer-opt--wrong{color:#dc2626;background:#fef2f2;border-color:#dc2626}.answer-opt:disabled{cursor:default}.answer-input{width:100%;font-family:var(--font-mono,monospace);color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;margin-bottom:20px;padding:14px 16px;font-size:16px;transition:border-color .15s}.answer-input:focus{border-color:#0056d2}.answer-input:disabled{color:#6b7280;background:#f9fafb}.hint-btn{font-family:var(--font-sans,system-ui);color:#d97706;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:13px;font-weight:600;transition:color .15s;display:flex}.hint-btn:hover{color:#b45309}.hint-penalty{color:#9ca3af;margin-left:4px;font-size:11px;font-weight:500}.hint-box{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:16px;padding:12px 16px}.hint-box__item{color:#92400e;align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;display:flex}.hint-box__item+.hint-box__item{border-top:1px solid #fde68a;margin-top:8px;padding-top:8px}.result-box{border-radius:12px;margin-bottom:20px;padding:18px 20px}.result-box--correct{background:#f0fdf4;border:1.5px solid #86efac}.result-box--wrong{background:#fef2f2;border:1.5px solid #fecaca}.result-box__title{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.result-box__correct-answer{color:#374151;margin-bottom:12px;font-size:13px}.result-box__explanation{font-family:var(--font-mono,monospace);color:#374151;white-space:pre-line;background:#0000000a;border-radius:8px;padding:12px;font-size:12px;line-height:1.7}.xp-pill{color:#0056d2;background:#eef3ff;border-radius:100px;padding:3px 10px;font-size:12px;font-weight:700}.pq-actions{gap:10px;display:flex}.pq-btn{font-family:var(--font-sans,system-ui);cursor:pointer;border:none;border-radius:10px;flex:1;padding:13px 20px;font-size:15px;font-weight:600;transition:all .15s}.pq-btn--primary{color:#fff;background:#0056d2}.pq-btn--primary:hover:not(:disabled){background:#0046b2;transform:translateY(-1px);box-shadow:0 4px 12px #0056d240}.pq-btn--primary:disabled{opacity:.4;cursor:not-allowed}.pq-btn--secondary{color:#374151;background:#f3f4f6}.pq-btn--secondary:hover{background:#e5e7eb}.pq-loading{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:240px;font-size:14px;display:flex}.pq-spinner{border:3px solid #e5e7eb;border-top-color:#0056d2;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-panel{flex-direction:column;gap:16px;display:flex}.stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.stats-card__title{letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;margin-bottom:16px;font-size:12px;font-weight:700}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-item{text-align:center;background:#f9fafb;border-radius:10px;padding:12px 8px}.stat-item__num{font-family:var(--font-serif,Georgia,serif);color:#111827;margin-bottom:4px;font-size:24px;line-height:1}.stat-item__num--blue{color:#0056d2}.stat-item__num--green{color:#16a34a}.stat-item__num--orange{color:#ea580c}.stat-item__label{color:#9ca3af;font-size:11px;font-weight:500}.progress-track{background:#f3f4f6;border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:#0056d2;border-radius:3px;height:100%;transition:width .4s}.progress-label{color:#9ca3af;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.subject-pills{flex-direction:column;gap:8px;display:flex}.subject-pill{color:#374151;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans,system-ui);text-align:left;background:#f9fafb;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.subject-pill:hover{color:#0056d2;background:#eef3ff}.subject-pill__count{color:#9ca3af;font-size:11px}@media (max-width:1024px){.practice-layout{grid-template-columns:1fr}.stats-panel{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:768px){.sidebar{display:none}.dash-content{padding:20px 16px}.topbar{padding:14px 16px}.answer-grid,.stats-panel{grid-template-columns:1fr}}