.header{display:flex;align-items:center;padding:0 24px;height:54px;background:var(--color-header-bg);box-shadow:0 2px 8px #00142826;position:sticky;top:0;z-index:1000}.header__brand{display:flex;align-items:center;gap:12px}.header__logo{height:40px;width:auto;object-fit:contain;filter:brightness(1.15)}.header__title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;margin:0;letter-spacing:.3px;line-height:1}.header__title-accent{color:var(--color-gold)}@media (max-width: 768px){.header{padding:0 var(--spacing-md);height:48px}.header__logo{height:34px}.header__title{font-size:1rem}}.map-container{position:relative;flex:1;min-height:400px}.map{width:100%;height:100%;min-height:400px;z-index:1}.map-legend{position:absolute;bottom:var(--spacing-lg);left:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:#fff;border:1px solid var(--border-color-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.map-legend__item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-text-secondary)}.map-legend__dot{width:10px;height:10px;border-radius:50%}.map-legend__dot--active{background:var(--color-shuttle-active)}.map-legend__dot--inactive{background:var(--color-shuttle-inactive)}@media (max-width: 768px){.map-container,.map{min-height:300px}.map-legend{bottom:var(--spacing-md);left:var(--spacing-md);padding:8px 12px}}.status-panel{display:flex;flex-direction:column;width:340px;height:100%;max-height:100%;background:var(--color-bg-secondary);border-left:1px solid var(--border-color-light);overflow:hidden}.status-panel__header{padding:14px var(--spacing-lg);border-bottom:1px solid var(--border-color-light);background:#fff}.status-panel__title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);letter-spacing:.3px;margin:0 0 6px}.status-panel__stats{display:flex;gap:var(--spacing-md)}.status-panel__stat{font-size:.75rem;font-family:var(--font-display);font-weight:600}.status-panel__stat--active{color:var(--color-shuttle-active)}.status-panel__stat--inactive{color:var(--color-shuttle-inactive)}.status-panel__list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 12px}.status-panel__list::-webkit-scrollbar{width:5px}.status-panel__list::-webkit-scrollbar-track{background:transparent}.status-panel__list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:var(--radius-full)}.status-panel__list::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.shuttle-card{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:12px 14px;margin-bottom:8px;background:#fff;border:1px solid var(--border-color-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;color:inherit;box-shadow:var(--shadow-sm)}.shuttle-card:last-child{margin-bottom:0}.shuttle-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.shuttle-card--selected{border-color:#e8a800;border-left:3px solid #E8A800;background:#fffbf0;box-shadow:0 2px 10px #e8a80026}.shuttle-card--selected:hover{border-color:#e8a800;box-shadow:0 4px 14px #e8a80033}.shuttle-card--inactive{opacity:.6}.shuttle-card--inactive:hover{opacity:.9}.shuttle-card__status{padding-top:1px;flex-shrink:0}.shuttle-card__info{flex:1;min-width:0}.shuttle-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.shuttle-card__bus-number{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.shuttle-card__speed{font-family:var(--font-display);font-size:.68rem;font-weight:600;color:var(--color-header-bg);background:#00395d12;padding:2px 8px;border-radius:var(--radius-full)}.shuttle-card__route{font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shuttle-card__last-active{font-size:.7rem;color:var(--color-text-muted);margin-top:3px}.shuttle-card__selected-indicator{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#e8a800;color:#fff;flex-shrink:0;box-shadow:0 1px 4px #e8a8004d}.status-panel__loading{padding:10px 12px}.status-panel__skeleton{display:flex;align-items:center;gap:var(--spacing-md);padding:14px;margin-bottom:8px;background:#fff;border:1px solid var(--border-color-light);border-radius:var(--radius-md)}.status-panel__skeleton-circle{width:10px;height:10px;border-radius:50%;background:var(--color-bg-tertiary);animation:pulse 1.5s ease-in-out infinite}.status-panel__skeleton-lines{flex:1}.status-panel__skeleton-line{height:11px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);animation:pulse 1.5s ease-in-out infinite}.status-panel__skeleton-line--short{width:60%}.status-panel__empty{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-text-muted)}.status-panel__empty-icon{font-size:2.5rem;display:block;margin-bottom:var(--spacing-md);opacity:.35}.status-panel__empty-text{font-size:.95rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.status-panel__empty-hint{font-size:.8rem;margin:0}.status-panel__footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px var(--spacing-md);border-top:2px solid #E8A800;background:#fffdf6}.status-panel__hint{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;color:var(--color-text-muted);margin:0;white-space:nowrap}.status-panel__hint-icon{color:#e8a800;flex-shrink:0}.status-panel__footer-dot{color:var(--border-color);font-size:.9rem;line-height:1;-webkit-user-select:none;user-select:none}.credits__link{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--color-text-light);text-decoration:none;transition:color .25s ease;white-space:nowrap}.credits__link:hover{color:#e8a800}.credits__heart{display:inline-flex;align-items:center;color:#e8a800;transition:transform .3s cubic-bezier(.4,0,.2,1)}.credits__link:hover .credits__heart{transform:scale(1.3);animation:heartBeat .6s ease-in-out}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.35)}50%{transform:scale(1.1)}75%{transform:scale(1.3)}to{transform:scale(1.3)}}@media (max-width: 768px){.status-panel{width:100%;max-height:40vh;border-left:none;border-top:1px solid var(--border-color-light)}.status-panel__list{display:flex;flex-wrap:wrap;gap:8px;padding:10px}.shuttle-card{flex:1 1 calc(50% - 4px);min-width:140px;margin-bottom:0}}.app{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;background:var(--color-bg-primary)}.app__main{display:flex;flex:1;overflow:hidden}.app--error{justify-content:center;align-items:center}.error-container{text-align:center;padding:var(--spacing-xl);max-width:400px}.error-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-lg)}.error-container h2{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.error-container p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.error-retry{padding:10px var(--spacing-lg);background:var(--color-header-bg);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 4px #00142826}.error-retry:hover{background:#002d4a;box-shadow:0 2px 8px #00142833;transform:translateY(-1px)}.error-retry:active{transform:translateY(0)}.shuttle-popup{min-width:180px}.shuttle-popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color-light)}.shuttle-popup__bus-number{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.shuttle-popup__info{display:flex;flex-direction:column;gap:6px}.shuttle-popup__row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.shuttle-popup__label{color:var(--color-text-muted)}.shuttle-popup__value{color:var(--color-text-secondary);font-family:var(--font-display)}.shuttle-popup__status{font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.shuttle-popup__status.active{color:var(--color-shuttle-active)}.shuttle-popup__status.inactive{color:var(--color-shuttle-inactive)}.shuttle-popup__route-hint{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color-light);font-size:.75rem;color:var(--color-gold);text-align:center}.route-line-animated{stroke-dasharray:10,10;animation:dash 1s linear infinite}@keyframes dash{to{stroke-dashoffset:-20}}.shuttle-marker{background:transparent!important;border:none!important}@media (max-width: 768px){.app__main{flex-direction:column}}.app--loading{position:relative}.app--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.app__footer{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;font-size:.7rem;color:#ffffffd9;background:var(--color-footer-bg);font-family:var(--font-display)}.footer__heart{text-decoration:none;font-size:.8rem;transition:transform .2s ease;display:inline-block}.footer__heart:hover{transform:scale(1.3)}:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F5F5F5;--color-bg-tertiary: #E8E8E8;--color-bg-card: #FFFFFF;--color-header-bg: #00395D;--color-footer-bg: #004D5E;--color-gold: #C8960C;--color-gold-button: #D4A017;--color-orange: #F5A623;--color-accent-primary: #00395D;--color-accent-success: #2D8A4E;--color-accent-warning: #D4A017;--color-accent-danger: #C0392B;--color-text-primary: #1A1A1A;--color-text-secondary: #333333;--color-text-muted: #666666;--color-text-light: #999999;--color-shuttle-active: #2D8A4E;--color-shuttle-inactive: #C0392B;--color-route-line: #E8A800;--color-route-glow: rgba(232, 168, 0, .3);--border-color: #DCDCDC;--border-color-light: #EBEBEB;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 10px rgba(0, 0, 0, .08);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .1);--font-display: Arial, Helvetica, "Segoe UI", sans-serif;--font-mono: "Courier New", Courier, monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}body{font-family:var(--font-display);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;height:100%;overflow:hidden}#root{height:100%;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.leaflet-container{background:var(--color-bg-secondary)!important;font-family:var(--font-display)!important}.leaflet-popup-content-wrapper{background:#fff!important;color:var(--color-text-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-color-light)!important}.leaflet-popup-content{margin:14px 16px!important;font-family:var(--font-display)!important;line-height:1.5!important}.leaflet-popup-tip{background:#fff!important;border:1px solid var(--border-color-light)!important}.leaflet-control-zoom{border:none!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;overflow:hidden}.leaflet-control-zoom a{background:#fff!important;color:var(--color-text-primary)!important;border:none!important;border-bottom:1px solid var(--border-color-light)!important;width:34px!important;height:34px!important;line-height:34px!important;font-size:16px!important}.leaflet-control-zoom a:last-child{border-bottom:none!important}.leaflet-control-zoom a:hover{background:var(--color-bg-secondary)!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.active{background-color:var(--color-shuttle-active);box-shadow:0 0 6px var(--color-shuttle-active)}.status-dot.inactive{background-color:var(--color-shuttle-inactive)}