:root{--color-primary:#6366f1;--color-primary-2:#8b5cf6;--color-primary-deep:#4338ca;--color-primary-soft:#eef2ff;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-sidebar:#1e1f2e;--color-sidebar-hover:#262838;--color-sidebar-text:#c7cad9;--color-sidebar-muted:#6b6e85;--color-bg:#f5f6fa;--color-card:#fff;--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-border:#e5e7eb;--color-divider:#eef0f5;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:16px;--radius-pill:20px;--shadow-card:0 1px 3px #0000000a;--shadow-float:0 8px 32px #00000014;--shadow-hover:0 4px 12px #6366f11f;--font-sans:"PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-size:15px;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-2)}button{font-family:inherit}.app-shell{min-height:100vh;display:flex}.app-shell__sidebar{background:var(--color-sidebar);width:220px;color:var(--color-sidebar-text);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.app-shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell__topbar{border-bottom:1px solid var(--color-divider);background:#fff;align-items:center;gap:18px;height:60px;padding:0 28px;display:flex}.app-shell__content{flex:1;padding:20px 24px;overflow:auto}.sidebar-logo{border-bottom:1px solid #2d2f42;align-items:center;gap:12px;padding:20px 22px;display:flex}.sidebar-logo__icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-2));color:#fff;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:flex}.sidebar-logo__text{color:#fff;letter-spacing:.5px;font-size:15px;font-weight:500}.sidebar-section{color:var(--color-sidebar-muted);letter-spacing:1px;padding:16px 22px 8px;font-size:12px}.sidebar-item{cursor:pointer;color:var(--color-sidebar-text);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 22px;font-size:14px;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text)}.sidebar-item.active{background:var(--color-sidebar-hover);color:#fff;border-left-color:var(--color-primary)}.sidebar-item__arrow{color:var(--color-sidebar-muted);margin-left:auto;font-size:11px}.sidebar-sub{background:#181927;padding:4px 0}.sidebar-sub__item{color:#9fa2b5;cursor:pointer;padding:9px 22px 9px 58px;font-size:13px;text-decoration:none;display:block}.sidebar-sub__item:hover{color:#fff}.sidebar-sub__item.active{color:#fff;background:var(--color-sidebar-hover);border-left:3px solid var(--color-primary);padding-left:55px}.topbar-aibtn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-2));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.topbar-search{flex:1;max-width:420px;margin-left:auto;position:relative}.topbar-search input{background:#f7f8fb;border:1px solid #e3e5ec;border-radius:20px;outline:none;width:100%;height:38px;padding:0 14px 0 38px;font-size:14px}.topbar-search .icon{color:#9ca3af;font-size:14px;position:absolute;top:11px;left:14px}.topbar-icons{color:var(--color-text-muted);align-items:center;gap:16px;display:flex}.topbar-icons>*{cursor:pointer;font-size:17px}.topbar-tourbtn{height:36px;color:var(--color-primary);cursor:pointer;background:#fff;border:1px solid #d9dcff;border-radius:18px;padding:0 14px;font-size:14px;font-weight:600}.topbar-tourbtn:hover{border-color:var(--color-primary);background:#f8f7ff}.topbar-tourbtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.onboarding-tour-indicator{width:100%;color:var(--color-text);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.onboarding-tour-indicator span:last-child{color:var(--color-text-faint);font-weight:500}.onboarding-tour-title{flex-direction:column;gap:4px;display:flex}.onboarding-tour-title__group{letter-spacing:.04em;color:var(--color-primary);text-transform:uppercase;font-size:12px;font-weight:700}.topbar-user{cursor:pointer;background:#f7f8fb;border-radius:22px;align-items:center;gap:10px;padding:5px 12px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--color-primary-2), #ec4899);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.topbar-user__name{font-size:14px;font-weight:600;line-height:1.2}.topbar-user__role{color:var(--color-text-faint);font-size:12px;line-height:1.2}.panel-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.panel-card__title{color:var(--color-text);align-items:center;gap:8px;margin:0 0 14px;font-size:16px;font-weight:600;display:flex}.panel-card__title .end{color:var(--color-primary);cursor:pointer;margin-left:auto;font-size:13px;font-weight:400}.auth-shell{background:radial-gradient(circle at 20% 20%, #8b5cf626, transparent 40%), radial-gradient(circle at 80% 80%, #6366f126, transparent 40%), var(--color-bg);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card{width:min(420px,100%);box-shadow:var(--shadow-float);background:#fff;border-radius:16px;padding:36px}.auth-card__brand-wrap{align-items:center;gap:14px;margin-bottom:22px;display:flex}.auth-card__brand-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-2));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.auth-card__brand{color:var(--color-text);font-size:20px;font-weight:700}.auth-card__subtitle{color:var(--color-text-muted);margin-bottom:26px;font-size:14px}.auth-card__footer{text-align:center;color:var(--color-text-muted);margin-top:18px;font-size:14px}.crumbs{color:var(--color-text-muted);margin-bottom:14px;font-size:14px}.tabs-row{border-bottom:1px solid var(--color-divider);gap:4px;margin-bottom:18px;display:flex}.tab-item{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:15px;display:flex}.tab-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:12px;padding:16px 18px;display:flex}.stat-card__icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.stat-card__body{flex:1}.stat-card__label{color:var(--color-text-muted);font-size:13px}.stat-card__value{margin:3px 0;font-size:26px;font-weight:700}.stat-card__delta{color:var(--color-success);font-size:12px}.stat-card__delta.down{color:var(--color-danger)}.dashboard-reco-card{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:#fff;border:1px solid #eef0f5;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.dashboard-reco-card:hover{box-shadow:var(--shadow-hover);border-color:#a5b4fc;transform:translateY(-1px)}.dashboard-reco-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tag{background:var(--color-divider);color:var(--color-text-muted);border-radius:12px;padding:3px 12px;font-size:13px;display:inline-block}.tag--success{color:#047857;background:#d1fae5}.tag--warning{color:#b45309;background:#fef3c7}.tag--danger{color:#b91c1c;background:#fee2e2}.tag--info{color:#1d4ed8;background:#dbeafe}.tag--primary{color:#6d28d9;background:#ede9fe}.chip{color:#4b5563;cursor:pointer;background:#f2f4f9;border:none;border-radius:16px;padding:6px 14px;font-size:13px;display:inline-block}.chip.on{background:var(--color-primary);color:#fff}.empty-state{text-align:center;color:var(--color-text-faint);padding:60px 0;font-size:14px}.empty-state__icon{color:#d1d5db;margin-bottom:12px;font-size:44px}.muted{color:var(--color-text-muted)}.danger{color:var(--color-danger)}.success{color:var(--color-success)}.ai-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;height:100%;min-height:400px;display:flex}.ai-panel__head{border-bottom:1px solid var(--color-divider);padding:14px 16px;font-size:15px;font-weight:600}.ai-panel__chat{background:#fafbfe;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.ai-msg{gap:10px;max-width:95%;display:flex}.ai-msg--user{flex-direction:row-reverse;align-self:flex-end}.ai-msg__avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.ai-msg--user .ai-msg__avatar{background:#64748b}.ai-msg__bubble{border:1px solid var(--color-divider);color:var(--color-text);background:#fff;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.7}.ai-msg--user .ai-msg__bubble{background:var(--color-primary);color:#fff;border:none}.ai-panel__chips{border-top:1px solid var(--color-divider);flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.ai-panel__input{border-top:1px solid var(--color-divider);gap:8px;padding:10px 14px;display:flex}.ai-panel__input .ant-input{flex:1}.course-card{box-shadow:var(--shadow-card);background:#fff;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.course-card__cover{justify-content:center;align-items:center;height:150px;font-size:48px;display:flex;position:relative}.course-card__badges{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px}.course-card__badge{color:#4b5563;background:#fff;border-radius:12px;padding:3px 10px;font-size:12px;box-shadow:0 1px 2px #0000000d}.course-card__body{flex-direction:column;flex:1;padding:14px 16px;display:flex}.course-card__title{color:var(--color-text);margin-bottom:8px;font-size:15px;font-weight:600}.course-card__desc{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:10px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.course-card__meta{color:var(--color-text-faint);justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.course-card__progress{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.progress-thin{background:#edf0f7;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-thin>i{background:var(--color-primary);height:100%;display:block}.q-option{border:1.5px solid var(--color-border);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:14px;width:100%;margin-bottom:12px;padding:16px 18px;font-size:16px;transition:all .2s;display:flex}.q-option:hover{border-color:#a5b4fc}.q-option:disabled{opacity:1}.q-option__letter{color:#4b5563;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:flex}.q-option--selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.q-option--selected .q-option__letter{background:var(--color-primary);color:#fff}.q-option--correct{border-color:var(--color-success);color:#047857;background:#f0fdf4;font-weight:500}.q-option--correct .q-option__letter{background:var(--color-success);color:#fff}.q-option--wrong{border-color:var(--color-danger);color:#b91c1c;background:#fef2f2;font-weight:500}.q-option--wrong .q-option__letter{background:var(--color-danger);color:#fff}