*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#f3f6f9}.client-app{color:#142a43;background:#f8fafc;max-width:760px;min-height:100vh;margin:auto;padding-bottom:85px;font-family:Tajawal,sans-serif;font-size:16px}.client-app button,.client-app input,.client-app select,.client-app textarea{font:inherit}.client-app button,.client-app a{touch-action:manipulation}.client-app button{cursor:pointer}.client-app button:disabled{opacity:.5;cursor:wait}.client-app :focus-visible{outline-offset:3px;outline:3px solid #e8b244}.client-header{z-index:20;background:#fff;border-bottom:1px solid #dde5ee;align-items:center;gap:10px;padding:13px 20px;display:flex;position:sticky;top:0}.client-header img{object-fit:contain;width:142px;height:54px;margin-inline-end:auto}.client-header button{color:#17334d;background:#edf2f7;border:0;border-radius:9px;min-height:42px;padding:10px}.client-app main{padding:20px}.client-office{border-bottom:1px solid #dde5ee;align-items:center;gap:10px;margin-bottom:16px;padding:4px 0 23px;display:flex}.client-office img{object-fit:contain;width:48px;height:48px}.client-office span{flex:1;font-weight:700}.client-office small{color:#667a90;margin-top:5px;font-size:12px;font-weight:400;display:block}.client-office b{background:#e8eef5;border-radius:8px;padding:8px;font-size:11px}.client-app h1{margin:16px 0;font-size:26px;line-height:1.6}.client-app h2{margin:26px 0 15px;font-size:20px}.client-field{margin:18px 0;display:block}.client-field>span{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.client-field input,.client-field select,.client-field textarea{color:#132c47;background:#fff;border:1px solid #cbd8e4;border-radius:11px;outline:none;width:100%;min-height:49px;padding:12px;display:block}.client-field textarea{resize:vertical;min-height:110px}.client-primary,.client-secondary,.client-emergency{text-align:center;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:49px;margin:12px 0;padding:14px 12px;font-weight:700;line-height:1.5;text-decoration:none;display:flex}.client-primary{color:#fff;background:#102640}.client-secondary{color:#203d5b;background:#eaf0f6}.client-emergency{color:#9e2f2f;background:#fae9e8;border:1px solid #edc1bd}.client-card{overflow-wrap:anywhere;background:#fff;border:1px solid #d8e2ec;border-radius:14px;margin:15px 0;padding:18px;box-shadow:0 3px 12px #152f4804}.client-card.unread{border-inline-start:4px solid #d79a23}.client-card p{white-space:pre-wrap;align-items:center;gap:8px;line-height:1.8;display:flex}.client-card small{color:#64798f}.client-ride-head{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.client-ride-head span{background:#edf4f7;border-radius:6px;padding:7px}.client-fare{margin:14px 0;font-size:27px;font-weight:700}.client-muted{color:#61758a;font-size:12px;line-height:1.8}.client-success{color:#256548;background:#e6f4ed;border-radius:7px;padding:10px;font-size:12px}.client-alert,.client-message{color:#7d5317;overflow-wrap:anywhere;background:#fff1dd;border-radius:10px;margin:12px 0;padding:13px;font-size:13px;line-height:1.8}.client-blocked{text-align:center;color:#8d2923;background:#fff2f0;border:1px solid #e2b7b2;border-radius:14px;margin:25px 0;padding:30px 16px}.client-tabs{bottom:0;z-index:30;max-width:760px;padding:10px 6px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d6e0eb;justify-content:space-around;margin:auto;display:flex;position:fixed;inset-inline:0}.client-tabs button{color:#738397;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:6px;min-height:50px;padding:6px 3px;font-size:12px;display:flex}.client-tabs button.selected{color:#132d49;font-weight:700}.client-tabs button.selected svg{color:#c58a18}.client-footer{color:#718397;border-top:1px solid #dde5ed;justify-content:center;align-items:center;gap:10px;margin-top:35px;padding-top:20px;font:10px Arial;display:flex}.client-footer img{object-fit:contain;width:40px;height:48px}.client-office-link{text-align:center;color:#607992;margin-top:24px;font-size:12px;display:block}.client-checkbox{align-items:center;gap:10px;line-height:1.7;display:flex}.client-checkbox input{width:21px;height:21px}.client-app .fleet-canvas{height:300px}.client-app .fleet-map-wrap{margin:18px 0}.client-app .fleet-map-empty p{display:block}.client-app .fleet-map-empty .client-secondary{width:auto}.client-login{max-width:480px;margin:auto}.client-login>p{color:#62788c;font-size:13px;line-height:1.8}@media (width>=760px){.client-app{border-inline:1px solid #dce5ee}.client-app main{padding:26px 35px}.client-app .fleet-canvas{height:370px}}