:root{font-family:Inter,Arial,sans-serif;color:#10213c;background:#f3f6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#64748b}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;background:linear-gradient(145deg,#0b203b,#164a80)}.login-card{width:100%;max-width:420px;padding:36px;background:#fff;border-radius:18px;box-shadow:0 20px 60px #0000002e}.login-logo{width:60px;height:60px;display:grid;place-items:center;margin-bottom:20px;border-radius:16px;background:#e8f2ff;color:#0866ed}.login-card h1{margin:0 0 8px;font-size:28px}.login-card>p{margin:0 0 28px;color:#64748b}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:8px;font-size:14px;font-weight:600}.login-card input{width:100%;padding:13px 14px;border:1px solid #d6e0ec;border-radius:9px;outline:none}.login-card input:focus{border-color:#0866ed;box-shadow:0 0 0 3px #0866ed1f}.primary-button{width:100%;padding:14px;border:none;border-radius:9px;background:#0866ed;color:#fff;font-weight:700}.primary-button:hover:not(:disabled){background:#0054cb}.driver-app{min-height:100vh}.app-header{background:#0b203b;color:#fff;padding:18px max(20px,calc((100% - 900px)/2));display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:20px}.brand small{display:block;margin-top:3px;color:#aebed1;font-size:12px}.icon-button{display:grid;place-items:center;width:42px;height:42px;background:#ffffff1a;color:#fff;border:none;border-radius:10px}.dashboard{max-width:900px;margin:0 auto;padding:30px 20px 60px;display:grid;gap:20px}.welcome p{margin:0 0 7px;color:#64748b;font-size:14px}.welcome h1{margin:0;font-size:28px}.status-panel,.panel{background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:24px;box-shadow:0 3px 12px #142d5008}.status-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{color:#64748b;font-size:13px;margin:0 0 8px}.status-top h2{margin:0 0 8px;font-size:30px}.availability{display:inline-block;padding:5px 12px;background:#f1f5f9;border-radius:20px;color:#475569;font-size:13px;text-transform:capitalize}.online-button,.offline-button{width:100%;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:700}.online-button{background:#16a34a;color:#fff}.offline-button{background:#fee2e2;color:#b91c1c}.hint{margin:15px 0 0;color:#64748b;font-size:13px;line-height:1.5}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#0866ed}.section-title h3,.panel h3{margin:0;font-size:18px;color:#10213c}.info-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf2f7;font-size:14px}.info-row span{color:#64748b}.info-row strong{text-align:right}.refresh-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:11px 16px;background:#f1f5f9;color:#334155;border:none;border-radius:9px;font-weight:600}.muted{color:#64748b;font-size:14px;line-height:1.6}.error,.success{padding:13px 15px;border-radius:9px;font-size:14px}.error{background:#fef2f2;color:#b91c1c}.success{background:#f0fdf4;color:#15803d}@media(max-width:600px){.login-card{padding:28px 22px}.dashboard{padding:24px 14px 50px;gap:15px}.welcome h1{font-size:24px}.status-panel,.panel{padding:20px}.app-header{padding:15px 18px}}