.navbar{background:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 0;margin-bottom:2rem;position:sticky;top:0;z-index:1000}.container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{height:46px;width:auto}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1003}.hamburger span{display:block;width:100%;height:3px;background:#333;border-radius:2px;transition:all .3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.nav-menu-desktop{display:flex;gap:.5rem}.nav-menu-mobile{display:none}.nav-link{color:#666;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .2s}.nav-link:hover,.nav-link.router-link-active{background:#eef0f7;color:#2b3a7c}.nav-user{position:relative}.nav-user-mobile{display:none}.user-trigger{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:all .2s;color:#666;font-size:.9rem}.user-trigger:hover{background:#eef0f7;color:#2b3a7c}.user-chevron{transition:transform .2s}.user-chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .4rem);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:180px;padding:.35rem;z-index:1010}.dropdown-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;background:none;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;color:#374151;transition:all .15s;white-space:nowrap}.dropdown-item:hover{background:#eef0f7;color:#2b3a7c}.dropdown-item--danger:hover{background:#fef2f2;color:#ef4444}.user-name{color:inherit;font-size:inherit}.btn-logout{display:inline-flex;align-items:center;gap:.4rem;background:none;color:#9ca3af;border:none;padding:.4rem .6rem;border-radius:6px;cursor:pointer;font-size:.82rem;transition:all .2s}.btn-logout:hover{color:#ef4444;background:#fef2f2}.pw-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.pw-modal-content{background:#fff;padding:2rem;border-radius:8px;width:100%;max-width:420px;margin:1rem}.pw-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.pw-modal-header h2{color:#333;font-size:1.25rem;margin:0}.pw-modal-close{background:none;border:none;cursor:pointer;color:#666;line-height:1}.pw-form-group{margin-bottom:1.25rem}.pw-form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.9rem}.pw-form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;box-sizing:border-box}.pw-error{background:#fee;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.pw-success{background:#f0fdf4;color:#166534;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.pw-modal-actions{display:flex;gap:1rem}.pw-btn-primary{padding:.75rem 1.5rem;background:#2b3a7c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.pw-btn-primary:hover:not(:disabled){background:#222e65}.pw-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pw-btn-secondary{padding:.75rem 1.5rem;background:#6b7280;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.pw-btn-secondary:hover{background:#4b5563}.overlay{display:none}.main-content{max-width:1200px;margin:0 auto;padding:0 1rem 2rem}@media (max-width: 768px){.hamburger{display:flex;position:fixed;top:1rem;right:1rem;z-index:1003}.nav-menu-desktop,.nav-user{display:none}.nav-menu-mobile{display:flex;position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;flex-direction:column;padding:80px 1.5rem 2rem;gap:.5rem;box-shadow:-4px 0 20px #00000026;transition:transform .3s ease;transform:translate(100%);z-index:1002}.nav-menu-mobile.open{transform:translate(0)}.menu-close{position:absolute;top:1rem;right:1rem;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:0}.menu-close span{display:block;position:absolute;width:100%;height:3px;background:#333;border-radius:2px;top:50%;left:0}.menu-close span:nth-child(1){transform:rotate(45deg)}.menu-close span:nth-child(2){transform:rotate(-45deg)}.nav-menu-mobile .nav-link{padding:.75rem 1rem;font-size:1rem;border-bottom:1px solid #eee;border-radius:0}.nav-user-mobile{display:flex;flex-direction:column;gap:.25rem;margin-top:auto;padding-top:1.5rem;border-top:1px solid #eee}.user-name-mobile{color:#333;font-weight:500;font-size:.9rem;padding:0 .75rem .5rem}.mobile-action{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem .75rem;background:none;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;color:#374151;transition:all .15s}.mobile-action:hover{background:#eef0f7;color:#2b3a7c}.mobile-action--danger:hover{background:#fef2f2;color:#ef4444}.overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1001}.nav-logo{height:30px}}@media (max-width: 480px){.nav-logo{height:26px}}