:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f5fb;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{color:#0f172a;background:linear-gradient(#f7faff 0%,#f3f5fb 100%);min-height:100vh;display:flex}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex}.main-content{flex:1;overflow:auto}.page-shell{gap:20px;padding:24px;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-right:1px solid #dbe3f0;flex-direction:column;width:260px;transition:width .2s;display:flex}.sidebar-collapsed{width:88px}.sidebar-brand,.sidebar-toggle,.topbar,.panel,.hero-card,.stat-box,.resource-card,.agent-card,.student-card,.path-card,.project-card,.info-card,.warn-card,.focus-card,.mode-card,.select-card,.resource-row,.tip-card,.picker-stage,.switcher-menu,.modal-card,.upload-drop,.task-item,.switcher-trigger{border:1px solid #dbe3f0;box-shadow:0 10px 25px #0f172a0a}.sidebar-brand{border-top:0;border-left:0;border-right:0;align-items:center;gap:12px;padding:18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.sidebar-brand strong,.switcher-copy strong,.panel-title h3,.task-item strong,.path-card strong,.resource-card strong,.agent-card strong,.info-card strong,.focus-card strong,.mode-card strong,.student-card strong,.resource-row strong,.warn-card strong,.timeline-item strong,.hero-stats strong,.picker-stage strong,.project-card strong,.wall-head strong,.bar-row strong,.chat-box strong,.empty-chat strong{color:#0f172a}.sidebar-brand span,.sidebar-label,.muted,.panel-title .muted,.task-item p,.resource-row p,.student-card p,.switcher-copy span,.focus-card p,.warn-card p,.bar-row span,.info-card p,.tip-card,.mode-card p,.wall-head p,.resource-meta,.hero-copy,.eyebrow,.stat-sub,.stat-label{color:#64748b}.sidebar-body{gap:18px;padding:18px 14px;display:grid;overflow:auto}.sidebar-label{text-transform:uppercase;letter-spacing:.08em;margin:0 10px 6px;font-size:12px;font-weight:700}.sidebar-nav{gap:8px;display:grid}.nav-item,.tab-btn,.mini-btn,.ghost-btn,.primary-btn,.icon-btn,.bookmark-btn,.avatar-pick,.mini-chip,.role-switch button{cursor:pointer;background:0 0;border:0;transition:all .18s}.nav-item{color:#334155;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.nav-item:hover,.nav-muted:hover,.tab-btn:hover,.ghost-btn:hover,.mini-btn:hover,.icon-btn:hover,.bookmark-btn:hover,.switcher-trigger:hover,.mode-card:hover,.focus-card:hover,.select-card:hover,.resource-row:hover,.warn-card:hover,.avatar-pick:hover{background:#f8fafc}.nav-item.is-active,.role-active,.tab-btn.active,.mini-chip.active{color:#fff;box-shadow:0 12px 20px #3b82f63d}.nav-muted.is-soft-active{background:#e2e8f0}.sidebar-toggle{background:#f8fafc;border-radius:14px;margin:auto 14px 14px;padding:10px 12px}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border-top:0;border-left:0;border-right:0;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.crumbs,.topbar-actions,.hero-actions,.hero-stats,.button-row,.chip-row,.filters-row,.form-grid,.resource-meta,.panel-head,.panel-title,.switcher-head,.switcher-item,.resource-top,.path-card,.task-item,.resource-row,.student-card-head,.student-card-meta,.spread,.avatar-row,.identity-hero,.focus-top,.back-row,.chat-box,.composer,.role-switch,.project-top,.wall-head,.bar-row,.bar-stack{align-items:center;display:flex}.crumbs{gap:8px;font-size:14px}.crumbs strong{color:#0f172a}.topbar-actions{gap:12px;margin-left:auto}.live-badge{color:#dc2626;font-size:12px}.switcher{position:relative}.switcher-trigger{background:#fff;border-radius:14px;gap:10px;padding:8px 12px}.switcher-avatar,.switcher-emoji,.identity-avatar{font-size:24px}.switcher-copy{text-align:left;display:grid}.overlay,.modal-shell{z-index:40;position:fixed;inset:0}.switcher-menu,.modal-card{z-index:50;background:#fff;border-radius:20px;width:360px;max-height:70vh;padding:14px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.switcher-head,.switcher-subtitle{color:#475569;margin-bottom:10px;font-size:12px;font-weight:700}.switcher-list{gap:8px;display:grid}.switcher-item{text-align:left;border-radius:14px;gap:12px;padding:10px}.switcher-item p{color:#64748b;margin:2px 0 0;font-size:12px}.switcher-item.is-active{background:#eff6ff}.switcher-item>div{flex:1}.compact{margin-top:12px}.role-switch{background:#e2e8f0;border-radius:14px;padding:4px}.role-switch button{color:#475569;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;display:flex}.role-active{color:#1d4ed8;background:#fff}.hero-card,.featured-panel{color:#fff;border-radius:28px;justify-content:space-between;gap:20px;padding:28px;display:flex}.hero-card h1,.featured-panel h2,.page-header h1{color:inherit;margin:6px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.08}.page-header h1{color:#0f172a}.eyebrow{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px}.hero-copy{max-width:720px;margin:0}.hero-actions,.hero-stats,.button-row,.chip-row,.resource-meta,.student-card-meta,.bar-row,.avatar-row,.spread,.tabs-row,.composer,.filters-row{flex-wrap:wrap;gap:10px}.hero-actions{margin-top:18px}.primary-btn,.ghost-btn,.mini-btn,.icon-btn,.bookmark-btn,.mini-chip,.avatar-pick,.tab-btn{border-radius:14px;padding:10px 14px;font-weight:600}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);align-items:center;gap:8px;display:inline-flex}.primary-btn.light,.ghost-btn{color:#0f172a;background:#fff}.ghost-btn.on-dark{color:#fff;background:#ffffff2e}.mini-btn,.icon-btn,.bookmark-btn,.mini-chip,.tab-btn,.avatar-pick{color:#334155;background:#f1f5f9}.icon-btn,.bookmark-btn{place-items:center;width:40px;height:40px;padding:0;display:grid}.bookmark-btn.saved{color:#f59e0b}.score-chip,.project-pill,.focus-badge{background:#ffffff24;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:8px 12px;display:inline-flex}.hero-side{align-content:start;gap:12px;display:grid}.hero-stats{margin-top:6px}.hero-stats.compact{margin-top:0}.hero-stats>div{background:#ffffff24;border-radius:18px;min-width:96px;padding:12px 14px}.hero-stats>div strong{color:#fff;font-size:24px;display:block}.hero-stats>div span{color:#fffc;font-size:12px;display:block}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.compact-head{align-items:end}.stats-grid,.content-grid,.resource-grid,.wall-grid,.project-grid,.agent-grid,.path-grid,.focus-grid,.student-grid,.identity-switch-grid,.donut-grid{gap:16px;display:grid}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid.two-main{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr)}.resource-grid,.wall-grid,.project-grid,.agent-grid,.focus-grid,.student-grid,.donut-grid,.path-grid,.identity-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:#ffffffeb;border-radius:24px}.panel-head{border-bottom:1px solid #e7edf5;justify-content:space-between;gap:16px;padding:16px 18px}.panel-title{gap:10px}.panel-title h3{margin:0;font-size:15px}.panel-body{padding:18px}.stat-box{border-radius:24px;padding:18px}.stat-head{justify-content:space-between;display:flex}.stat-value{color:#0f172a;margin-top:18px;font-size:32px;font-weight:800}.stat-label{margin-top:6px;font-weight:600}.stat-sub{margin-top:4px;font-size:13px}.trend{align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.trend-up{color:#16a34a}.trend-down{color:#dc2626}.task-list,.stack-list,.timeline,.bars-list{gap:12px;display:grid}.task-item,.resource-row,.warn-card,.select-card,.mode-card,.focus-card,.student-card,.resource-card,.agent-card,.path-card,.project-card,.info-card,.tip-card,.picker-stage,.upload-drop{background:#fff;border-radius:18px;padding:14px}.task-item,.resource-row,.warn-card,.bar-row,.select-card,.path-card,.switcher-item,.focus-top,.student-card-head,.resource-top,.project-top,.wall-head,.spread{justify-content:space-between}.task-item span,.resource-top span,.resource-meta span,.student-card-meta span,.path-card p,.focus-card small,.switcher-item p,.bar-row span,.spread span,.info-card small,.task-item p,.resource-row p,.student-card p,.mode-card p{font-size:13px}.priority-high{border-left:4px solid #ef4444}.priority-medium{border-left:4px solid #f59e0b}.priority-low{border-left:4px solid #3b82f6}.info-card.compact,.tip-card.with-icon{align-items:center;gap:10px;display:flex}.timeline-item{grid-template-columns:auto 1fr auto;align-items:start;gap:12px;display:grid}.timeline-dot{background:#94a3b8;border-radius:999px;width:12px;height:12px;margin-top:5px}.status-done .timeline-dot{background:#22c55e}.status-progress .timeline-dot{background:#3b82f6}.status-plan .timeline-dot{background:#cbd5e1}.progress,.bar-track{background:#e2e8f0;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill,.bar-fill{border-radius:inherit;height:100%}.chat-box{background:#f8fafc;border-radius:20px;flex-direction:column;align-items:stretch;gap:10px;min-height:220px;padding:14px}.chat-box.tall{min-height:380px;max-height:460px;overflow:auto}.chat-bubble{border-radius:18px;max-width:min(90%,640px);padding:12px 14px;line-height:1.5}.chat-user{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);align-self:end}.chat-assistant{color:#0f172a;background:#fff;border:1px solid #dbe3f0;align-self:start}.composer input,.composer select,label input,label select,.filters-row input,.filters-row select,textarea{width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:12px 14px}label{color:#475569;gap:8px;font-weight:600;display:grid}label span{font-size:13px}.textarea{resize:vertical;min-height:160px}.composer{align-items:stretch}.composer input{flex:1}.resource-card,.agent-card,.project-card,.focus-card,.mode-card,.wall-post,.student-card,.path-card{gap:10px;display:grid}.resource-card p,.agent-card p,.project-card p,.mode-card p,.focus-card p,.student-card p,.info-card p,.wall-post blockquote{margin:0}.wall-post blockquote{color:#334155;background:#f8fafc;border-radius:16px;padding:12px 14px}.avatar{background:#fff;border:1px solid #dbe3f0;border-radius:999px;place-items:center;display:inline-grid;position:relative}.avatar-md{width:40px;height:40px}.avatar-sm{width:30px;height:30px}.avatar-lg{width:52px;height:52px}.avatar-dot{background:#22c55e;border:2px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;bottom:0;right:0}.path-card.done{background:#f0fdf4}.path-card.current{outline:2px solid #60a5fa}.path-index{background:#e2e8f0;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.donut{aspect-ratio:1;background:conic-gradient(currentColor var(--degree), #e2e8f0 0);color:#2563eb;border-radius:50%;place-items:center;width:150px;margin:0 auto;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;width:108px;height:108px;position:absolute}.donut>div{z-index:1;text-align:center;display:grid;position:relative}.radar-wrap{gap:12px;display:grid}.radar-svg{justify-self:center;width:100%;max-width:320px}.radar-ring,.radar-axis{fill:none;stroke:#dbe3f0;stroke-width:1px}.radar-shape{fill:#7c3aed40;stroke:#7c3aed;stroke-width:2px}.radar-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.radar-legend>div{background:#f8fafc;border-radius:12px;justify-content:space-between;padding:10px 12px;display:flex}.toast{z-index:80;color:#fff;border-radius:14px;align-items:center;gap:8px;padding:12px 14px;display:flex;position:fixed;top:84px;right:24px}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast-info{background:#2563eb}.rotate,.rotate-180{transform:rotate(180deg)}.spin{animation:1s linear infinite spin}.hidden-input{display:none}.top-gap{margin-top:16px}.bars-list{gap:16px}.bar-row{gap:12px}.bar-row>span{width:40px}.bar-stack{flex-direction:column;flex:1;align-items:stretch}.bar-stack .bar-track+.bar-track{margin-top:8px}.picker-stage{text-align:center;place-items:center;min-height:280px;display:grid}.picker-stage span{font-size:48px}.identity-switch-grid,.focus-grid,.resource-grid,.wall-grid,.project-grid,.agent-grid,.student-grid{align-items:start}.focus-card,.mode-card{text-align:left}.identity-avatar{background:#ffffff2e;border-radius:28px;place-items:center;width:88px;height:88px;display:grid}.empty-chat{text-align:center;place-items:center;gap:8px;min-height:100%;display:grid}.empty-chat span{font-size:44px}.tone-blue{background:linear-gradient(#eff6ff,#fff)}.tone-indigo{background:linear-gradient(#eef2ff,#fff)}.tone-cyan{background:linear-gradient(#ecfeff,#fff)}.tone-violet{background:linear-gradient(#f5f3ff,#fff)}.tone-green{background:linear-gradient(#ecfdf5,#fff)}.tone-amber{background:linear-gradient(#fffbeb,#fff)}.tone-orange{background:linear-gradient(#fff7ed,#fff)}.tone-rose{background:linear-gradient(#fff1f2,#fff)}.tone-purple{background:linear-gradient(#faf5ff,#fff)}.tone-slate{background:linear-gradient(#f8fafc,#fff)}.gradient-blue{background:linear-gradient(135deg,#2563eb,#7c3aed)}.gradient-indigo{background:linear-gradient(135deg,#4f46e5,#2563eb)}.gradient-cyan{background:linear-gradient(135deg,#0891b2,#2563eb)}.gradient-violet{background:linear-gradient(135deg,#7c3aed,#d946ef)}.gradient-green{background:linear-gradient(135deg,#059669,#0d9488)}.gradient-amber{background:linear-gradient(135deg,#f59e0b,#ea580c)}.gradient-orange{background:linear-gradient(135deg,#f97316,#ef4444)}.gradient-rose{background:linear-gradient(135deg,#f43f5e,#d946ef)}.gradient-purple{background:linear-gradient(135deg,#9333ea,#ec4899)}.gradient-slate{background:linear-gradient(135deg,#475569,#0f172a)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1200px){.stats-grid.four,.stats-grid.three,.content-grid.two-main,.resource-grid,.wall-grid,.project-grid,.agent-grid,.focus-grid,.student-grid,.donut-grid,.identity-switch-grid,.path-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{flex-direction:column}.sidebar,.sidebar-collapsed{width:100%}.topbar,.page-shell{padding:16px}.hero-card,.featured-panel,.page-header,.topbar,.identity-hero{flex-direction:column;align-items:stretch}.switcher-menu,.modal-card{width:min(100vw - 32px,360px)}}