.main-layout{min-height:100vh;display:flex;flex-direction:column}.navbar{padding:.75rem 2rem;background:var(--card-bg-glass, rgba(255, 255, 255, .8));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}[data-theme=dark] .navbar{background:rgba(15,23,42,.8)}.nav-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:900;color:var(--text);font-size:1.15rem;letter-spacing:-.02em}.logo-icon{font-size:1.6rem;color:var(--primary);filter:drop-shadow(0 0 10px rgba(37,99,235,.2))}.logo-text span{color:var(--primary)}.nav-actions{display:flex;gap:.5rem;align-items:center;background:var(--bg);padding:.35rem;border-radius:1rem;border:1px solid var(--border)}.nav-link{text-decoration:none;color:var(--text-muted);font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link span:not(.material-symbols-outlined){margin-top:1px}.nav-link .nav-icon{font-size:1.25rem}.nav-link:hover{color:var(--text);background:var(--card-bg)}.nav-link.router-link-active{color:var(--primary);background:var(--card-bg);box-shadow:0 4px 12px -2px #0000000d}.nav-right{display:flex;align-items:center;gap:.75rem;padding-left:.75rem;border-left:1px solid var(--border)}.theme-toggle{width:36px;height:36px;border-radius:10px;background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s}.theme-toggle:hover{color:var(--primary);background:var(--bg);border-color:var(--border)}.app-content{flex:1;padding-bottom:5rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:4.5rem;background:var(--card-bg);border-top:1px solid var(--border);display:flex;justify-content:center;align-items:center;z-index:1001;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.bottom-nav-content{width:100%;max-width:600px;display:flex;justify-content:space-around;align-items:center;padding:0 1rem}.tab-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;text-decoration:none;color:var(--text-muted);font-size:.7rem;font-weight:700;transition:all .2s;flex:1}.tab-item span:first-child{font-size:1.5rem}.tab-item.router-link-active{color:var(--primary)}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width: 768px){.mobile-only{display:flex}.desktop-only{display:none}.logo-text{font-size:1rem}.app-content{padding-bottom:5.5rem}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg: #f8fafc;--card-bg: #ffffff;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--success: #22c55e;--error: #ef4444;--accent: #8b5cf6;--nav-height: 72px;--container-max: 1200px}[data-theme=dark]{--primary: #3b82f6;--primary-hover: #60a5fa;--bg: #020617;--card-bg: #0f172a;--text: #f8fafc;--text-muted: #94a3b8;--border: #1e293b;--success: #4ade80;--error: #f87171;--accent: #a78bfa}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;min-height:100vh}button{cursor:pointer;border:none;background:none;font-family:inherit}.glass{background:rgba(var(--card-bg),.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}h1{font-size:3.5rem;letter-spacing:-.02em;line-height:1.1}h2{font-size:2.5rem;letter-spacing:-.01em}@media (max-width: 768px){h1{font-size:2.25rem}h2{font-size:1.75rem}.navbar{padding:.75rem 1rem!important}}.app-container{padding:1.5rem;max-width:var(--container-max);margin:0 auto}@media (max-width: 640px){.app-container{padding:1rem}}