.header{z-index:1000;background:#fff;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.loading-spinner{border:3px solid var(--color-gray-300);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}.header-content{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.logo{align-items:center;min-width:12rem;text-decoration:none;display:flex}.logo-image{width:auto;height:40px}.nav{align-items:center;gap:24px;display:flex}.nav-link{color:#333;border-radius:6px;padding:8px 12px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#ff6b35;background:#f8f9fa}.btn-create-route{color:#fff;background:#ff6b35;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s}.btn-create-route:hover{background:#e55a2b;box-shadow:0 4px 6px #0000001a}.btn-buy-credits{color:#fff;background:#ff6b35;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s}.btn-buy-credits:hover{background:#e55a2b;box-shadow:0 4px 6px #0000001a}.btn-login{color:#fff;cursor:pointer;font-family:inherit;font-weight:500;font-size:inherit;background:#6c757d;border:none;border-radius:6px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.btn-login:hover{background:#5a6268}.nav>.user-info{flex-direction:row;align-items:center;gap:16px;display:flex}.header-content>.nav>.user-info>.credits-display{color:#2d5a2d;background:#e8f5e8;border:1px solid #c3e6c3;border-radius:20px;margin-bottom:0;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.header-content>.nav>.user-info>.credits-display:hover{color:#1e4a1e;background:#d4edda;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.credit-coin-fall{pointer-events:none;font-size:14px;animation:2.6s ease-in forwards coinDrop;position:absolute;top:-14px}.credit-coin-fall-1{left:14px}.credit-coin-fall-2{animation-delay:.25s;left:32px}.credit-coin-fall-3{animation-delay:.55s;left:22px}.credit-coin-fall-4{animation-delay:.85s;left:42px}.credit-coin-fall-5{animation-delay:1.15s;left:10px}.credit-coin-fall-6{animation-delay:1.45s;left:30px}@keyframes coinDrop{0%{opacity:0;transform:translateY(-8px)scale(.8)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(30px)scale(1)rotate(30deg)}}.user-menu{align-items:center;display:flex;position:relative}.user-name{color:#333;cursor:pointer;border-radius:6px;padding:8px 12px;font-weight:500;transition:background-color .2s}.user-name:hover{background:#f8f9fa}.user-menu-button{color:#333;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.user-menu-button:hover{background:#f8f9fa;border-color:#dee2e6;box-shadow:0 2px 4px #0000001a}.user-dropdown{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #e9ecef;border-radius:8px;min-width:20rem;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-10px);box-shadow:0 4px 12px #0000001a}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:#333;border-bottom:1px solid #f8f9fa;padding:12px 16px;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8f9fa}.dropdown-item[href=\/admin]{color:#ff6b35;font-weight:600}.dropdown-item[href=\/admin]:hover{color:#e55a2b;background:#fff5f2}.logout-btn{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-size:.9rem}.logout-btn:hover{background:#f8f9fa}.mobile-menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;display:none}.hamburger-line{transform-origin:50%;background:#333;border-radius:2px;width:100%;height:3px;transition:all .3s}.hamburger-line.open:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.mobile-nav{z-index:1000;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;display:none;position:fixed;inset:0}.mobile-nav.open{opacity:1;visibility:visible}.mobile-nav-content{background:#fff;width:280px;height:100%;padding:80px 20px 20px;transition:transform .3s;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-nav.open .mobile-nav-content{transform:translate(0)}.mobile-nav-link{color:#333;border-bottom:1px solid #f0f0f0;padding:16px 0;font-weight:500;text-decoration:none;transition:color .2s;display:block}.mobile-nav-link:hover{color:#ff6b35}.mobile-language-selector,.mobile-user-info{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding:16px 0}.mobile-user-name{color:#333;margin-bottom:8px;font-weight:600}.mobile-credits{color:#2d5a2d;background:#e8f5e8;border:1px solid #c3e6c3;border-radius:20px;padding:8px 12px;font-size:.9rem;font-weight:600;display:inline-block}.mobile-btn-login,.mobile-btn-create-route{text-align:center;border-radius:8px;margin:8px 0;padding:16px 0;font-weight:600;text-decoration:none;transition:all .3s;display:block}.mobile-btn-login{color:#fff;background:#6c757d}.mobile-btn-login:hover{color:#fff;background:#5a6268}.mobile-btn-create-route{color:#fff;background:#ff6b35}.mobile-btn-create-route:hover{color:#fff;background:#e55a2b}.mobile-btn-buy-credits{color:#fff;background:#ff6b35}.mobile-btn-buy-credits:hover{color:#fff;background:#e55a2b}.mobile-logout-btn{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f0f0f0;width:100%;padding:16px 0;font-size:1rem;font-weight:500;transition:color .2s;display:block}.mobile-logout-btn:hover{color:#ff6b35}@media (max-width:760px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.mobile-nav{display:block}.logo-image{height:35px}}@media (max-width:768px){.nav{gap:16px}.nav-link{padding:6px 8px;font-size:.9rem}.btn-create-route,.btn-login{padding:8px 16px;font-size:.9rem}.user-info{gap:12px}.header-content>.nav>.user-info>.credits-display{padding:4px 8px;font-size:.8rem}.user-name{padding:6px 8px;font-size:.9rem}}