body{margin:0;padding:0;background-color:#030712;color:#f3f4f6;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}.mdt-layout.svelte-19r4hwb.svelte-19r4hwb{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar.svelte-19r4hwb.svelte-19r4hwb{display:flex;flex-direction:column;width:300px;background:#0b0f19;border-right:1px solid rgba(255,255,255,.05);padding:24px;box-sizing:border-box}.brand.svelte-19r4hwb.svelte-19r4hwb{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand-badge.svelte-19r4hwb.svelte-19r4hwb{width:42px;height:42px}.brand-text.svelte-19r4hwb h2.svelte-19r4hwb{margin:0;font-size:1.2rem;font-weight:800;letter-spacing:-.5px}.brand-text.svelte-19r4hwb span.svelte-19r4hwb{font-size:.75rem;color:#64748b;letter-spacing:1px;text-transform:uppercase}.profile-card.svelte-19r4hwb.svelte-19r4hwb{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;margin-bottom:24px}.avatar-wrapper.svelte-19r4hwb.svelte-19r4hwb{position:relative;width:50px;height:50px}.avatar.svelte-19r4hwb.svelte-19r4hwb{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder.svelte-19r4hwb.svelte-19r4hwb{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#1e293b;font-weight:700;font-size:1.1rem;color:#94a3b8}.status-indicator.svelte-19r4hwb.svelte-19r4hwb{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #0b0f19}.status-indicator.online.svelte-19r4hwb.svelte-19r4hwb{background-color:#22c55e}.profile-info.svelte-19r4hwb.svelte-19r4hwb{display:flex;flex-direction:column}.profile-name.svelte-19r4hwb.svelte-19r4hwb{font-weight:600;font-size:.95rem;color:#f3f4f6}.profile-meta.svelte-19r4hwb.svelte-19r4hwb{font-size:.75rem;color:#94a3b8}.profile-rank.svelte-19r4hwb.svelte-19r4hwb{font-size:.75rem;font-weight:600;color:#3b82f6;margin-top:2px}.nav-menu.svelte-19r4hwb.svelte-19r4hwb{display:flex;flex-direction:column;gap:8px;flex-grow:1}.nav-link.svelte-19r4hwb.svelte-19r4hwb{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:#94a3b8;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease}.nav-link.svelte-19r4hwb.svelte-19r4hwb:hover{background:#ffffff08;color:#f3f4f6}.nav-link.active.svelte-19r4hwb.svelte-19r4hwb{background:#3b82f61a;color:#3b82f6;border-left:3px solid #3b82f6;border-top-left-radius:0;border-bottom-left-radius:0}.nav-icon.svelte-19r4hwb.svelte-19r4hwb{font-size:1.1rem}.sidebar-footer.svelte-19r4hwb.svelte-19r4hwb{padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.logout-btn.svelte-19r4hwb.svelte-19r4hwb{display:block;width:100%;padding:12px;text-align:center;background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#ef4444;font-weight:600;border-radius:10px;text-decoration:none;font-size:.9rem;transition:all .2s ease}.logout-btn.svelte-19r4hwb.svelte-19r4hwb:hover{background:#ef4444;color:#fff}.main-content.svelte-19r4hwb.svelte-19r4hwb{flex-grow:1;background:#030712;padding:40px;overflow-y:auto;box-sizing:border-box}