.sidebar{width:185px;padding:14px 12px}.brand{gap:10px;margin-bottom:20px}.brand-icon{width:44px;height:44px;font-size:23px}.brand h1{font-size:14px}.brand strong{font-size:12px}.brand span{font-size:8px;margin-top:2px}.side-nav{gap:4px}.side-nav a{gap:10px;padding:10px;border-radius:7px;font-size:10px}.promo-card,.settings-card{margin-top:18px;padding:14px;border-radius:8px}.promo-card h3{font-size:14px}.promo-card p{margin:7px 0;font-size:9px;line-height:1.5}.bus-illo{font-size:48px}.promo-card button,.status button{padding:9px;font-size:8px}.settings-card{gap:10px;font-size:9px}
.app{margin-left:185px;padding:13px}.topbar{gap:14px;margin-bottom:10px}.search{height:40px;max-width:510px;padding:0 15px;gap:9px;border-radius:7px}.search input{font-size:10px}.top-actions{gap:8px}.weather{height:40px;min-width:128px;padding:0 11px;gap:7px;font-size:9px}.weather strong{font-size:15px}.bell{width:40px;height:40px}.user{gap:7px;font-size:9px}.avatar{width:35px;height:35px}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:10px}.panel{border-radius:7px}.map-bg{height:242px}.city{font-size:24px}.place{font-size:11px}.bus{width:32px;height:32px;font-size:14px}.zoom{left:11px;bottom:12px;gap:5px}.zoom button{width:27px;height:27px;font-size:14px}.layers{right:12px;bottom:12px;padding:8px 10px;gap:6px;font-size:8px}.stats{gap:8px;margin-top:8px}.stat{min-height:94px;padding:12px}.stat-icon{width:38px;height:38px;margin-right:10px;font-size:20px}.stat strong{font-size:22px}.stat span{font-size:9px}.stat small{font-size:7px}.stat svg{left:12px;right:12px;bottom:9px;width:calc(100% - 24px);height:25px}.lower-grid{grid-template-columns:1fr 230px;gap:8px;margin-top:8px}.panel-head{padding:12px 12px 5px}.panel-head h2{font-size:12px}.panel-head a{font-size:8px}.route-row{grid-template-columns:34px 1.5fr .65fr .65fr .65fr .55fr 18px;gap:8px;padding:8px 12px;font-size:8px}.tag{width:30px;height:30px;font-size:16px}.route-row small,.stop small,.arrival small,.alert small{font-size:7px}.route-row span{font-size:8px}.route-row em,.stop em{font-size:15px}.stop{margin:6px 9px;padding:8px;grid-template-columns:28px 1fr 18px;gap:7px;font-size:8px}.stop b{font-size:16px}.rightbar{gap:8px}.arrival{grid-template-columns:34px 1fr 32px 14px;gap:7px;margin:6px 9px;padding:7px;font-size:8px}.arrival span{font-size:18px}.alerts .alert{grid-template-columns:24px 1fr 34px;gap:7px;padding:10px 12px;font-size:8px}.alert span{font-size:7px}.status{padding-bottom:10px}.status p{padding:7px 12px;font-size:8px}.status button{width:calc(100% - 24px);margin:8px 12px 0}footer{margin-top:10px;padding:14px 0;font-size:8px}footer div{right:30px;top:10px;gap:8px}footer span{width:30px;height:30px}
@media(max-width:1120px){.layout{grid-template-columns:1fr}.rightbar{display:grid;grid-template-columns:repeat(3,1fr)}.lower-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){body{display:block}.sidebar{position:relative;width:100%;min-height:auto}.side-nav{grid-template-columns:repeat(3,1fr)}.app{margin-left:0}.topbar{flex-direction:column}.top-actions{justify-content:space-between}.rightbar{grid-template-columns:1fr}.route-row{grid-template-columns:34px 1fr}.route-row span,.route-row em{display:none}.promo-card,.settings-card{display:none}}
@media(max-width:560px){.side-nav{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.map-bg{height:290px}.weather{flex:1}.user{width:100%}.lower-grid{grid-template-columns:1fr}}