.navbar{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.dark .navbar{background-color:#111827}.logo-light-mode{display:block}.dark .logo-light-mode,.logo-dark-mode{display:none}.dark .logo-dark-mode{display:block}.navbar__actions{display:flex;align-items:center;gap:1.5rem}.navbar__login{padding:.5rem 1rem;background-color:#34a853;color:#fff;border:none;border-radius:.375rem;cursor:pointer;text-decoration:none}.navbar__login:hover{background-color:#16a34a}.navbar__signup{padding:.5rem 1rem;border:1px solid #1f2937;color:#1f2937;border-radius:.375rem;background:rgba(0,0,0,0);cursor:pointer;text-decoration:none}.navbar__signup:hover{background-color:#f3f4f6}.dark .navbar__signup{border-color:#e5e7eb;color:#e5e7eb}.dark .navbar__signup:hover{background-color:#1f2937}.profile-stack{display:flex;align-items:center;gap:.75rem;cursor:pointer}.profile-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-info{display:flex;align-items:center;gap:.5rem}.profile-name{margin:0;font-weight:500;color:#111827}.dark .profile-name{color:#f9fafb}.dropdown-arrow{transition:transform .2s ease}.dropdown-container{position:absolute;right:0;top:100%;margin-top:.5rem}.dropdown-menu{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:.5rem 0;min-width:150px;list-style:none;margin:0;color:#111827}.dropdown-menu li{padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease}.dropdown-menu li:hover{background-color:#f3f4f6}.dropdown-menu li a{display:block;text-decoration:none;color:inherit;width:100%}.dark .dropdown-menu{background-color:#1f2937;border:1px solid #374151;color:#f9fafb}.dark .dropdown-menu li:hover{background-color:#374151}.avatar-fallback{width:40px;height:40px;border-radius:50%;background-color:#3b82f6;color:#fff;font-weight:700;font-size:1.2rem}.avatar-fallback,.modal-overlay{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1001}.auth-modal{background-color:#fff;padding:1.5rem;border-radius:.5rem;width:90%;max-width:400px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#111827}.auth-modal h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.auth-modal p{margin-bottom:1.5rem}.dark .auth-modal{background-color:#1f2937;color:#f3f4f6}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.modal-cancel{padding:.5rem 1rem;background-color:#f3f4f6;color:#374151;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.modal-cancel:hover{background-color:#e5e7eb}.dark .modal-cancel{background-color:#374151;color:#f3f4f6}.dark .modal-cancel:hover{background-color:#4b5563}.modal-confirm{padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.modal-confirm:hover{background-color:#dc2626}.navbar__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.navbar__hamburger .bar{width:25px;height:3px;background:#111827;border-radius:2px}.dark .navbar__hamburger .bar{background:#f9fafb}.mobile-menu{position:absolute;top:70px;right:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;z-index:1002;min-width:180px}.mobile-menu a,.mobile-menu button{text-decoration:none;color:#111827;font-weight:500;border:none;background:none;cursor:pointer;text-align:left;font-size:1rem}.dark .mobile-menu{background:#1f2937;border-color:#374151}.dark .mobile-menu a,.dark .mobile-menu button{color:#f9fafb}@media(max-width:768px){.navbar{padding:.5rem 1rem}.logo-dark-mode,.logo-light-mode{width:96px!important;height:auto!important}.navbar{justify-content:flex-start}.navbar__actions{order:1;margin-left:auto;gap:.75rem}.navbar__hamburger{order:2;display:flex}.navbar__login,.navbar__signup{display:none}.navbar__hamburger .bar{width:22px;height:2px}.navbar__actions img{width:20px;height:20px}.avatar-fallback,.profile-avatar-img{width:32px;height:32px;font-size:1rem}.dropdown-arrow,.profile-info .profile-name{display:none}}