:root{--voymo-green: #27AE60;--voymo-green-dark: #1B2E1A;--voymo-yellow: #F2C94C;--color-primary: var(--voymo-green);--color-primary-hover: #219150;--color-bg: #FDFCF0;--color-surface: #FFFFFF;--color-secondary: var(--voymo-yellow);--color-text: #1E293B;--color-text-muted: #475569;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--neon-glow-primary: 0 0 10px rgba(39, 174, 96, .3);--neon-glow-secondary: 0 0 10px rgba(242, 201, 76, .3);--sys-bg: #1B221B;--sys-bg-grad: linear-gradient(180deg, #222B22 0%, #1B221B 100%);--sys-surface: #242D24;--sys-surface-hover: rgba(255, 255, 255, .05);--sys-border: rgba(255, 255, 255, .08);--sys-border-accent: rgba(39, 174, 96, .3);--sys-topbar-bg: #1F271F;--sys-sidebar-bg: #121612;--sys-text-1: #E8F5E8;--sys-text-2: #A0A8A0;--sys-text-3: #636B63;--sys-accent: var(--voymo-green);--sys-accent-dim: rgba(39, 174, 96, .1);--sys-accent-border: rgba(39, 174, 96, .4);--sys-secondary: var(--voymo-yellow);--sys-card-bg: #242D24;--sys-input-bg: rgba(255,255,255,.05);--sys-scroll-thumb: rgba(255,255,255,.1);--sys-main-radius: 0;--sys-main-border: none;--sys-main-shadow: none}html.light-theme{--sys-bg: #F5F7F2;--sys-bg-grad: linear-gradient(135deg, #F5F7F2 0%, #E8EDE1 100%);--sys-surface: #FFFFFF;--sys-surface-hover: rgba(0, 0, 0, .02);--sys-border: rgba(0, 0, 0, .06);--sys-border-accent: rgba(39, 174, 96, .2);--sys-topbar-bg: #FFFFFF;--sys-sidebar-bg: #EDF1E8;--sys-text-1: #1A201A;--sys-text-2: #333A33;--sys-text-3: #5C665C;--sys-accent: #1f611d;--sys-accent-dim: rgba(31, 97, 29, .1);--sys-accent-border: rgba(31, 97, 29, .3);--sys-secondary: var(--voymo-yellow);--sys-card-bg: #FFFFFF;--sys-input-bg: #F0F4EF;--sys-scroll-thumb: rgba(0, 0, 0, .1);--sys-main-radius: 0;--sys-main-border: none;--sys-main-shadow: none;--voymo-green: #27AE60;--voymo-dark-bg: #1A201A;--voymo-accent-light: #E8F5E8;--voymo-cream: #F5F7F2}html.dark-theme{--sys-bg: #1B221B;--sys-bg-grad: linear-gradient(180deg, #222B22 0%, #1B221B 100%);--sys-surface: #242D24;--sys-surface-hover: rgba(255, 255, 255, .05);--sys-border: rgba(255, 255, 255, .08);--sys-border-accent: rgba(39, 174, 96, .3);--sys-topbar-bg: #1F271F;--sys-sidebar-bg: #121612;--sys-text-1: #E8F5E8;--sys-text-2: #A0A8A0;--sys-text-3: #636B63;--sys-accent: #4ADE80;--sys-accent-dim: rgba(74, 222, 128, .15);--sys-accent-border: rgba(74, 222, 128, .5);--sys-secondary: #FFD54F;--sys-card-bg: #242D24;--sys-input-bg: #141914;--sys-scroll-thumb: rgba(255, 255, 255, .1);--sys-main-radius: 0}.logo-light{display:none!important}.logo-dark,html.light-theme .logo-light{display:block!important}html.light-theme .logo-dark{display:none!important}html.dark-theme .logo-light{display:block!important}html.dark-theme .logo-dark{display:none!important}.sidebar-logo img{max-width:120px;height:auto}body{background:var(--sys-bg)}.system-layout{background-color:var(--sys-bg)}.system-main{background:var(--sys-bg);color:var(--sys-text-1);border:none;box-shadow:none}.sidebar-wrapper{background:var(--sys-sidebar-bg)}.logo-text{color:var(--sys-text-1)}.nav-link{color:var(--sys-text-2)}.nav-item:hover .nav-link{color:var(--sys-text-1);background:var(--sys-surface-hover)}.nav-item.active .nav-link{color:#fff!important;background:var(--sys-accent)!important;border-color:var(--sys-accent)!important;box-shadow:0 4px 12px var(--sys-accent-dim)!important}.system-sidebar{border-right:1px solid var(--sys-border);background:var(--sys-sidebar-bg)}.btn-plan-route{background:var(--sys-accent);color:#fff}.btn-plan-route:hover{background:var(--sys-accent-border)}.topbar{background:var(--sys-topbar-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--sys-border)}.topbar-title h1{color:var(--sys-text-1)}.topbar-title p{color:var(--sys-text-2)}.search-bar{background:var(--sys-input-bg);border:1px solid var(--sys-border)}.search-bar input{color:var(--sys-text-1)}.search-bar input::placeholder{color:var(--sys-text-3)}.notification-btn{background:var(--sys-input-bg);border:1px solid var(--sys-border);color:var(--sys-text-2)}.user-profile-sm{border:1px solid var(--sys-border)}.user-name-label{color:var(--sys-text-1)}.hamburger-btn span{background:var(--sys-accent)}.side-panel,.settings-section,.right-panel,.vehicle-profile-card,.post-card,.select-stops-card,.route-card,.stop-card,.user-card{background:var(--sys-surface);border:1px solid var(--sys-border);color:var(--sys-text-1)}.dashboard-content{background:transparent}.cost-card{background:var(--sys-card-bg);border:1px solid var(--sys-border)}.map-pill{background:var(--sys-surface);color:var(--sys-text-1);border:1px solid var(--sys-border)}.map-pill.active{background:var(--sys-accent);color:#fff}.map-legend{background:var(--sys-surface);color:var(--sys-text-1);opacity:.9}.community-body{background:transparent}.feed-search{background:var(--sys-input-bg);border:1px solid var(--sys-border)}.feed-search input{color:var(--sys-text-1)}.tab-btn{color:var(--sys-text-2);border:1px solid var(--sys-border);background:var(--sys-input-bg)}.tab-btn.active{color:var(--sys-accent);background:var(--sys-accent-dim);border-color:var(--sys-accent)}.discussion-info span{color:var(--sys-text-1)}.discussion-info small{color:var(--sys-text-3)}.user-name{color:var(--sys-text-1)}.user-tag{color:var(--sys-text-3)}.follow-btn{border:1px solid var(--sys-accent);color:var(--sys-accent);background:var(--sys-accent-dim)}.post-overlay{background:linear-gradient(to right,var(--sys-accent-dim) 0%,transparent 100%)}.post-text,.post-username{color:var(--sys-text-1)}.post-time{color:var(--sys-text-3)}.hashtag{background:var(--sys-accent-dim);border:1px solid var(--sys-accent-border);color:var(--sys-text-1)}.action-btn{color:var(--sys-text-2)}.post-actions{background:linear-gradient(to top,var(--sys-surface),transparent)}html{transition:background .4s ease}.post-card,.route-card,.detail-panel,.footer-summary{transition:background .35s ease,background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;transition:background-color .4s ease,color .4s ease;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;line-height:1.2}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:0 1rem 0 0;transition:all .3s ease;height:94px}header.scrolled{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);padding:.75rem 0}.navbar{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.logo span{color:var(--color-primary);text-shadow:var(--neon-glow-primary)}.nav-links{display:flex;gap:2rem;align-items:center;transition:all .3s ease}.nav-links a{font-weight:500;font-size:1rem;color:var(--color-text-muted);transition:color .3s ease,text-shadow .3s ease;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--color-text)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width .3s ease;box-shadow:var(--neon-glow-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1.5rem}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--color-text);transition:transform .3s ease,color .3s ease;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.theme-toggle:hover{transform:rotate(15deg) scale(1.1);color:var(--color-secondary)}.btn-primary{background-color:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);font-family:Inter,sans-serif}html.dark-theme .btn-primary{color:#1b221b}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--neon-glow-primary);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--color-secondary);border:1px solid var(--color-secondary);padding:.75rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--neon-glow-secondary)}.btn-secondary:hover{background-color:#f2c94c1a;transform:translateY(-2px)}.menu-toggle{display:none;font-size:1.5rem;background:none;border:none;color:var(--color-text);cursor:pointer}.logo img{max-width:160px;max-height:60px;width:auto;height:auto;object-fit:contain;transition:transform .3s ease}.logo:hover img{transform:scale(1.05)}@media (max-width: 768px){.logo img{max-width:120px}}@media (max-width: 768px){.desktop-only{display:none!important}}@media (min-width: 769px){.mobile-only{display:none!important}}