:root{--brand:#93e800;--dark:#172018;--line:#d9e0d6;--muted:#748071;--shadow:0 7px 0 rgba(23,32,24,.1)}*{box-sizing:border-box}body{font-family:Roboto,Arial,sans-serif}.driver-body{background:#eef2ec;color:#1f2b20;padding-bottom:80px}.driver-top{height:72px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 0 rgba(23,32,24,.06);display:flex;align-items:center;justify-content:space-between;padding:0 max(1rem,calc((100vw - 960px)/2));position:sticky;top:0;z-index:1000}.driver-logo{display:flex;align-items:center;gap:.55rem;color:#1f2b20;text-decoration:none}.driver-logo>i{width:40px;height:40px;border-radius:10px;background:var(--brand);display:grid;place-items:center;box-shadow:0 4px 0 #5e9700}.driver-logo span,.driver-logo b{display:block;line-height:1}.driver-logo span{font-weight:800}.driver-logo b{font-size:.65rem;text-transform:uppercase;color:var(--muted);letter-spacing:.08em;margin-top:.25rem}.driver-top>div{display:flex;align-items:center;gap:.5rem}.driver-top>div>a{width:38px;height:38px;border-radius:10px;background:#f1f4ef;color:#334132;display:grid;place-items:center}.driver-online{width:9px;height:9px;background:#24c563;border-radius:50%;box-shadow:0 0 0 4px rgba(36,197,99,.15)}.driver-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;z-index:1100}.driver-nav a{min-width:110px;color:#71806e;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;font-size:.72rem;font-weight:700}.driver-nav a i{font-size:1.15rem}.driver-nav a.active{color:#477d00;background:#efffd5}.driver-main{max-width:960px;margin:auto}.driver-welcome{background:linear-gradient(120deg,#172018,#2d492a);color:#fff;border-radius:16px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 9px 0 rgba(23,32,24,.16);margin-bottom:1.3rem}.driver-welcome small,.driver-welcome p{color:#c8d2c5}.driver-welcome h1{font-size:2rem;font-weight:800;margin:.1rem 0}.driver-welcome p{margin:0}.driver-rating{text-align:center}.driver-rating i,.driver-rating strong,.driver-rating span{display:block}.driver-rating i{color:#ffd84c;font-size:1.4rem}.driver-rating strong{font-size:1.7rem}.driver-rating span{font-size:.7rem;color:#c8d2c5}.driver-trip-card,.driver-stat,.driver-empty,.driver-route-sheet,.driver-service-head,.driver-form-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.driver-trip-card{overflow:hidden;padding:1.2rem}.driver-trip-card header{display:flex;justify-content:space-between;align-items:center}.driver-trip-card header span:first-child{display:block;color:#5b9300;font-size:.68rem;font-weight:800;letter-spacing:.1em}.driver-trip-card header strong{display:block}.driver-route{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:1.3rem 0}.driver-route>div:first-child,.driver-route>div:last-child{display:flex;flex-direction:column}.driver-route i{color:#579300}.driver-route strong{font-size:1.2rem}.driver-route span{font-size:.75rem;color:var(--muted)}.route-line{height:2px;background:#c8d2c4;position:relative}.route-line i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:.45rem;border-radius:50%}.driver-trip-meta{display:flex;gap:1rem;flex-wrap:wrap;background:#f4f7f2;border-radius:10px;padding:.8rem;margin-bottom:1rem;font-size:.8rem;color:var(--muted)}.driver-trip-meta i{color:#5c9900;margin-right:.4rem}.driver-stat{padding:1rem;height:100%}.driver-stat i,.driver-stat small,.driver-stat strong,.driver-stat span{display:block}.driver-stat i{color:#5b9800;font-size:1.25rem}.driver-stat small,.driver-stat span{color:var(--muted);font-size:.72rem}.driver-stat strong{font-size:1.2rem;margin:.3rem 0}.driver-empty{text-align:center;padding:3rem}.driver-empty i{font-size:3rem;color:#6ba900}.btn-driver{background:var(--brand);border-color:var(--brand);color:#173000;font-weight:800;box-shadow:0 4px 0 #5f9800}.driver-service-head{padding:1.2rem;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.driver-service-head>div>span{font-size:.7rem;color:#629600;font-weight:800}.driver-service-head h1{font-size:1.45rem;font-weight:800;margin:.2rem 0}.driver-service-head p{margin:0;color:var(--muted);font-size:.82rem}.driver-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.driver-actions-grid form{height:100%}.driver-action{width:100%;height:100%;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 5px 0 rgba(23,32,24,.09);display:flex;align-items:center;gap:.7rem;padding:1rem;text-decoration:none;color:#263425;text-align:left}.driver-action>i{width:42px;height:42px;border-radius:10px;background:#efffd5;color:#579300;display:grid;place-items:center;flex:0 0 42px}.driver-action strong,.driver-action small{display:block}.driver-action small{font-size:.7rem;color:var(--muted)}.driver-action.danger>i{background:#ffe3e3;color:#c33}.driver-status-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}.driver-status-actions form{display:block}.driver-status-actions button{width:100%;border:0;border-radius:12px;background:#1e2b1f;color:#fff;padding:1rem;font-weight:700;box-shadow:0 5px 0 rgba(23,32,24,.2)}.driver-status-actions button i,.driver-status-actions button span{display:block}.driver-status-actions button i{font-size:1.3rem;color:var(--brand);margin-bottom:.35rem}.driver-status-actions button:disabled{opacity:.35;box-shadow:none}.driver-route-sheet{padding:1.2rem}.driver-route-sheet h2{font-size:1.15rem;font-weight:800}.driver-timeline{border-left:2px solid #cdd6ca;margin-left:15px}.driver-timeline article{display:flex;gap:.8rem;align-items:center;margin:1rem 0;transform:translateX(-16px)}.driver-timeline article>span{width:30px;height:30px;border-radius:50%;background:var(--brand);display:grid;place-items:center;font-weight:800;box-shadow:0 3px 0 #5f9800}.driver-timeline strong,.driver-timeline small{display:block}.driver-timeline small{color:var(--muted)}.driver-form-card{padding:1.3rem;max-width:700px;margin:auto}.driver-form-card h1{font-weight:800}.driver-form-card label{display:block;font-weight:700;margin-bottom:.4rem}.driver-footer{text-align:center;font-size:.72rem;color:var(--muted);padding:1rem}.driver-login{min-height:100vh;background:linear-gradient(120deg,rgba(20,32,21,.93),rgba(48,81,42,.83)),url('../img/hero-bus1.jpg?v=505') center/cover;display:grid;place-items:center;padding:1rem}.driver-login main{width:min(920px,100%);display:grid;grid-template-columns:1fr 420px;gap:2rem;align-items:center;color:#fff}.driver-login h1{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:800;line-height:1}.driver-login section>p{color:#d5ded2;max-width:500px}.driver-login-card{background:#fff;color:#1f2b20;border-radius:18px;padding:2rem;box-shadow:0 12px 0 rgba(0,0,0,.2)}.driver-login-card h2{font-weight:800}.driver-login-card>p{color:var(--muted)}.driver-login-card label{font-weight:700;margin-bottom:.35rem}.driver-login-card>a{display:block;text-align:center;margin-top:1rem;color:#4b8200}.driver-login-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:2rem}.driver-login-brand i{width:52px;height:52px;border-radius:12px;background:var(--brand);color:#193200;display:grid;place-items:center;font-size:1.5rem;box-shadow:0 5px 0 #5d9500}.driver-login-brand span,.driver-login-brand b{display:block;line-height:1;font-size:1.25rem;font-weight:800}.driver-login-brand b{font-size:.72rem;color:var(--brand);text-transform:uppercase;margin-top:.3rem}.driver-demo{margin-top:1rem;background:#f1f5ee;padding:.75rem;border-radius:8px;font-size:.78rem;color:var(--muted)}
@media(max-width:767.98px){.driver-top{padding:0 1rem}.driver-top>div>strong{display:none}.driver-actions-grid{grid-template-columns:1fr}.driver-status-actions button span{font-size:.75rem}.driver-login main{grid-template-columns:1fr}.driver-login main>section:first-child{display:none}.driver-login-card{padding:1.4rem}.driver-route{grid-template-columns:1fr 60px 1fr}.driver-route strong{font-size:1rem}.driver-service-head{flex-direction:column;gap:.7rem}}