*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg,#fff);color:var(--color-text,#1a1a2e);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;line-height:1.2}a{color:var(--color-primary,#1a3a5c)}img{max-width:100%;height:auto}button{font-family:inherit}select{font-family:inherit;font-size:1rem}.station-popup{width:280px;font-family:inherit}.station-popup__photo{object-fit:cover;cursor:pointer;border-radius:4px 4px 0 0;width:100%;height:180px;display:block}.station-popup__photo--missing{cursor:default}.station-popup__body{padding:10px 4px 4px}.station-popup__title{color:#1a3a5c;text-align:center;margin:0 0 10px;font-size:1.1rem;font-weight:700}.station-popup__links{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.station-popup__link{color:#1a3a5c;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:inherit;font-size:.9rem;text-decoration:none;display:flex}.station-popup__link:hover{color:#376597;text-decoration:underline}.station-popup__icon{text-align:center;flex-shrink:0;width:18px;font-size:1rem}.station-search{width:100%;position:relative}.station-search__input{color:#333;width:100%;height:34px;box-shadow:none;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:4px;padding:7px 12px;font-size:14px}.station-search__input:disabled{opacity:.6;cursor:not-allowed}.station-search__list{z-index:2000;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;max-height:240px;margin:2px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 10px #00000026}.station-search__item{color:#333;cursor:pointer;padding:8px 12px;font-size:14px}.station-search__item:hover{color:#0056b3;background-color:#f0f4ff}.controls{flex-shrink:0;align-items:center;gap:12px;padding:8px 0;display:flex}.map-wrapper{flex:1;min-height:0;overflow:hidden}.controls select{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;height:34px;padding:7px 12px;font-size:14px}.controls select option{color:#333;background:#fff}.controls select:disabled{opacity:.6;cursor:not-allowed}.controls .station-search{width:220px}.loading-indicator{color:#007bff;align-items:center;gap:10px;font-size:14px;display:flex}.spinner{border:3px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leaflet-container{touch-action:none}@media (width<=767px){.controls{flex-wrap:wrap;gap:8px}}.navigation{align-items:center;display:flex}.nav-list{gap:var(--spacing-xs);margin:0;padding:0;list-style:none;display:flex}.nav-item{align-items:center;display:flex}.nav-link{padding:var(--spacing-sm) var(--spacing-md);color:#ffffffd9;font-size:var(--font-size-base);white-space:nowrap;border-radius:4px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.nav-link:hover:not(.nav-link--coming-soon){color:#fff;background-color:#ffffff26}.nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-link--active{color:#fff;background-color:#fff3;font-weight:600}.nav-link--coming-soon{opacity:.5;cursor:not-allowed;-webkit-user-select:none;user-select:none}.nav-link--admin{color:var(--color-accent)}.nav-link--admin:hover{color:var(--color-accent);background-color:#e8a02026}.nav-link{position:relative}.nav-badge{color:var(--color-primary-dark);vertical-align:middle;background-color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}@media (width<=767px){.navigation{width:100%}.nav-list{flex-direction:column;gap:0;width:100%}.nav-link{padding:var(--spacing-md);border-bottom:1px solid #ffffff1a;border-radius:0;display:block}}.header{background-color:var(--color-primary);color:#fff;height:var(--header-height);z-index:100;position:sticky;top:0;box-shadow:0 2px 4px #0003}.header-content{max-width:1280px;height:100%;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--spacing-sm);color:#fff;flex-shrink:0;text-decoration:none;display:flex}.header-logo:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.header-logo-img{width:auto;height:36px}.header-logo-text{font-size:var(--font-size-lg);white-space:nowrap;font-weight:600}.header-nav-desktop{flex:1;justify-content:center;display:flex}.header-user-area{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.header-login-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-accent);color:#fff;font-size:var(--font-size-sm);cursor:pointer;border:none;border-radius:4px;font-weight:600;transition:background-color .2s}.header-login-btn:hover{background-color:#d4911a}.header-login-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.header-dropdown{position:relative}.header-avatar-btn{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background-color .2s;display:flex}.header-avatar-btn:hover{background:#ffffff40}.header-avatar-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header-dropdown-menu{top:calc(100% + var(--spacing-sm));background-color:var(--color-bg);border:1px solid var(--color-border);z-index:200;border-radius:6px;min-width:160px;position:absolute;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.header-dropdown-item{width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);font-size:var(--font-size-base);text-align:left;cursor:pointer;background:0 0;border:none;text-decoration:none;transition:background-color .15s;display:block}.header-dropdown-item:hover{background-color:var(--color-bg-secondary)}.header-dropdown-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.header-dropdown-item--logout{color:#dc2626;border-top:1px solid var(--color-border)}.header-loading-placeholder{background:#ffffff1a;border-radius:50%;width:36px;height:36px}.header-hamburger{cursor:pointer;padding:var(--spacing-sm);background:0 0;border:none;border-radius:4px;flex-direction:column;justify-content:center;gap:5px;display:none}.header-hamburger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hamburger-line{background-color:#fff;border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}.header-mobile-menu{background-color:var(--color-primary-dark);border-top:3px solid var(--color-accent);width:100%;min-height:50px;display:block;overflow:visible;box-shadow:0 4px 8px #0006}.header-mobile-menu .navigation{width:100%;display:block}.header-mobile-menu .nav-list{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.header-mobile-menu .nav-item{width:100%;display:block}.header-mobile-menu .nav-link{box-sizing:border-box;border-bottom:1px solid #ffffff26;width:100%;padding:16px 24px;font-size:1rem;text-decoration:none;display:block;color:#fff!important}@media (width<=767px){.header{height:auto;min-height:var(--header-height)}.header-nav-desktop{display:none}.header-hamburger{display:flex}.header-logo-text{font-size:var(--font-size-base)}}@media (width>=768px){.header-mobile-menu{display:none}}.mobile-menu-portal{top:var(--header-height);z-index:9999;background:var(--color-primary-dark);border-top:1px solid #ffffff1a;position:fixed;left:0;right:0;box-shadow:0 4px 8px #0006}.mobile-menu-list{margin:0;padding:0;list-style:none}.mobile-menu-link{color:#ffffffd9;font-size:var(--font-size-base);border-bottom:1px solid #ffffff1a;padding:16px 24px;text-decoration:none;transition:background-color .15s,color .15s;display:block}.mobile-menu-link:hover{color:#fff;background-color:#ffffff1a}.mobile-menu-link--active{color:#fff;border-left:3px solid var(--color-accent);background-color:#ffffff26;padding-left:21px;font-weight:600}.mobile-menu-link--admin{color:var(--color-accent)}.footer{background-color:var(--footer-bg);color:var(--footer-text);padding:var(--spacing-lg) var(--spacing-xl);margin-top:auto}.footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;max-width:1280px;margin:0 auto;display:flex}.footer-links{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-link{color:var(--footer-text);font-size:var(--font-size-sm);opacity:.85;text-decoration:none;transition:opacity .2s}.footer-link:hover{opacity:1;text-decoration:underline}.footer-legal{gap:var(--spacing-md);font-size:var(--font-size-sm);opacity:.7;flex-wrap:wrap;display:flex}@media (width<=768px){.footer{padding:var(--spacing-sm) var(--spacing-md)}.footer-content{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.footer-links,.footer-legal{gap:var(--spacing-xs) var(--spacing-md);flex-flow:wrap}}:root{--color-primary:#1a3a5c;--color-primary-dark:#11263e;--color-accent:#e8a020;--color-text:#1a1a2e;--color-text-muted:#6b7280;--color-bg:#fff;--color-bg-secondary:#f8f9fa;--color-border:#e5e7eb;--header-height:64px;--footer-bg:#11263e;--footer-text:#e5e7eb;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--breakpoint-mobile:768px;--breakpoint-tablet:1024px}.app-layout{flex-direction:column;height:100vh;display:flex}.app-main{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.page-scroll{padding:var(--spacing-md) var(--spacing-lg);flex:1;overflow-y:auto}