.app--offline{justify-content:center;align-items:center;background:var(--color-bg-secondary)}.app__main--offline{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.offline-screen{text-align:center;padding:var(--spacing-xl);max-width:420px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color-light)}.offline-screen__favicon{display:block;width:64px;height:64px;margin:0 auto var(--spacing-md);object-fit:contain}.offline-screen__icon{font-size:3.5rem;margin-bottom:var(--spacing-md);line-height:1}.offline-screen__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-header-bg);margin:0 0 var(--spacing-md);letter-spacing:.02em}.offline-screen__message{font-family:var(--font-display);font-size:1rem;line-height:1.5;color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.offline-screen__sub{font-size:.9rem;color:var(--color-text-secondary);margin:0}.offline-screen__sub a{color:var(--color-header-bg);text-decoration:underline}.offline-screen__retry{padding:12px 24px;background:linear-gradient(135deg,var(--color-header-bg) 0%,#004875 100%);color:var(--color-text-white);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #00305740}.offline-screen__retry:hover{background:linear-gradient(135deg,#002d4a,#003a5f);box-shadow:0 6px 16px #00305759;transform:translateY(-2px)}.offline-screen__retry:active{transform:translateY(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;position:relative}.floating-menu-btn{display:none;position:fixed;top:12px;right:12px;z-index:999;width:40px;height:40px;padding:0;background:#fff;border:1px solid var(--border-color-light);border-radius:10px;box-shadow:0 2px 12px #00305726;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);align-items:center;justify-content:center}.floating-menu-btn:hover{box-shadow:0 4px 16px #00305733;transform:translateY(-1px)}.floating-menu-btn:active{transform:scale(.95)}.floating-menu-btn--hidden{opacity:0;visibility:hidden;transform:scale(.8)}.floating-menu-btn__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:16px;height:12px;position:relative}.floating-menu-btn__icon span{display:block;width:100%;height:2px;background:var(--color-accent-primary);border-radius:2px;position:absolute;left:0;transition:all .3s ease}.floating-menu-btn__icon span:nth-child(1){top:0}.floating-menu-btn__icon span:nth-child(2){top:50%;transform:translateY(-50%)}.floating-menu-btn__icon span:nth-child(3){bottom:0}@media (max-width: 768px){.floating-menu-btn{display:flex}}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00305780;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay--visible{opacity:1;visibility:visible}@media (max-width: 768px){.sidebar-overlay{display:block}}.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:12px 28px;background:linear-gradient(135deg,var(--color-accent-primary) 0%,#004875 100%);color:#fff;border:none;border-radius:8px;font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00305740;text-transform:uppercase;letter-spacing:.5px}.error-retry:hover{background:linear-gradient(135deg,#002d4a,#003a5f);box-shadow:0 6px 16px #00305759;transform:translateY(-2px)}.error-retry:active{transform:translateY(0);box-shadow:0 2px 8px #00305733}.shuttle-popup{min-width:200px}.shuttle-popup__header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid var(--color-gold)}.shuttle-popup__bus-number{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-accent-primary);letter-spacing:.3px}.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:700;text-transform:uppercase;font-size:.7rem;letter-spacing:.8px}.shuttle-popup__status.active{color:var(--color-shuttle-active);text-shadow:0 0 8px rgba(45,138,78,.3)}.shuttle-popup__status.inactive{color:var(--color-shuttle-inactive)}.shuttle-popup__route-hint{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-color-light);font-size:.75rem;color:var(--color-gold);text-align:center;font-weight:600}.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: #F8F9FA;--color-bg-tertiary: #E9ECEF;--color-bg-card: #FFFFFF;--color-header-bg: #003057;--color-header-gradient: linear-gradient(135deg, #003057 0%, #004875 100%);--color-footer-bg: #002845;--color-gold: #D4A017;--color-gold-hover: #E8B429;--color-gold-button: #D4A017;--color-accent-green: #2D8A4E;--color-accent-green-light: #45A065;--color-accent-primary: #003057;--color-accent-success: #2D8A4E;--color-accent-warning: #D4A017;--color-accent-danger: #C0392B;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-muted: #767676;--color-text-light: #A8A8A8;--color-text-white: #FFFFFF;--color-shuttle-active: #2D8A4E;--color-shuttle-inactive: #DC3545;--color-route-line: #D4A017;--color-route-glow: rgba(212, 160, 23, .4);--border-color: #DEE2E6;--border-color-light: #E9ECEF;--shadow-sm: 0 2px 4px rgba(0, 48, 87, .08);--shadow-md: 0 4px 12px rgba(0, 48, 87, .12);--shadow-lg: 0 8px 24px rgba(0, 48, 87, .16);--shadow-hover: 0 6px 20px rgba(0, 48, 87, .14);--shadow-card: 0 2px 8px rgba(0, 48, 87, .1);--font-display: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", "SF Mono", "Fira Code", 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;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#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:12px!important;box-shadow:0 8px 24px #0030572e!important;border:1px solid var(--border-color-light)!important;overflow:hidden}.leaflet-popup-content{margin:16px 18px!important;font-family:var(--font-display)!important;line-height:1.6!important;font-size:14px!important}.leaflet-popup-tip{background:#fff!important;border:1px solid var(--border-color-light)!important}.leaflet-control-zoom{border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #00305726!important;overflow:hidden;border:1px solid var(--border-color-light)!important}.leaflet-control-zoom a{background:#fff!important;color:var(--color-accent-primary)!important;border:none!important;border-bottom:1px solid var(--border-color-light)!important;width:36px!important;height:36px!important;line-height:36px!important;font-size:18px!important;font-weight:600!important;transition:all .2s ease!important}.leaflet-control-zoom a:last-child{border-bottom:none!important}.leaflet-control-zoom a:hover{background:var(--color-gold)!important;color:#fff!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 8px #2d8a4e99,0 0 3px #2d8a4ecc;animation:pulse-glow 2s ease-in-out infinite}.status-dot.inactive{background-color:var(--color-shuttle-inactive);opacity:.7}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #2d8a4e99,0 0 3px #2d8a4ecc}50%{box-shadow:0 0 12px #2d8a4ecc,0 0 5px #2d8a4e}}