*{box-sizing:border-box;margin:0;padding:0}[data-theme=dark]{--bg:#000;--surface:#0a0a0a;--surface2:#141414;--border:#232323;--text:#f0f0f0;--text-muted:#666;--accent:#facc15;--accent-light:#fde047;--green:#22c55e;--red:#ef4444;--orange:#f97316;--accent-text:#000;--modal-bg:#000000b3;--tag-a:#facc1514;--tag-a-c:#facc15;--tag-b:#94a3b814;--tag-b-c:#94a3b8}[data-theme=light]{--bg:#fafafa;--surface:#fff;--surface2:#f3f3f3;--border:#e2e2e2;--text:#1a1a1a;--text-muted:#999;--accent:#ca9a04;--accent-light:#e6b422;--green:#16a34a;--red:#dc2626;--orange:#ea580c;--accent-text:#000;--modal-bg:#0000004d;--tag-a:#ca9a0412;--tag-a-c:#ca9a04;--tag-b:#64748b12;--tag-b-c:#64748b}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px}.app{background:var(--bg);min-height:100vh;color:var(--text);transition:background .25s,color .25s;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;gap:2px;width:250px;height:100vh;padding:18px 12px;transition:width .25s,background .25s,padding .25s;display:flex;position:fixed;overflow-y:auto}.sidebar.collapsed{width:60px;padding:18px 6px}.sidebar.collapsed .logo span,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-selector label,.sidebar.collapsed .nav-sep{display:none}.sidebar.collapsed .logo{text-align:center;padding:6px 0;font-size:15px}.sidebar.collapsed .sidebar-top{flex-direction:column;justify-content:center;gap:8px;padding:6px 0}.sidebar.collapsed .theme-toggle{margin:0 auto}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:8px}.sidebar.collapsed .nav-item svg{width:18px;height:18px}.sidebar.collapsed .user-selector{padding:6px}.sidebar.collapsed .user-selector select{padding:6px 4px;font-size:0}.sidebar.collapsed .sidebar-controls{flex-direction:column}.sidebar-top{justify-content:space-between;align-items:center;margin-bottom:14px;padding:6px 10px;display:flex}.logo{color:var(--accent);letter-spacing:-.5px;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.logo span{color:var(--text-muted);font-weight:400}.sidebar-controls{align-items:center;gap:6px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:9px;flex-shrink:0;width:34px;height:18px;transition:all .2s;position:relative}.theme-toggle:after{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px}[data-theme=light] .theme-toggle:after{transform:translate(16px)}.collapse-btn{border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.collapse-btn:hover{border-color:var(--accent)}.collapse-btn svg{width:14px;height:14px;stroke:var(--text-muted);transition:transform .25s}.sidebar.collapsed .collapse-btn svg{transform:rotate(180deg)}.nav-item{cursor:pointer;color:var(--text-muted);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--accent);color:var(--accent-text)}.nav-item.active svg{stroke:var(--accent-text)}.nav-item svg{stroke:currentColor;flex-shrink:0;width:16px;height:16px}.nav-label{white-space:nowrap;transition:opacity .2s,width .2s;overflow:hidden}.sidebar.collapsed .nav-label{opacity:0;width:0}.nav-sep{background:var(--border);height:1px;margin:8px 12px}.user-selector{background:var(--surface2);border:1px solid var(--border);border-radius:8px;margin-top:auto;padding:10px 12px}.user-selector label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:5px;font-size:10px;display:block}.user-selector select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:12px}.main{flex:1;max-width:1080px;margin-left:250px;padding:28px 32px;transition:margin-left .25s}.main-collapsed{margin-left:60px}.page-header{margin-bottom:24px}.page-header h1{letter-spacing:-.3px;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.page-header h1 svg{width:18px;height:18px;stroke:var(--accent)}.page-header p{color:var(--text-muted);margin-top:3px;font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px;transition:background .25s}.stat-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.stat-card .label svg{width:13px;height:13px;stroke:var(--text-muted)}.stat-card .value{font-size:26px;font-weight:700}.stat-card .sub{color:var(--text-muted);margin-top:3px;font-size:11px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:20px;transition:background .25s}.card-title{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.team-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.member-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:18px;transition:border-color .15s}.member-card:hover{border-color:var(--accent)}.member-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:flex}.member-name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.member-role{color:var(--text-muted);font-size:11px}.member-stats{border-top:1px solid var(--border);gap:14px;margin-top:10px;padding-top:10px;display:flex}.member-stat{color:var(--text-muted);flex-direction:column;gap:2px;font-size:10px;display:flex}.member-stat strong{color:var(--text);align-items:center;gap:4px;font-size:14px;display:flex}.xp-bar-mini{background:var(--surface2);border-radius:2px;width:100%;height:3px;margin-top:8px;overflow:hidden}.xp-bar-mini .fill{background:var(--accent);border-radius:2px;height:100%;transition:width .5s}.level-badge{color:var(--accent);background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:1px 7px;font-size:10px;font-weight:600}.mood-bar{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mood-btn{border:1px solid var(--border);background:var(--surface2);cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.mood-btn svg{stroke:currentColor;width:16px;height:16px}.mood-btn:hover{border-color:var(--accent);color:var(--text)}.mood-btn.selected{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.kudos-list{flex-direction:column;gap:8px;display:flex}.kudos-item{background:var(--surface2);border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.kudos-av{background:var(--accent);width:32px;height:32px;color:var(--accent-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kudos-av svg{width:16px;height:16px;stroke:var(--accent-text);fill:none}.kudos-text{font-size:13px;line-height:1.5}.kudos-text strong{color:var(--accent)}.kudos-meta{color:var(--text-muted);gap:10px;margin-top:3px;font-size:11px;display:flex}.goal-item{border-bottom:1px solid var(--border);padding:12px 0}.goal-item:last-child{border-bottom:none}.goal-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.goal-title{font-size:13px;font-weight:500}.goal-pct{color:var(--accent);font-size:12px;font-weight:600}.progress-bar{background:var(--surface2);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex}.btn svg{stroke:currentColor;width:14px;height:14px}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn-primary:hover{opacity:.9}.btn-primary svg{stroke:var(--accent-text)}.oneone-list{flex-direction:column;gap:6px;display:flex}.oneone-item{background:var(--surface2);border-radius:8px;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.oneone-info{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.green{background:var(--green)}.status-dot.yellow{background:var(--accent)}.status-dot.red{background:var(--red)}.pulse-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.pulse-card{background:var(--surface2);text-align:center;border-radius:8px;padding:14px}.pulse-card svg{width:24px;height:24px;stroke:var(--accent);margin-bottom:6px}.pulse-card .name{font-size:12px;font-weight:500}.pulse-card .meta{color:var(--text-muted);margin-top:3px;font-size:10px}.leaderboard{flex-direction:column;gap:4px;display:flex}.rank-item{background:var(--surface2);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.rank-item:hover{background:var(--border)}.rank-item.top-1{border-left:3px solid var(--accent)}.rank-item.top-2{border-left:3px solid #94a3b8}.rank-item.top-3{border-left:3px solid #cd7f32}.rank-pos{background:var(--surface);width:26px;height:26px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.rank-pos.gold{background:var(--accent);color:var(--accent-text)}.rank-pos.silver{color:#1a1a1a;background:#94a3b8}.rank-pos.bronze{color:#1a1a1a;background:#cd7f32}.rank-info{flex:1}.rank-name{font-size:13px;font-weight:600}.rank-title{color:var(--text-muted);font-size:11px}.rank-xp{color:var(--accent);font-size:13px;font-weight:700}.rank-level{color:var(--text-muted);margin-left:6px;font-size:10px}.streak-display{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:10px;align-items:center;gap:14px;margin-bottom:16px;padding:18px;display:flex}.streak-display svg{width:28px;height:28px;stroke:var(--orange);flex-shrink:0}.streak-number{color:var(--accent);font-size:28px;font-weight:800}.streak-label{color:var(--text-muted);font-size:12px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px;display:grid}.badge-card{background:var(--surface2);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px 10px;transition:all .15s}.badge-card:hover{border-color:var(--accent)}.badge-card.locked{opacity:.25}.badge-ic{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 8px;display:flex}.badge-ic svg{width:18px;height:18px;stroke:var(--accent-text);fill:none}.badge-card.locked .badge-ic{background:var(--border)}.badge-card.locked .badge-ic svg{stroke:var(--text-muted)}.badge-name{margin-bottom:3px;font-size:11px;font-weight:600}.badge-desc{color:var(--text-muted);font-size:10px;line-height:1.3}.badge-xp{color:var(--green);margin-top:5px;font-size:10px;font-weight:600}.challenge-list{flex-direction:column;gap:8px;display:flex}.challenge-item{background:var(--surface2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.challenge-item.active{border-color:var(--accent)}.challenge-item.completed{border-color:var(--green);opacity:.5}.challenge-ic{background:var(--accent);width:40px;height:40px;color:var(--accent-text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.challenge-ic svg{width:20px;height:20px;stroke:var(--accent-text);fill:none}.challenge-info{flex:1}.challenge-name{margin-bottom:3px;font-size:13px;font-weight:600}.challenge-desc{color:var(--text-muted);margin-bottom:6px;font-size:11px}.challenge-reward{color:var(--green);font-size:11px;font-weight:600}.challenge-progress{align-items:center;gap:6px;display:flex}.challenge-pct{color:var(--accent);white-space:nowrap;font-size:11px;font-weight:600}.learning-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .15s;overflow:hidden}.course-card:hover{border-color:var(--accent)}.course-banner{height:3px}.course-body{padding:18px}.course-tag{text-transform:uppercase;letter-spacing:.4px;background:var(--surface2);color:var(--text-muted);border-radius:4px;margin-bottom:8px;padding:2px 7px;font-size:10px;display:inline-block}.course-name{margin-bottom:4px;font-size:14px;font-weight:600}.course-desc{color:var(--text-muted);margin-bottom:12px;font-size:11px;line-height:1.5}.course-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.course-xp{color:var(--green);font-weight:600}.lesson-list{flex-direction:column;gap:3px;margin-top:12px;display:flex}.lesson-item{background:var(--surface2);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.lesson-check{border:2px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.lesson-check.done{background:var(--green);border-color:var(--green)}.lesson-check.done svg{stroke:#fff}.lesson-check svg{stroke:#0000;width:10px;height:10px}.lesson-check:hover{border-color:var(--accent)}.lesson-title{flex:1}.lesson-title.done-text{color:var(--text-muted);text-decoration:line-through}.lesson-xp{color:var(--green);font-size:10px;font-weight:600}.profile-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:20px;margin-bottom:24px;padding:22px;display:flex}.profile-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.profile-info h2{align-items:center;gap:8px;margin-bottom:3px;font-size:18px;font-weight:700;display:flex}.profile-info .role{color:var(--text-muted);font-size:12px}.profile-xp-section{margin-top:8px}.profile-xp-label{color:var(--text-muted);margin-bottom:4px;font-size:11px}.profile-xp-bar{background:var(--surface2);border-radius:3px;width:280px;max-width:100%;height:6px;overflow:hidden}.profile-xp-bar .fill{background:var(--accent);border-radius:3px;height:100%}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.activity-item{background:var(--surface2);border-radius:6px;align-items:center;gap:8px;padding:9px 10px;font-size:12px;display:flex}.activity-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.activity-text{flex:1;line-height:1.4}.activity-time{color:var(--text-muted);white-space:nowrap;font-size:10px}.docs-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.docs-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.doc-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:16px;transition:all .15s}.doc-card:hover{border-color:var(--accent)}.doc-type-ic{background:var(--surface2);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:10px;display:flex}.doc-type-ic svg{width:18px;height:18px;stroke:var(--text-muted);fill:none}.doc-name{margin-bottom:3px;font-size:13px;font-weight:600}.doc-meta{color:var(--text-muted);font-size:11px}.doc-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.doc-tag{background:var(--surface2);color:var(--text-muted);border-radius:4px;padding:2px 7px;font-size:9px}.doc-tag.personal{color:var(--tag-a-c);background:var(--tag-a)}.doc-tag.team{color:var(--tag-b-c);background:var(--tag-b)}.folder-list{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.folder-item{background:var(--surface2);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.folder-item:hover{border-color:var(--accent)}.folder-item svg{width:16px;height:16px;stroke:var(--accent);flex-shrink:0}.folder-name{flex:1;font-size:13px;font-weight:500}.folder-count{color:var(--text-muted);font-size:10px}.level-up-toast{background:var(--accent);color:var(--accent-text);z-index:200;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;animation:.3s slideIn,.3s 2.5s forwards fadeOut;display:flex;position:fixed;top:16px;right:16px}.level-up-toast svg{width:18px;height:18px;stroke:var(--accent-text)}@keyframes slideIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-overlay{background:var(--modal-bg);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:90%;max-width:440px;max-height:90vh;padding:24px;overflow-y:auto}.modal h2{margin-bottom:18px;font-size:15px;font-weight:600}.form-group{margin-bottom:14px}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-size:11px;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);border-radius:7px;padding:9px 11px;font-family:inherit;font-size:13px}.form-group textarea{resize:vertical;min-height:70px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.tab-bar{border-bottom:1px solid var(--border);gap:0;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:7px 14px;font-family:inherit;font-size:12px;transition:all .15s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.xp-how{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.xp-how-item{background:var(--surface2);border-radius:6px;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.xp-how-item svg{width:14px;height:14px;stroke:var(--text-muted);flex-shrink:0}.xp-how-item strong{flex:1}.xp-val{color:var(--green);white-space:nowrap;font-weight:600}@media (width<=768px){.sidebar{display:none}.main,.main-collapsed{margin-left:0;padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.team-grid,.learning-grid,.docs-grid{grid-template-columns:1fr}.profile-header{text-align:center;flex-direction:column}.profile-xp-bar{width:100%}}