*{box-sizing:border-box}body{color:#071b4d;background:#f7f9fd;margin:0;font-family:Inter,Arial,sans-serif}.logo{letter-spacing:-1px;font-size:32px;font-style:italic;font-weight:900}.logo span{color:#071b4d}.logo b{color:#f0192f}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#061944,#06275d);flex-direction:column;gap:12px;width:280px;padding:28px 18px;display:flex}.profile{align-items:center;gap:12px;margin:28px 0;display:flex}.profile small{color:#b8c8e8;display:block}.avatar{color:#071b4d;background:#d9ecff;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.big{width:84px;height:84px}.nav{color:#dce8ff;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.nav.active{color:#fff;background:#0b6cff}main{flex:1;padding:0 28px 32px}header{background:#fff;border-bottom:1px solid #e6edf7;align-items:center;gap:18px;height:76px;margin:0 -28px 28px;padding:0 28px;display:flex}header input{border:1px solid #dce5f2;border-radius:12px;flex:1;max-width:520px;padding:16px 18px}.pill,.status{background:#eef5ff;border-radius:14px;margin-left:auto;padding:12px 18px}.card,.stat{background:#fff;border:1px solid #e6edf7;border-radius:18px;box-shadow:0 10px 30px #071b4d0a}.card{margin-bottom:18px;padding:22px}.grid4{grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.stat{padding:22px}.stat h2{margin:6px 0 0;font-size:26px}.icon{font-size:28px}.muted,small{color:#5b6b8a}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #edf2fa;padding:16px}.badge{color:#0b6cff;background:#e5f1ff;border-radius:10px;padding:8px 12px}.line{border-bottom:1px solid #edf2fa;justify-content:space-between;gap:10px;padding:14px 0;display:flex}.vehicle{align-items:center;gap:24px;display:flex}.vehicle img,.driver img{object-fit:cover;border-radius:14px;width:150px}.login{background:linear-gradient(120deg,#eaf5ff,#fff);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.login .logo{margin-bottom:26px;font-size:56px}.login-card{text-align:center;background:#fff;border-radius:28px;width:min(620px,92vw);padding:48px;box-shadow:0 30px 80px #071b4d22}.login-card input,.card input{border:1px solid #dbe5f2;border-radius:12px;width:100%;margin:10px 0 20px;padding:17px}.login-card label{text-align:left;font-weight:700;display:block}.driver-icon{background:#edf5ff;border-radius:50%;place-items:center;width:120px;height:120px;margin:auto;font-size:64px;display:grid}button{color:#fff;cursor:pointer;background:#0867ff;border:0;border-radius:12px;padding:14px 22px;font-weight:800}button.danger{color:#ef233c;background:#ffedf0;border:1px solid #ef233c}footer{color:#6b7892;margin-top:30px}.chat{min-height:180px}.bubble{background:#f1f5fb;border-radius:12px;width:max-content;max-width:80%;padding:12px 14px}.bubble.right{background:#dcebff;margin-left:auto}.send{gap:10px;display:flex}.send input{flex:1;margin:0}.passenger{max-width:1080px;margin:auto;padding:32px}.top{justify-content:space-between;align-items:center;display:flex}.route,.driver{justify-content:space-between;align-items:center;gap:22px;display:flex}.carcircle{background:#eaf3ff;border-radius:50%;place-items:center;width:72px;height:72px;font-size:32px;display:grid}.map{background:#edf4fa;border:1px solid #dce8f6;border-radius:18px;height:380px;margin:18px 0;position:relative;overflow:hidden}.road{background:#0b6cff;border-radius:99px;width:62%;height:10px;position:absolute;top:55%;left:18%;transform:rotate(-8deg)}.bus{font-size:42px;position:absolute;top:45%;left:48%}.pin{background:#fff;border-radius:14px;padding:14px;position:absolute;box-shadow:0 10px 25px #071b4d22}.start{top:38%;left:8%}.end{top:25%;right:12%}.secure,.promo{background:#eaf4ff;border-radius:14px;align-items:center;gap:10px;padding:16px;display:flex}@media (width<=900px){.app{display:block}.sidebar{width:auto}.grid4,.grid3,.grid2{grid-template-columns:1fr}.route,.driver,.vehicle{flex-direction:column;align-items:flex-start}}.busimg{background:#eef5ff;border-radius:14px;place-items:center;width:150px;height:88px;font-size:52px;display:grid}