.navbar[data-v-c7ca734d]{z-index:100;height:var(--nav-height);background:var(--dark);border-bottom:3px solid var(--red);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000059}.brand[data-v-c7ca734d]{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.brand-icon[data-v-c7ca734d]{font-size:1.5em}.brand-text[data-v-c7ca734d]{color:var(--gold);letter-spacing:.5px;font-family:Fredoka One,cursive;font-size:1.25em}.nav-links[data-v-c7ca734d]{gap:6px;display:flex}.nav-link[data-v-c7ca734d]{color:#ffffffbf;white-space:nowrap;border:2px solid #0000;border-radius:50px;padding:8px 18px;font-size:.9em;font-weight:700;text-decoration:none;transition:all .2s}.nav-link[data-v-c7ca734d]:hover{color:#fff;background:#ffffff1a}.nav-link.active[data-v-c7ca734d]{background:var(--red);color:#fff;border-color:#ffffff26;box-shadow:0 2px 8px #c0392b66}.user-section[data-v-c7ca734d]{flex-shrink:0;align-items:center;gap:10px;display:flex}.user-avatar[data-v-c7ca734d]{color:#fff;text-shadow:1px 1px 2px #0000004d;border:2.5px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Fredoka One,cursive;font-size:1.1em;display:flex}.user-name[data-v-c7ca734d]{color:#fff;font-size:.95em;font-weight:700}.logout-btn[data-v-c7ca734d]{color:#fff;background:#ffffff14;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1em;transition:all .2s;display:flex}.logout-btn[data-v-c7ca734d]:hover{background:var(--red);border-color:var(--red);transform:scale(1.1)}@media (width<=600px){.navbar[data-v-c7ca734d]{padding:0 14px}.brand-text[data-v-c7ca734d],.user-name[data-v-c7ca734d]{display:none}.nav-link[data-v-c7ca734d]{padding:8px 12px;font-size:.8em}}:root{--red:#c0392b;--red-light:#e74c3c;--green:#27ae60;--green-dark:#1e8449;--gold:#f39c12;--gold-light:#f1c40f;--cream:#fff8f0;--cream-dark:#faebd7;--dark:#2c1810;--dark-mid:#5d3a2e;--white:#fff;--shadow:0 4px 16px #2c181026;--shadow-hover:0 8px 24px #2c181040;--radius:20px;--radius-sm:12px;--nav-height:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--cream);color:var(--dark);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Nunito,sans-serif}h1,h2,h3,h4{letter-spacing:.3px;font-family:Fredoka One,cursive}button{cursor:pointer;border:none;outline:none;font-family:Nunito,sans-serif}a{color:inherit;text-decoration:none}input,textarea,select{font-family:Nunito,sans-serif}img{max-width:100%;display:block}.app{min-height:100vh}main.with-nav{padding-top:var(--nav-height)}