*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#app{height:100%;min-height:100vh}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}:root,[data-theme=light]{--bg:#eceef1;--sidebar-bg:#f5f6f8;--border:#dde0e6;--border-strong:#c4c8d0;--text:#111;--text-muted:#7a8090;--hover:#e8eaee;--active-bg:#111;--active-text:#fff;--avatar-bg:#111;--avatar-text:#fff;--content-bg:#f5f6f8;--input-border:#d0d4dc;--input-bg:#f9fafc;--section-bg:#eceef1;--badge-bg:#efefef;--badge-text:#555;--tag-border:#d4d4d4;--tag-text:#444;--radius:2px;--radius-sm:1px;--content-padding:32px;--content-padding-y:28px;--topbar-padding-x:24px;--search-width:220px;--stats-padding-y:14px;--stats-padding-x:20px;--sidebar-tablet-width:52px}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}.touch-target{min-width:44px;min-height:44px}@media (width<=640px){:root{--content-padding:16px;--content-padding-y:20px;--topbar-padding-x:12px;--search-width:100%;--stats-padding-y:10px;--stats-padding-x:12px}}@media (width>=641px) and (width<=1024px){:root{--content-padding:24px;--content-padding-y:24px;--topbar-padding-x:16px;--search-width:180px;--stats-padding-y:12px;--stats-padding-x:16px}}@media (width<=768px) and (width>=641px){:root{--content-padding:20px;--content-padding-y:20px;--topbar-padding-x:14px}}@media (width<=640px){.stats-bar--responsive{flex-direction:column}.stats-bar--responsive .stat-div{display:none}.stats-bar--responsive .stat{width:100%;padding:var(--stats-padding-y) var(--stats-padding-x)}.pill-row--responsive{flex-direction:column}.pill-row--responsive .pill-div{display:none}.pill-row--responsive .pill{width:100%;padding:var(--stats-padding-y) var(--stats-padding-x)}}@media (width>=641px) and (width<=1024px){.stats-bar--responsive{flex-wrap:wrap}.stats-bar--responsive .stat{flex-basis:45%}.pill-row--responsive{flex-wrap:wrap}.pill-row--responsive .pill{flex-basis:45%}}@media (width<=640px){button,.btn,.nav-item,.filter-tab,.tab{min-height:44px}}[data-theme=dark]{--bg:#0d0d0d;--sidebar-bg:#161616;--border:#ffffff17;--border-strong:#ffffff2e;--text:#f0f0f0;--text-muted:#ffffff61;--hover:#ffffff0d;--active-bg:#ffffff1c;--active-text:#fff;--avatar-bg:#2a2a2a;--avatar-text:#fff;--content-bg:#1c1c1c;--input-border:#2a2a2a;--input-bg:#161616;--section-bg:#111;--badge-bg:#222;--badge-text:#aaa;--tag-border:#333;--tag-text:#bbb;--radius:2px;--radius-sm:1px}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.loading[data-v-8e0ea9f1]{justify-content:center;align-items:center;gap:6px;height:100vh;display:flex}.dot[data-v-8e0ea9f1]{background:#6b7280;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse-8e0ea9f1}.dot[data-v-8e0ea9f1]:nth-child(2){animation-delay:.2s}.dot[data-v-8e0ea9f1]:nth-child(3){animation-delay:.4s}@keyframes pulse-8e0ea9f1{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.achievement-toast-container[data-v-a72991f6]{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.achievement-toast[data-v-a72991f6]{pointer-events:auto;background:var(--sidebar-bg);border:1px solid var(--xp-gold,#d97706);border-radius:var(--radius,8px);align-items:flex-start;gap:12px;min-width:280px;max-width:360px;padding:14px 16px;display:flex;box-shadow:0 8px 32px #00000026}.at-icon[data-v-a72991f6]{width:36px;height:36px;color:var(--xp-gold,#d97706);background:#d977061f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.at-body[data-v-a72991f6]{flex:1;min-width:0}.at-badge[data-v-a72991f6]{letter-spacing:.1em;color:var(--xp-gold,#d97706);margin-bottom:2px;font-size:9px;font-weight:700}.at-title[data-v-a72991f6]{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:600}.at-desc[data-v-a72991f6]{color:var(--text-muted);margin-top:2px;font-size:11px;font-style:italic}.at-xp[data-v-a72991f6]{color:var(--xp-gold,#d97706);margin-top:4px;font-size:12px;font-weight:700}.toast-enter-active[data-v-a72991f6]{transition:all .35s cubic-bezier(.16,1,.3,1)}.toast-leave-active[data-v-a72991f6]{transition:all .2s ease-in}.toast-enter-from[data-v-a72991f6]{opacity:0;transform:translate(40px)scale(.95)}.toast-leave-to[data-v-a72991f6]{opacity:0;transform:translate(40px)scale(.9)}.toast-move[data-v-a72991f6]{transition:transform .3s}[data-v-4ae1f072]{box-sizing:border-box;margin:0;padding:0}.shell[data-v-4ae1f072]{background:var(--bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex}.mobile-topbar[data-v-4ae1f072]{z-index:60;background:var(--sidebar-bg);border-bottom:1px solid var(--border);align-items:center;gap:10px;height:48px;padding:0 12px;display:none;position:fixed;top:0;left:0;right:0}.hamburger[data-v-4ae1f072]{border:1px solid var(--border);border-radius:var(--radius);width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.hamburger[data-v-4ae1f072]:hover{background:var(--hover)}.mobile-brand[data-v-4ae1f072]{letter-spacing:.12em;color:var(--text);font-size:11px;font-weight:700}.mobile-overlay[data-v-4ae1f072]{z-index:70;background:#00000059;display:none;position:fixed;inset:0}.sidebar[data-v-4ae1f072]{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:sticky;top:0}.sidebar-inner[data-v-4ae1f072]{flex-direction:column;height:100%;display:flex;overflow-y:auto}.brand[data-v-4ae1f072]{height:44px;padding:0 var(--topbar-padding-x);border-bottom:1px solid var(--border);color:var(--text);flex-shrink:0;align-items:center;gap:9px;display:flex}.brand-icon[data-v-4ae1f072]{color:var(--text-muted);flex-shrink:0}.brand-name[data-v-4ae1f072]{letter-spacing:.12em;color:var(--text);font-size:11px;font-weight:700}.nav[data-v-4ae1f072]{flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex}.nav-item[data-v-4ae1f072]{border-radius:var(--radius);color:var(--text-muted);letter-spacing:.01em;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:450;text-decoration:none;transition:background .1s,color .1s;display:flex}.nav-item[data-v-4ae1f072]:hover{background:var(--hover);color:var(--text)}.nav-item.router-link-active[data-v-4ae1f072]{background:var(--active-bg);color:var(--active-text)}.sidebar-footer[data-v-4ae1f072]{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:1px;padding:8px 8px 10px;display:flex}.bottom-actions[data-v-4ae1f072]{grid-template-columns:repeat(3,1fr);align-content:space-between;gap:4px;width:100%;padding:2px 0;display:grid}.bottom-action[data-v-4ae1f072]{border-radius:var(--radius);place-content:center;width:100%;height:36px;padding:0;font-size:0;display:grid}.bottom-action svg[data-v-4ae1f072]{margin:0}.user-row[data-v-4ae1f072]{border-radius:var(--radius);align-items:center;gap:9px;margin-top:4px;padding:8px 10px;display:flex}.avatar[data-v-4ae1f072]{background:var(--avatar-bg);width:28px;height:28px;color:var(--avatar-text);border-radius:var(--radius);letter-spacing:0;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.user-info[data-v-4ae1f072]{flex:1;min-width:0}.user-name[data-v-4ae1f072]{color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-size:12px;font-weight:500;overflow:hidden}.user-email[data-v-4ae1f072]{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:10px;overflow:hidden}.logout-btn[data-v-4ae1f072]{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .1s,background .1s;display:flex}.logout-btn[data-v-4ae1f072]:hover{color:var(--text);background:var(--hover)}.user-xp-row[data-v-4ae1f072]{align-items:center;gap:5px;margin-top:3px;display:flex}.user-lv[data-v-4ae1f072]{color:var(--xp-gold,#d97706);white-space:nowrap;letter-spacing:0;font-size:9px;font-weight:700}.user-xp-track[data-v-4ae1f072]{background:var(--xp-track-bg,#00000014);border-radius:2px;flex:1;min-width:30px;height:4px;overflow:hidden}.user-xp-fill[data-v-4ae1f072]{background:linear-gradient(90deg,#d97706,#f59e0b);border-radius:2px;height:100%;transition:width .4s}.user-xp-next[data-v-4ae1f072]{color:var(--text-muted);white-space:nowrap;font-size:8px;font-weight:600}.main[data-v-4ae1f072]{background:var(--bg);flex:1;min-height:100vh;overflow-y:auto}.sidebar-close[data-v-4ae1f072]{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:none}.sidebar-close[data-v-4ae1f072]:hover{color:var(--text);background:var(--hover)}@media (width<=640px){.mobile-topbar[data-v-4ae1f072]{display:flex}.mobile-overlay[data-v-4ae1f072]{display:block}.shell[data-v-4ae1f072]{padding-top:48px}.sidebar[data-v-4ae1f072]{z-index:80;border-right:1px solid var(--border);width:260px;height:100dvh;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.sidebar--open[data-v-4ae1f072]{transform:translate(0)}.sidebar-close[data-v-4ae1f072]{display:flex}.sidebar-footer[data-v-4ae1f072]{padding:10px 12px 14px}.bottom-actions[data-v-4ae1f072]{gap:6px;padding:8px 0 4px}.bottom-action[data-v-4ae1f072]{height:44px;min-height:44px}.main[data-v-4ae1f072]{width:100%;margin-left:0}}@media (width>=641px) and (width<=1024px){.sidebar[data-v-4ae1f072]{width:var(--sidebar-tablet-width,52px);z-index:30;transition:width .15s;overflow:visible}.sidebar[data-v-4ae1f072]:hover{width:180px;box-shadow:4px 0 20px #0000001a}.sidebar-inner[data-v-4ae1f072]{overflow:hidden auto}.brand[data-v-4ae1f072]{justify-content:center;height:44px;padding:0;transition:justify-content .15s}.sidebar:hover .brand[data-v-4ae1f072]{padding:0 var(--topbar-padding-x);justify-content:flex-start}.brand-name[data-v-4ae1f072]{display:none}.sidebar:hover .brand-name[data-v-4ae1f072]{display:inline}.nav[data-v-4ae1f072]{align-items:center;padding:10px 0;transition:padding .15s}.sidebar:hover .nav[data-v-4ae1f072]{align-items:stretch;padding:10px 8px}.nav-item[data-v-4ae1f072]{justify-content:center;gap:0;width:36px;height:36px;padding:9px;font-size:0;transition:all .15s}.sidebar:hover .nav-item[data-v-4ae1f072]{justify-content:flex-start;gap:9px;width:100%;height:auto;padding:7px 10px;font-size:13px}.nav-item svg[data-v-4ae1f072]{margin:0}.sidebar:hover .nav-item svg[data-v-4ae1f072]{flex-shrink:0;margin:0}.sidebar-footer[data-v-4ae1f072]{align-items:center;padding:8px 0 10px;transition:padding .15s}.sidebar:hover .sidebar-footer[data-v-4ae1f072]{align-items:stretch;padding:8px 8px 10px}.bottom-actions[data-v-4ae1f072]{grid-template-columns:1fr;gap:2px;width:36px;padding:0;transition:all .15s}.sidebar:hover .bottom-actions[data-v-4ae1f072]{grid-template-columns:repeat(3,1fr);width:100%;padding:2px 0}.bottom-action[data-v-4ae1f072]{width:36px;height:36px;min-height:36px;transition:all .15s}.sidebar:hover .bottom-action[data-v-4ae1f072]{width:100%;height:36px}.user-row[data-v-4ae1f072]{justify-content:center;gap:0;padding:8px 0;transition:all .15s}.sidebar:hover .user-row[data-v-4ae1f072]{justify-content:flex-start;gap:9px;padding:8px 10px}.user-info[data-v-4ae1f072]{display:none}.sidebar:hover .user-info[data-v-4ae1f072]{display:block}}@media (width<=768px){.main[data-v-4ae1f072]{width:100%;margin-left:0}}