@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0D0D0D;--bg-card: #161616;--bg-elevated: #1F1F1F;--bg-hover: #252525;--text-primary: #FAFAFA;--text-secondary: #A3A3A3;--text-muted: #737373;--accent: #EAB308;--accent-hover: #FACC15;--accent-subtle: rgba(234, 179, 8, .15);--border: #262626;--border-light: #333333;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}body{background:var(--bg-dark);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at 0% 20%,rgba(234,179,8,.06) 0%,transparent 40%),radial-gradient(circle at 100% 80%,rgba(34,211,238,.04) 0%,transparent 40%),var(--bg-dark)}.header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 3rem;background:#0d0d0de6;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.logo{display:flex;align-items:center;gap:.6rem}.logo-icon{font-size:1.5rem;color:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.logo-text{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.logo-tag{background:var(--accent);color:var(--bg-dark);font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.1em}.nav{display:flex;align-items:center;gap:.5rem;position:relative}.nav-item{color:var(--text-secondary);text-decoration:none;padding:.6rem 1.1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all .2s ease}.nav-item:hover{color:var(--text-primary);background:var(--bg-card)}.nav-item.router-link-active{color:var(--accent);background:var(--accent-subtle)}.user-menu{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.user-menu:hover{background:var(--bg-elevated)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.user-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.dropdown-arrow{font-size:.6rem;color:var(--text-muted)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:160px;padding:.5rem;z-index:100}.dropdown-item{display:block;padding:.6rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:.9rem;transition:all .2s}.dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.dropdown-divider{border:none;border-top:1px solid var(--border);margin:.5rem 0}.nav-btn{background:var(--accent);color:var(--bg-dark)!important;text-decoration:none;padding:.65rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;margin-left:.75rem;transition:all .2s ease}.nav-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #eab3084d}.content{flex:1;padding:2.5rem 3rem;max-width:1400px;margin:0 auto;width:100%}.footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:var(--bg-card);border-top:1px solid var(--border)}.footer-left{display:flex;align-items:center;gap:1rem}.footer-brand{font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:.8rem}.footer-right{display:flex;gap:1.5rem}.footer-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.footer-link:hover{color:var(--text-primary)}@media (max-width: 900px){.header{padding:1rem 1.5rem}.content{padding:1.5rem}.footer{padding:1.25rem 1.5rem;flex-direction:column;gap:1rem}.nav-item,.user-name{display:none}}