.navigation--desktop{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 8px #0000001a}.navigation__container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:64px}.navigation__logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1976d2;font-weight:700;font-size:1.25rem;transition:opacity .2s}.navigation__logo:hover{opacity:.8}.navigation__logo:focus{outline:2px solid #1976d2;outline-offset:2px;border-radius:4px}.navigation__logo-icon{font-size:1.5rem}.navigation__logo-text{font-size:1.25rem}.navigation__list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.navigation__item{margin:0}.navigation__link{display:flex;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;color:#666;border-radius:4px;transition:all .2s;font-size:.95rem}.navigation__link:hover{background:#f5f5f5;color:#1976d2}.navigation__link:focus{outline:2px solid #1976d2;outline-offset:2px}.navigation__link--active{color:#1976d2;background:#e3f2fd;font-weight:500}.navigation__icon{font-size:1.1rem}.navigation__label{white-space:nowrap}.navigation__user{display:flex;align-items:center;gap:12px}.navigation__user-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f5f5f5;border-radius:20px}.navigation__vip-badge{font-size:1rem}.navigation__username{font-size:.9rem;color:#333;font-weight:500}.navigation__auth-links{display:flex;gap:8px}.navigation__auth-link{padding:8px 16px;text-decoration:none;color:#666;border-radius:4px;transition:all .2s;font-size:.9rem}.navigation__auth-link:hover{background:#f5f5f5;color:#1976d2}.navigation__auth-link--primary{background:#1976d2;color:#fff}.navigation__auth-link--primary:hover{background:#1565c0;color:#fff}.navigation--mobile{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 8px #0000001a}.navigation__mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;height:56px}.navigation__menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;border-radius:4px;transition:background .2s}.navigation__menu-toggle:hover{background:#f5f5f5}.navigation__menu-toggle:focus{outline:2px solid #1976d2;outline-offset:2px}.navigation__menu-icon{font-size:1.5rem;color:#333}.navigation__mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 4px 12px #00000026;max-height:calc(100vh - 56px);overflow-y:auto}.navigation__mobile-list{list-style:none;margin:0;padding:8px 0}.navigation__mobile-item{margin:0}.navigation__mobile-link{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:#333;transition:background .2s;min-height:44px}.navigation__mobile-link:hover{background:#f5f5f5}.navigation__mobile-link--active{background:#e3f2fd;color:#1976d2;font-weight:500}.navigation__mobile-link--primary{color:#1976d2;font-weight:500}.navigation__bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;box-shadow:0 -2px 8px #0000001a;padding-bottom:env(safe-area-inset-bottom)}.navigation__bottom-list{display:flex;justify-content:space-around;list-style:none;margin:0;padding:0}.navigation__bottom-item{flex:1;margin:0}.navigation__bottom-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;text-decoration:none;color:#666;transition:color .2s;min-height:44px}.navigation__bottom-link:hover,.navigation__bottom-link--active{color:#1976d2}.navigation__bottom-icon{font-size:1.5rem}.navigation__bottom-label{font-size:.75rem;white-space:nowrap}@media (max-width: 768px){.navigation--desktop{display:none}}@media (min-width: 769px){.navigation--mobile,.navigation__bottom-bar{display:none}}@media (prefers-reduced-motion: reduce){.navigation__link,.navigation__auth-link,.navigation__mobile-link,.navigation__bottom-link{transition:none}}@media (prefers-contrast: high){.navigation__link--active,.navigation__mobile-link--active{outline:2px solid currentColor}}.navigation__logout-btn{margin-left:12px;padding:6px 16px;font-size:14px;font-weight:500;color:#667eea;background:#fff;border:1px solid #667eea;border-radius:6px;cursor:pointer;transition:all .2s}.navigation__logout-btn:hover:not(:disabled){background:#f7fafc;transform:translateY(-1px)}.navigation__logout-btn:disabled{opacity:.6;cursor:not-allowed}.navigation__mobile-logout{width:100%;padding:12px 16px;font-size:14px;font-weight:500;color:#f56565;background:#fff;border:1px solid #f56565;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.navigation__mobile-logout:hover:not(:disabled){background:#fff5f5}.navigation__mobile-logout:disabled{opacity:.6;cursor:not-allowed}.footer{background:#2c3e50;color:#ecf0f1;padding:48px 0 24px;margin-top:auto}.footer__container{max-width:1200px;margin:0 auto;padding:0 16px}.footer__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:32px}.footer__section{min-width:0}.footer__title{font-size:1rem;font-weight:600;margin:0 0 16px;color:#fff}.footer__list{list-style:none;margin:0;padding:0}.footer__list li{margin-bottom:8px}.footer__link{color:#bdc3c7;text-decoration:none;font-size:.9rem;transition:color .2s;display:inline-block}.footer__link:hover{color:#3498db}.footer__link:focus{outline:2px solid #3498db;outline-offset:2px;border-radius:2px}.footer__copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center}.footer__text{margin:8px 0;font-size:.9rem;color:#95a5a6}.footer__text--small{font-size:.8rem;color:#7f8c8d}@media (max-width: 768px){.footer{padding:32px 0 80px}.footer__links{grid-template-columns:repeat(2,1fr);gap:24px}.footer__title{font-size:.95rem}.footer__link{font-size:.85rem}}@media (max-width: 480px){.footer__links{grid-template-columns:1fr;gap:20px}}