.navbar[data-v-28fe3b0d]{position:sticky;top:1rem;z-index:100;margin:0 1rem;border-radius:var(--radius-full)}.nav-content[data-v-28fe3b0d]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem}.logo[data-v-28fe3b0d]{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-weight:800;font-size:1.25rem;letter-spacing:-.5px;color:var(--color-text)}.nav-links[data-v-28fe3b0d]{display:flex;gap:2rem}.nav-item[data-v-28fe3b0d]{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-weight:500;padding:.5rem;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.nav-item[data-v-28fe3b0d]:hover{color:var(--color-text);background:#ffffff0d}.nav-item.active[data-v-28fe3b0d]{color:var(--color-primary)}.nav-label[data-v-28fe3b0d]{display:none}@media(min-width:768px){.nav-label[data-v-28fe3b0d]{display:inline}}.logout-btn[data-v-28fe3b0d]{padding:.5rem;border-radius:var(--radius-full)}@media(max-width:767px){.navbar[data-v-28fe3b0d]{position:fixed;top:auto;bottom:1rem;left:0;right:0;margin:0 1rem}.logo[data-v-28fe3b0d]{display:none}.nav-content[data-v-28fe3b0d]{justify-content:space-around}.nav-links[data-v-28fe3b0d]{gap:1rem;width:100%;justify-content:space-around}.logout-btn[data-v-28fe3b0d]{display:none}}.app-layout[data-v-95b006da]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-95b006da]{flex:1;padding:2rem 1rem;max-width:1200px;margin:0 auto;width:100%;padding-bottom:80px}.fade-enter-active[data-v-95b006da],.fade-leave-active[data-v-95b006da]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-95b006da],.fade-leave-to[data-v-95b006da]{opacity:0;transform:translateY(10px)}:root{--color-bg: #0b0c10;--color-bg-glass: rgba(18, 20, 26, .7);--color-text: #e0e2e4;--color-text-muted: #9ba1a6;--color-primary: #45f248;--color-primary-glow: rgba(69, 242, 72, .4);--color-secondary: #fcd53f;--color-secondary-glow: rgba(252, 213, 63, .4);--color-border: rgba(255, 255, 255, .1);--color-surface: #1f2833;--color-danger: #ff4c4c;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-body);background:var(--color-bg);background-image:radial-gradient(circle at 15% 50%,rgba(69,242,72,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(252,213,63,.04),transparent 25%);color:var(--color-text);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 1rem;font-weight:600;color:#fff}p{line-height:1.6;margin:0 0 1rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#fff}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all var(--transition-fast);outline:none}.btn-primary{background:var(--color-primary);color:#000;box-shadow:0 0 15px var(--color-primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--color-primary-glow);background:#5cfa5f}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--color-secondary);color:#000;box-shadow:0 0 15px var(--color-secondary-glow)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--color-secondary-glow);background:#fde06a}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{background:#ffffff1a;color:#fff}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px var(--color-primary-glow)}50%{box-shadow:0 0 25px var(--color-primary-glow),0 0 40px var(--color-primary-glow)}to{box-shadow:0 0 10px var(--color-primary-glow)}}.animate-float{animation:float 4s ease-in-out infinite}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}