body,html,#root,.App{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.notification-container{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background-color:#000c;color:#fff;padding:15px 30px;border-radius:8px;z-index:2000;transition:transform .5s ease-in-out,opacity .5s ease-in-out;opacity:0;box-shadow:0 4px 15px #0000004d;font-weight:500;pointer-events:none}.notification-container.slide-in{transform:translate(-50%) translateY(0);opacity:1}.notification-container.slide-out{transform:translate(-50%) translateY(-100px);opacity:0}.notification-content{text-align:center}html,body,#root{margin:0;padding:0;height:100%;width:100%;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.map-wrapper{flex-grow:1;width:100%;height:100%}.timetable-overlay,.info-overlay{position:absolute;background:linear-gradient(135deg,#fffffff2,#f8f9ffe6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:15px;border-radius:12px;box-shadow:0 4px 15px #00000026;z-index:1000;font-size:13px;color:#1a1a1a;border:1px solid rgba(55,51,143,.2);text-align:left;transition:all .3s ease;max-width:300px;min-width:300px}.layer-switcher,.location-control{min-width:135px;max-width:135px}.tab-content{text-align:justify}.timetable-overlay{bottom:80px;left:20px}.info-overlay{top:20px;left:20px;width:300px}.info-overlay h2{margin:-15px -15px 12px;padding:12px 15px;background:linear-gradient(90deg,#37338f26,#37338f08);border-radius:12px 12px 0 0;font-size:18px;color:#37338f;display:flex;align-items:center;gap:8px;border-bottom:2px solid rgba(55,51,143,.1);font-weight:800}.live-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;background-color:#ff3b30;box-shadow:0 0 8px #ff3b3080;animation:pulse 1.5s infinite}.live-indicator.connecting{background-color:#fc0;animation-name:pulse-yellow;box-shadow:0 0 8px #ffcc0080}.live-indicator.connected{background-color:#34c759;animation-name:pulse-green;box-shadow:0 0 8px #34c75980}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ff3b30b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ff3b3000}to{transform:scale(.95);box-shadow:0 0 #ff3b3000}}@keyframes pulse-yellow{0%{transform:scale(.95);box-shadow:0 0 #ffcc00b3}70%{transform:scale(1);box-shadow:0 0 0 6px #fc00}to{transform:scale(.95);box-shadow:0 0 #fc00}}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #34c759b3}70%{transform:scale(1);box-shadow:0 0 0 6px #34c75900}to{transform:scale(.95);box-shadow:0 0 #34c75900}}.bus-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.stat-box{background:#fff6;padding:8px;border-radius:8px;border:1px solid rgba(55,51,143,.15);box-shadow:inset 0 0 10px #37338f05;transition:all .2s ease}.stat-box:hover{background:#ffffffb3;transform:translateY(-2px);border-color:#37338f66}.stat-label{font-size:10px;text-transform:uppercase;color:#37338f;opacity:.7;display:block}.stat-value{font-size:14px;font-weight:800;color:#37338f}.toggle-icon{display:none}@media(max-width:768px){.layer-switcher,.location-control{display:none!important}.timetable-overlay{left:0!important;bottom:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;border-radius:0!important;padding:0!important;box-sizing:border-box!important;box-shadow:0 -4px 20px #0003!important;max-height:60px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)!important;cursor:pointer}.info-overlay{top:0!important;left:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;border-radius:0!important;padding:0!important;box-shadow:0 4px 20px #0003!important;max-height:80px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)!important;cursor:pointer;border-left:none!important}.info-overlay.expanded{max-height:95vh;padding-bottom:15px!important}.info-overlay h3{margin:0!important;height:60px;display:flex;justify-content:center;align-items:center}.timetable-overlay.expanded{max-height:80vh}.overlay-inner-content{padding:0 20px 20px;opacity:0;transition:opacity .3s ease}.info-overlay .bus-stats,.info-overlay .selected-bus-details{opacity:0;transition:opacity .3s ease;padding:0 20px}.timetable-overlay.expanded .overlay-inner-content,.info-overlay.expanded .bus-stats,.info-overlay.expanded .selected-bus-details{opacity:1}.timetable-overlay .mobile-header,.info-overlay h2{display:flex!important;justify-content:center;align-items:center;gap:10px;margin:0;height:60px;font-size:16px;color:#37338f;font-weight:800;text-align:center}.toggle-icon{display:inline-block;font-size:20px;transition:transform .3s ease}.timetable-overlay.expanded .toggle-icon,.info-overlay.expanded .toggle-icon{transform:rotate(180deg)}.timetable-note{display:none}}.mobile-header{display:none}.tabs-nav{display:flex;gap:8px;margin-bottom:15px;border-bottom:2px solid rgba(55,51,143,.1);padding-bottom:8px}.tab-btn{background:none;border:none;padding:6px 12px;font-size:13px;font-weight:700;color:#666;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab-btn:hover{background:#37338f0d;color:#37338f}.tab-btn.active{background:#37338f1a;color:#37338f}.about-tab p{margin:0 0 12px;line-height:1.4;color:#444}.logo-grid{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:10px;border-top:1px solid rgba(0,0,0,.05)}.logo-placeholder img{max-width:80px;height:auto;border-radius:4px;filter:grayscale(20%);transition:filter .3s ease}.logo-placeholder:hover img{filter:grayscale(0%)}.timetable-overlay table{width:100%;border-collapse:collapse}.timetable-overlay th{font-weight:600;color:#37338f;padding:8px 12px;background:#37338f00}.timetable-overlay td{padding:5px 12px;border-bottom:1px solid rgba(55,51,143,.05)}.timetable-overlay tr{transition:background-color .2s ease}.timetable-overlay tr:hover{background-color:#37338f14}.timetable-note{display:block;font-size:10px;text-transform:uppercase;color:#37338f;opacity:.7;margin-top:12px;text-align:center;font-weight:600}.links{color:#37338f;text-decoration:none}