@font-face{font-family:IRANSansX;src:url("/assets/fonts/IRANSansXFaNum-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:IRANSansX;src:url("/assets/fonts/IRANSansXFaNum-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:IRANSansX;src:url("/assets/fonts/IRANSansXFaNum-DemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:IRANSansX;src:url("/assets/fonts/IRANSansXFaNum-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}

:root{--navy:#421126;--teal:#6f0d43;--bg:#f6f2f4;--red:#bb3650;--green:#16825e;--muted:#75656f;--accent:#f2c438;--steel:#8fa6b5;--line:#eadde4}
body{background:#e9e1e5;color:#2d2028;font-family:IRANSansX,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.login-page{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 15% 10%,rgba(143,166,181,.32),transparent 23rem),linear-gradient(150deg,#421126,#6f0d43 62%,#2f0d1d);background-size:34px 34px,34px 34px,auto,auto}
.card{border:1px solid rgba(111,13,67,.09);box-shadow:0 18px 48px rgba(55,12,32,.12)}
.login{padding:30px 24px;border-top:5px solid var(--accent)}
.login img{width:min(245px,82%);height:auto;object-fit:contain}
.login h1{margin:5px 0;color:var(--navy)}
.login input{border-color:#dfcfd8;outline:none}
.login input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(111,13,67,.1)}
.secondary-install{border:1px solid #ead2df;border-radius:13px;background:#fbf6f9;color:var(--teal);padding:12px;font-weight:700}
.primary,.actions .accept,.actions .next{background:linear-gradient(135deg,#821451,var(--teal));border-color:var(--teal)}
.phone{background:radial-gradient(circle at 9% 0%,rgba(143,166,181,.17),transparent 20rem),var(--bg)}
.phone>header{position:relative;overflow:hidden;background:radial-gradient(circle at 0 -70%,rgba(143,166,181,.42),transparent 18rem),linear-gradient(135deg,#6f0d43,#421126);padding-block:13px;box-shadow:0 12px 28px rgba(66,17,38,.18)}
.driver-brand{display:flex;align-items:center;gap:11px;min-width:0}
.header-logo{width:112px;height:42px;object-fit:contain;border-radius:10px;background:#fff;padding:4px 7px}
.phone header h1{font-size:18px}
.header-actions{display:flex;align-items:center;gap:7px}.install-icon{font-size:23px;line-height:1;padding-inline:13px}
.availability{background:radial-gradient(circle at 0 0,rgba(143,166,181,.26),transparent 14rem),linear-gradient(135deg,#6f0d43,#421126);box-shadow:0 15px 34px rgba(66,17,38,.16)}
.switch input:checked+span{background:var(--accent)}
.switch input:checked+span:after{background:#421126}
.live{background:#f5e8ef;color:#6f0d43;border:1px solid #ead2df}
.location-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px}.location-strip .live{display:flex;align-items:center}.location-strip button{border:1px solid #ead2df;border-radius:13px;padding:10px 12px;background:#fff;color:var(--teal);font-weight:700}
.install-banner{width:100%;display:grid;gap:3px;text-align:right;padding:14px 16px;border:1px solid #ead2df;border-radius:18px;background:linear-gradient(125deg,#fff,#f8eaf2);color:var(--navy);box-shadow:0 10px 26px rgba(66,17,38,.06)}.install-banner span{font-weight:800}.install-banner small{color:var(--muted)}
.section-title button,button.secondary{border-color:var(--line);color:var(--navy)}
.order-card{border:1px solid rgba(111,13,67,.07);box-shadow:0 10px 30px rgba(66,17,38,.06)}
.route{border-right-color:#dec1d1}
nav{border-top-color:var(--line);box-shadow:0 -8px 30px rgba(66,17,38,.06)}
nav button.active{background:#f6e8f0;color:var(--teal)}
.toast{background:var(--navy)}
dialog{border:1px solid var(--line);color:#2d2028;box-shadow:0 25px 80px rgba(47,13,29,.34)}
dialog::backdrop{background:rgba(47,13,29,.65);backdrop-filter:blur(3px)}
.details div{background:#faf5f8;border:1px solid #f1e4eb}
.notification.unread{border-color:var(--teal)}
.navigation-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.navigation-actions a{display:grid;place-items:center;min-height:44px;padding:9px;border:1px solid #ead2df;border-radius:12px;background:#fff;color:var(--teal);text-align:center;text-decoration:none;font-size:12px;font-weight:700}.navigation-actions .route-button{grid-column:1/-1;background:var(--teal);border-color:var(--teal);color:#fff}.trip-actions{margin-top:8px}.trip-actions:empty{display:none}
.route-map-card{display:grid;gap:5px;margin-top:14px;padding:16px;border-radius:18px;background:radial-gradient(circle at 0 0,rgba(143,166,181,.24),transparent 12rem),linear-gradient(135deg,#6f0d43,#421126);color:#fff}.route-map-card span{color:#f2c438;font-size:12px;font-weight:800}.route-map-card b{font-size:16px}.route-map-card small{color:rgba(255,255,255,.72);line-height:1.8}
.install-help{color:#54444d;line-height:2}.install-steps{padding:8px 0 18px}.install-steps b{display:block;margin-bottom:8px;color:var(--navy);font-size:18px}.install-steps p{margin:5px 0}
.location-gate{width:min(430px,calc(100% - 28px));padding:28px 24px;text-align:center;border:1px solid #ead2df;border-top:5px solid var(--accent);color:#2d2028;box-shadow:0 28px 90px rgba(30,5,18,.42)}.location-gate::backdrop{background:linear-gradient(145deg,rgba(66,17,38,.94),rgba(111,13,67,.91));backdrop-filter:blur(8px)}.location-gate h2{margin:12px 0 8px;color:var(--navy);font-size:23px}.location-gate p{margin:0;color:var(--muted);font-size:14px;line-height:2}.location-symbol{display:grid;width:64px;height:64px;margin:auto;place-items:center;border-radius:22px;background:#f7e7f0;color:var(--teal);font-size:38px;font-weight:900}.location-gate-status{margin:18px 0 12px;padding:11px 13px;border-radius:13px;background:#f8f5f7;color:#6b5b64;font-size:13px}.location-gate-status.success{background:#e4f5ed;color:var(--green)}.location-gate-status.error{background:#fdebed;color:var(--red)}.location-gate>small{display:block;margin-top:12px;color:#8b7983;line-height:1.8}
@media(max-width:390px){.header-logo{width:96px}.phone header h1{font-size:16px}.location-strip{grid-template-columns:1fr}.navigation-actions{grid-template-columns:1fr}.navigation-actions .route-button{grid-column:auto}}
@media(min-width:700px){body{background:radial-gradient(circle at 50% 0,rgba(143,166,181,.22),transparent 36rem),#e9e1e5}}