:root{--bg: #030712;--bg-2: #0f172a;--card: rgba(15, 23, 42, .86);--card-solid: #111827;--input: rgba(30, 41, 59, .72);--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06);--text: #f8fafc;--muted: #94a3b8;--faint: #64748b;--primary: #22c55e;--primary-dark: #16a34a;--accent: #06b6d4;--danger: #ef4444;--warning: #f59e0b;--shadow: 0 20px 52px rgba(0, 0, 0, .32);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(34,197,94,.18),transparent 34%),linear-gradient(180deg,#030712,#08111f 58%,#030712)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;width:min(980px,100%);margin:0 auto;display:flex;flex-direction:column}.screen{flex:1;width:100%;padding:14px 14px calc(22px + env(safe-area-inset-bottom));background:var(--bg)}.top-bar{position:sticky;top:0;z-index:20;min-height:72px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#030712e0;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.merchant-identity{min-width:0;display:flex;align-items:center;gap:12px}.merchant-logo{width:46px;height:46px;border-radius:14px;object-fit:cover;background:#ffffff14}.merchant-logo.fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--primary)}.merchant-identity span{display:block;color:var(--muted);font-size:12px;font-weight:800}.merchant-identity strong{display:block;max-width:min(58vw,520px);overflow:hidden;color:var(--text);font-size:18px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.icon-button,.small-button,.back-button{min-height:40px;border:1px solid var(--border);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1e293bc7;color:var(--text);font-weight:900}.icon-button{width:42px;padding:0}.small-button,.back-button{padding:0 12px;color:var(--muted)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#030712b8;isolation:isolate}.drawer{position:absolute;inset-block:0;inset-inline-end:0;width:min(300px,88vw);padding:calc(22px + env(safe-area-inset-top)) 16px 18px;display:grid;align-content:start;gap:8px;background:var(--card-solid);border-inline-start:1px solid var(--border);box-shadow:var(--shadow)}.drawer button{min-height:48px;border:0;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:10px;background:transparent;color:var(--text);font-weight:900;text-align:start}.drawer button:hover{background:#1e293bc7}.danger-action{color:#fecaca!important}.login-screen{min-height:100vh;padding:22px;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.28),transparent 34%),linear-gradient(180deg,#030712,#0f172a)}.language-button{position:fixed;top:calc(14px + env(safe-area-inset-top));inset-inline-end:14px;min-height:40px;border:1px solid var(--border);border-radius:12px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;background:#0f172adb;color:var(--text);font-weight:900}.login-card{width:min(420px,100%);display:grid;gap:16px;border:1px solid var(--border);border-radius:22px;padding:26px;background:#0f172aeb;box-shadow:var(--shadow)}.login-logo{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:#22c55e1f;border:1px solid rgba(34,197,94,.24)}.login-logo img{width:52px;height:52px}.password-field{position:relative;display:block}.password-field input{padding-inline-end:52px}.password-field button{position:absolute;top:50%;inset-inline-end:6px;width:40px;height:40px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);background:transparent;color:var(--muted)}.password-field button:hover{background:#94a3b81f;color:var(--text)}h1,h2,p{margin:0}.login-card h1{font-size:28px;line-height:1.1}.login-card p{color:var(--muted);font-weight:750}.login-card label{display:grid;gap:8px;color:var(--muted);font-size:14px;font-weight:900}input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:14px;padding:0 14px;background:var(--input);color:var(--text);outline:none}input:focus{border-color:#22c55ec2;box-shadow:0 0 0 3px #22c55e2e}.primary-button,.create-hero{border:0;border-radius:16px;background:linear-gradient(135deg,var(--primary),#059669);color:#fff;font-weight:950;box-shadow:0 12px 28px #22c55e3d}.primary-button{min-height:50px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.create-hero{width:100%;min-height:86px;margin:2px 0 18px;padding:0 18px;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:12px;text-align:start}.create-hero span{font-size:20px}.quick-actions-row{margin:0 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-actions-row button{min-width:0;min-height:48px;border:1px solid var(--border);border-radius:12px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--card);color:var(--muted);font-weight:900}.content-section,.choice-section,.form-section,.details-card,.order-card,.settings-panel{border:1px solid var(--border-soft);border-radius:16px;background:var(--card)}.content-section,.details-card{padding:14px}.section-heading{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading h2,.choice-section h2,.form-section h2{color:var(--text);font-size:18px;font-weight:950}.section-heading h2{display:inline-flex;align-items:center;gap:8px}.favorite-panel{margin-bottom:14px;display:grid;gap:12px}.favorite-panel p,.empty-inline{color:var(--muted);font-size:13px;font-weight:800}.favorite-list{display:grid;gap:8px}.favorite-driver{min-height:54px;border:1px solid var(--border-soft);border-radius:14px;padding:8px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;background:#1e293b8a}.favorite-driver strong,.favorite-driver span{display:block;overflow:hidden;text-overflow:ellipsis}.favorite-driver span{margin-top:2px;color:var(--muted);font-size:12px;font-weight:850}.favorite-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.danger-icon{color:var(--danger)}.order-stack{display:grid;gap:10px}.order-card{padding:14px;cursor:pointer}.order-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.order-head-actions{display:inline-flex;align-items:flex-start;gap:8px}.icon-button{width:34px;height:34px;border:1px solid var(--border-soft);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:#0f172ab8}.order-head strong{display:block;overflow:hidden;font-size:16px;font-weight:950;text-overflow:ellipsis}.order-head span,.order-footer time{color:var(--faint);font-size:12px;font-weight:850}.status{border-radius:999px;padding:5px 9px;background:#22c55e24;color:#bbf7d0;font-size:11px;font-weight:950;white-space:nowrap}.status.accepted,.status.driver_arrived_pickup,.status.picked_up,.status.ready_for_pickup{background:#06b6d429;color:#a5f3fc}.status.cancelled,.status.failed,.status.returned{background:#ef444429;color:#fecaca}.order-lines,.details-card{display:grid;gap:10px}.order-lines{margin:12px 0}.info-line,.contact-line{min-width:0;display:grid;grid-template-columns:22px 86px minmax(0,1fr);align-items:center;gap:8px;color:var(--muted);text-decoration:none}.info-line span,.contact-line span,.metric span{color:var(--faint);font-size:12px;font-weight:900}.info-line strong,.contact-line strong{overflow:hidden;color:var(--text);font-size:14px;font-weight:900;text-overflow:ellipsis}.contact-line{grid-template-columns:22px 76px minmax(0,1fr) auto;border-radius:14px;padding:12px;background:#1e293b8a}.contact-line em{color:var(--primary);font-size:12px;font-style:normal;font-weight:950}.tracking-panel{display:grid;gap:11px;border:1px solid var(--border-soft);border-radius:14px;padding:13px;background:#1e293b8a}.tracking-heading{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;color:var(--primary)}.tracking-heading strong{display:block;color:var(--text);font-size:15px;font-weight:950}.tracking-heading span{display:block;margin-top:2px;color:var(--faint);font-size:12px;font-weight:850}.tracking-panel code{overflow-wrap:anywhere;border-radius:12px;padding:10px;background:#02061766;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.tracking-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tracking-actions button,.tracking-actions a{min-width:0;min-height:39px;border:1px solid rgba(34,197,94,.26);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#22c55e1a;color:var(--primary);font-size:12px;font-weight:950;text-decoration:none}.order-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ready-button{min-height:36px;border:1px solid rgba(34,197,94,.42);border-radius:12px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;background:#22c55e24;color:#bbf7d0;font-size:13px;font-weight:950}.cancel-button{min-height:36px;border:1px solid rgba(239,68,68,.34);border-radius:12px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;background:#ef44441f;color:#fecaca;font-size:13px;font-weight:950}.urgent-order-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#030712e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.urgent-order{width:min(560px,100%);display:grid;gap:18px;border:1px solid rgba(245,158,11,.42);border-radius:18px;padding:22px;background:linear-gradient(145deg,#7f1d1d6b,#0f172afa 44%),var(--card-solid);box-shadow:0 26px 90px #0000008a,0 0 0 1px #ffffff0a}.urgent-pulse{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:#fff;background:var(--danger);box-shadow:0 0 #ef44448f;animation:urgentPulse 1.2s ease-out infinite}.urgent-kicker{color:#fed7aa;font-size:13px;font-weight:950;text-transform:uppercase}.urgent-order h2{margin-top:4px;color:#fff;font-size:34px;line-height:1}.urgent-order p{margin-top:8px;color:var(--muted);font-weight:800}.urgent-summary{display:grid;gap:10px;border-radius:14px;padding:14px;background:#0f172ab8}.urgent-actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr);gap:10px}.urgent-actions button{min-height:54px;border-radius:14px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:950}.urgent-actions button:disabled{opacity:.55}.urgent-reject{background:#ef44442e;border-color:#ef44446b!important;color:#fecaca!important}.urgent-secondary{min-width:58px;background:#1e293bdb;color:var(--text)!important}.urgent-accept{background:linear-gradient(135deg,var(--primary),#059669);box-shadow:0 16px 30px #22c55e3d}@keyframes urgentPulse{0%{box-shadow:0 0 #ef444494}70%{box-shadow:0 0 0 18px #ef444400}to{box-shadow:0 0 #ef444400}}@media(max-width:520px){.urgent-actions{grid-template-columns:1fr}}.empty-state,.loading{min-height:180px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center;font-weight:900}.loading span{width:36px;height:36px;border:3px solid rgba(255,255,255,.16);border-top-color:var(--primary);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-line,.warning-line,.success-line{border-radius:14px;padding:12px;font-weight:850}.error-line{border:1px solid rgba(239,68,68,.28);background:#ef44441f;color:#fecaca}.warning-line{border:1px solid rgba(245,158,11,.28);background:#f59e0b1f;color:#fde68a}.success-line{border:1px solid rgba(34,197,94,.3);background:#22c55e1f;color:#bbf7d0}.create-screen,.details-screen,.settings-screen{display:grid;gap:14px;padding-bottom:110px}.settings-panel{padding:14px;display:grid;gap:12px}.settings-profile{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px}.settings-logo{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#ffffff14}.settings-logo.fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:#22c55e1f}.settings-profile strong,.settings-profile span{display:block;overflow:hidden;text-overflow:ellipsis}.settings-profile strong{color:var(--text);font-size:17px;font-weight:950}.settings-profile span,.settings-hint{color:var(--muted);font-size:13px;font-weight:850}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.option-chip{min-height:38px;border:1px solid rgba(34,197,94,.3);border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;background:#22c55e1c;color:var(--primary);font-weight:950}.option-chip:disabled{opacity:.55}.about-panel{min-height:260px;place-items:center;text-align:center}.about-panel img{width:84px;height:84px}.about-panel h2{font-size:28px}.about-panel p{color:var(--muted);font-weight:850}.sub-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sub-header h1{min-width:0;flex:1;font-size:22px;text-align:end}.type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-toggle button,.choice{min-height:48px;border:1px solid var(--border);border-radius:14px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#1e293b9e;color:var(--muted);font-weight:950}.type-toggle button.active,.choice.selected{border-color:transparent;background:linear-gradient(135deg,var(--primary),#059669);color:#fff}.type-toggle button:nth-child(2).active{background:linear-gradient(135deg,var(--accent),#0891b2)}.choice-section,.form-section{scroll-margin-top:88px;padding:14px;display:grid;gap:12px}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice{min-height:42px;border-radius:999px;flex:0 1 auto}.phone-field{min-height:52px;border:1px solid var(--border);border-radius:14px;padding:0 12px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;background:#1e293b9e;color:var(--muted)}.phone-field input{min-height:50px;border:0;padding:0;background:transparent;box-shadow:none}.submit-bar{position:fixed;left:50%;right:auto;bottom:0;z-index:18;width:min(980px,100%);transform:translate(-50%);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,.88fr) minmax(150px,1.12fr);align-items:center;gap:10px;border-top:1px solid var(--border);background:#030712f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.submit-bar>div{min-width:0;display:grid;gap:2px}.submit-bar span,.submit-bar small{overflow:hidden;color:var(--faint);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.submit-bar strong{color:var(--primary);font-size:18px}.details-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--border-soft)}.details-title h2{overflow:hidden;font-size:22px;text-overflow:ellipsis}.details-title span{color:var(--faint);font-size:13px;font-weight:850}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{min-width:0;border-radius:14px;padding:12px 8px;display:grid;justify-items:center;gap:5px;background:#22c55e17;color:var(--primary);text-align:center}.metric strong{max-width:100%;overflow:hidden;color:currentColor;font-size:14px;text-overflow:ellipsis}[dir=rtl] .info-line,[dir=rtl] .contact-line{direction:rtl}@media(min-width:760px){.screen{padding:22px}.create-hero{min-height:104px}.content-section,.details-card,.choice-section,.form-section,.order-card{border-radius:18px}.order-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.create-screen{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.create-screen .sub-header,.create-screen .warning-line,.create-screen .error-line,.create-screen .type-toggle,.submit-bar{grid-column:1 / -1}}@media(max-width:380px){.screen,.top-bar{padding-inline:10px}.info-line{grid-template-columns:20px 72px minmax(0,1fr)}.submit-bar,.metric-row{grid-template-columns:1fr}}