.theme-toggle{position:relative;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;outline:none;display:flex;align-items:center;justify-content:center}.theme-toggle-track{width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}.theme-toggle:hover .theme-toggle-track{background:var(--glass-bg-strong);box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.theme-toggle-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);animation:iconRotate .5s cubic-bezier(.4,0,.2,1)}.theme-toggle-thumb.light{color:#fbbf24}.theme-toggle-thumb.dark{color:#6366f1}.theme-icon{width:20px;height:20px}.theme-toggle:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:50%}@keyframes iconRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.mobile-bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--surface-white);border-top:1px solid var(--border-subtle);padding-bottom:var(--safe-area-bottom);z-index:var(--z-bottom-nav);box-shadow:0 -2px 10px #0000000d}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 1 0%;height:100%;background:transparent;border:none;color:var(--text-muted);font-size:.65rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);padding:4px 2px}.mobile-nav-item svg{color:var(--primary-blue)}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--text-muted)}.mobile-nav-item.active svg{color:var(--primary-blue)}.mobile-menu-drawer{display:flex;flex-direction:column;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));z-index:calc(var(--z-drawer) + 10)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.menu-header-actions{display:flex;align-items:center;gap:12px}.menu-logo{display:flex;align-items:center;gap:8px;cursor:pointer}.menu-logo-img{width:32px;height:32px;object-fit:contain}.menu-logo span{font-size:1.1rem;font-weight:700;color:var(--text-main)}.menu-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);border-radius:50%;cursor:pointer;transition:var(--transition-fast)}.menu-close-btn svg{width:22px;height:22px}.menu-close-btn:hover{background:var(--bg-page);color:var(--text-main)}.mobile-menu-user{padding:12px 14px;border-top:1px solid var(--border-subtle);margin-top:auto}.menu-user-info{display:flex;align-items:center;gap:10px}.menu-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.menu-user-details{display:flex;flex-direction:column;gap:2px}.menu-user-name{font-weight:600;font-size:.9rem;color:var(--text-main)}.menu-user-handle{font-size:.75rem;color:var(--text-muted)}.menu-auth-buttons{display:flex;gap:12px}.menu-login-btn,.menu-signup-btn{flex:1 1 0%;padding:12px 16px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.menu-login-btn{background:transparent;color:var(--text-main);border:1px solid var(--border-subtle)}.menu-signup-btn{background:var(--primary-blue);color:#fff;border:none}.mobile-menu-items{flex:1 1 0%;padding:6px 0;overflow-y:auto}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);text-align:left}.mobile-menu-item svg{width:18px;height:18px;color:var(--primary-blue)}.mobile-menu-item:active{background:var(--bg-page)}.mobile-menu-item.active{color:var(--text-secondary);background:#e6f2ff}.mobile-menu-item span{flex:1 1 0%}.menu-item-arrow{color:var(--primary-blue);width:16px;height:16px}.menu-divider{height:1px;background:var(--border-subtle);margin:6px 14px}.mobile-menu-trips{padding:8px 14px 12px;border-top:1px solid var(--border-subtle)}.menu-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.menu-section-header span{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.menu-add-trip-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.menu-add-trip-btn svg{width:14px;height:14px}.menu-add-trip-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.menu-trips-list{display:flex;flex-direction:column;gap:3px}.menu-trip-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.menu-trip-item svg{width:16px;height:16px}.menu-trip-item:active{background:var(--bg-page)}.mobile-menu-footer{padding:10px 14px 12px;border-top:1px solid var(--border-subtle);margin-top:auto}.mobile-menu-social{padding:16px 12px;margin-bottom:12px;text-align:center}.mobile-menu-social .social-section-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.menu-user-section{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-page);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);margin-bottom:8px}.menu-user-section:hover{background:var(--border-subtle)}.menu-user-section .menu-avatar{flex-shrink:0}.menu-user-section .menu-user-details{flex:1 1 0%;display:flex;flex-direction:column;gap:2px}.menu-user-section .menu-user-name{font-weight:600;font-size:.9rem;color:var(--text-main)}.menu-user-section .menu-user-handle{font-size:.75rem;color:var(--text-muted)}.menu-user-section .settings-icon{color:var(--text-muted);flex-shrink:0}.menu-settings-panel{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px;background:var(--bg-page);border-radius:var(--radius-md)}.menu-footer-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.menu-footer-btn svg{width:18px;height:18px}.menu-footer-btn:active{background:var(--bg-page)}.menu-footer-btn.admin{color:var(--primary-blue);font-weight:600}.menu-footer-btn.logout{color:#ef4444}.mobile-menu-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:12px 16px 0;font-size:.75rem;color:var(--text-muted)}.mobile-menu-legal a{color:var(--text-muted);text-decoration:none;transition:color .2s}.mobile-menu-legal a:hover{color:var(--text-primary)}.mobile-menu-legal .legal-separator{color:var(--border-subtle)}@media(max-width:767px),(hover:none)and (pointer:coarse){.mobile-nav-item{min-height:56px;padding:6px 4px}.mobile-menu-item,.menu-trip-item{min-height:48px;padding:12px 16px}.menu-close-btn,.menu-add-trip-btn{min-width:44px;min-height:44px;width:44px;height:44px}.menu-login-btn,.menu-signup-btn{min-height:48px}.menu-footer-btn{min-height:48px;padding:12px 16px}.menu-user-section{min-height:56px;padding:16px}}@media(min-width:768px){.mobile-bottom-nav,.mobile-menu-drawer{display:none}}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--primary-blue);color:#fff;padding:8px 16px;text-decoration:none;font-weight:600;border-radius:0 0 4px;z-index:var(--z-system);transition:top .2s ease}.skip-to-content:focus{top:0;outline:3px solid var(--primary-blue);outline-offset:2px}.main-layout{display:flex;height:100dvh;width:100vw;overflow:hidden;background-color:transparent;position:relative}.main-layout.mobile{flex-direction:column;padding-top:var(--safe-area-top)}.main-layout.mobile .content-area{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 80px);padding-left:var(--container-padding);padding-right:var(--container-padding)}.content-area{flex:1 1 0%;display:flex;flex-direction:column;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;position:relative;overflow:hidden auto;height:100%;min-height:0;width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:none auto}.content-area.home-page{overflow-y:hidden}.content-area.stays-tab{overflow:hidden;padding-bottom:150px}@media(max-width:767px){.content-area{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 80px)}}.content-area-inner{flex:1 1 0%;display:flex;flex-direction:column;position:relative;overflow:hidden auto;height:100%;min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%}.content-area::-webkit-scrollbar{width:8px}@media(max-width:767px){.content-area::-webkit-scrollbar{width:0;display:none}}.content-area::-webkit-scrollbar-track{background:transparent}.content-area::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@media(min-width:768px){.main-layout{flex-direction:row}.main-layout.mobile .content-area{padding-bottom:100px;padding-left:0;padding-right:0}.content-area{overflow-y:auto}}@media(min-width:1024px){.content-area{padding-bottom:100px}}@media(max-width:767px){.content-area{-webkit-user-select:none;user-select:none}.content-area *{-webkit-user-select:text;user-select:text}.content-area button,.content-area a,.content-area input,.content-area textarea{-webkit-user-select:none;user-select:none}}@media(prefers-reduced-motion:reduce){.content-area{scroll-behavior:auto;transition:none}}.collapsible-sec-sidebar{display:flex;height:100%;flex-shrink:0;gap:0;position:relative}.sec-sidebar-content{height:100%;overflow:hidden;transition:opacity .3s ease}.sec-sidebar-content>*{height:100%;width:100%}.sec-divider-collapse-btn{width:24px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-white, #fff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:6px;cursor:pointer;color:var(--text-muted, #9ca3af);transition:all .2s ease;box-shadow:0 2px 8px #00000014;flex-shrink:0;opacity:.6}.sec-divider-collapse-btn:hover{background:var(--bg-page, #f8fafc);border-color:var(--primary-blue, #3b82f6);color:var(--primary-blue, #3b82f6);opacity:1;box-shadow:0 4px 12px #3b82f626}.collapsible-sec-sidebar.collapsed .sec-divider-collapse-btn{opacity:.8;background:var(--surface-white, #fff)}.collapsible-sec-sidebar.collapsed .sec-divider-collapse-btn:hover{opacity:1}[data-theme=dark] .sec-divider-collapse-btn{background:#1e293be5;border-color:#ffffff1a;color:#fff9}[data-theme=dark] .sec-divider-collapse-btn:hover{background:#1e293b;border-color:#60a5fa;color:#60a5fa}.sec-sidebar-collapsed-tab{width:0;height:100%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;position:relative;z-index:10}.sec-sidebar-collapsed-tab .sec-divider-collapse-btn{position:absolute;left:0;opacity:1;width:20px;height:64px;background:var(--surface-white, #fff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:0 6px 6px 0;box-shadow:2px 0 8px #00000014}.sec-sidebar-collapsed-tab .sec-divider-collapse-btn:hover{width:24px;background:var(--bg-page, #f8fafc);border-color:var(--primary-blue, #3b82f6);box-shadow:2px 0 12px #3b82f633}[data-theme=dark] .sec-sidebar-collapsed-tab .sec-divider-collapse-btn{background:#1e293bf2;border-color:#ffffff1a;box-shadow:2px 0 8px #0000004d}[data-theme=dark] .sec-sidebar-collapsed-tab .sec-divider-collapse-btn:hover{background:#1e293b;border-color:#60a5fa;box-shadow:2px 0 12px #60a5fa4d}.collapsible-sec-sidebar.collapsed .sec-sidebar-content{display:none}@media(max-width:768px){.collapsible-sec-sidebar{display:none}}.mobile-secondary-drawer-toggle{display:none}@media(max-width:767px){.mobile-secondary-drawer-toggle{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:50%;transform:translateY(-50%);width:28px;height:40px;background:#3b82f6f2;color:#fff;border:none;border-radius:0 12px 12px 0;cursor:pointer;z-index:calc(var(--z-bottom-nav) - 1);box-shadow:2px 0 12px #3b82f64d;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-secondary-drawer-toggle:hover{background:#3b82f6;width:32px;box-shadow:2px 0 16px #3b82f666}.mobile-secondary-drawer-toggle:active{transform:translateY(-50%) scale(.92)}.mobile-secondary-drawer-toggle:has(+.drawer-backdrop.open){left:280px;border-radius:8px 0 0 8px}.mobile-secondary-drawer{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px)}.mobile-secondary-drawer>*{height:100%;overflow-y:auto}}[data-theme=dark] .mobile-secondary-drawer-toggle{background:var(--primary-blue);box-shadow:2px 0 8px #0000004d}[data-theme=dark] .mobile-secondary-drawer-toggle:hover{background:var(--primary-blue-hover)}.mobile-secondary-drawer-toggle:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){.mobile-secondary-drawer-toggle{transition:none}}