@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";.order-complaint-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;padding:16px;border:1px solid #d7e4ee;border-radius:10px;background:#fff;box-shadow:0 6px 18px #16324f12}.order-complaint-card h2{margin:0 0 6px;font-size:17px;color:#16324f}.order-complaint-card p{margin:0;color:#6b7c8c;font-size:13px;line-height:1.7}.complaint-lookup-status,.complaint-not-eligible{color:#6b7c8c;font-size:13px;font-weight:700}.complaint-not-eligible{color:#9a6a00}.customer-complaints-page,.customer-complaint-details{max-width:720px;margin:0 auto;padding:20px 16px;color:#16324f}.customer-complaints-page header,.customer-complaint-details header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.customer-complaints-page h1,.customer-complaint-details h1{margin:0;font-size:24px}.customer-complaints-page header p{margin:6px 0 0;color:#6b7c8c;font-size:13px}.customer-complaints-list{display:grid;gap:12px}.customer-complaint-card{display:grid;gap:8px;text-align:right;padding:16px;border:1px solid #d7e4ee;border-radius:10px;background:#fff;box-shadow:0 6px 18px #16324f14;cursor:pointer}.customer-complaint-card h2{margin:4px 0;font-size:17px}.customer-complaint-card small,.customer-complaint-card p{margin:0;color:#6b7c8c;font-size:12px}.customer-complaint-card em{color:#1769aa;font-size:12px;font-style:normal}.complaint-status{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.complaint-status-new{background:#fff4d6;color:#9a6a00}.complaint-status-in_progress,.complaint-status-awaiting_customer{background:#e9f2ff;color:#1769aa}.complaint-status-resolved,.complaint-status-closed{background:#e5f7ef;color:#16815c}.customer-complaint-form,.complaint-detail-card,.complaint-message,.complaint-reply{display:grid;gap:12px;padding:16px;margin:16px 0;border:1px solid #d7e4ee;border-radius:10px;background:#fff;box-shadow:0 6px 18px #16324f12}.customer-complaint-form h2,.complaint-message h2,.complaint-reply h2{margin:0;font-size:18px}.customer-complaint-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.customer-complaint-form input,.customer-complaint-form select,.customer-complaint-form textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #c7d8e5;border-radius:7px;background:#f9fcfe;color:#16324f;font:inherit}.customer-complaint-form textarea{min-height:130px;resize:vertical}.complaint-form-actions{display:flex;gap:8px}.complaint-form-actions button,.customer-complaint-details .back-button,.customer-complaint-button{padding:11px 16px;border:0;border-radius:7px;background:#1769aa;color:#fff;font:inherit;font-weight:700;cursor:pointer}.complaint-form-actions button:last-child{background:#edf3f7;color:#16324f}.complaint-form-actions button:disabled{opacity:.6}.complaint-linked-order{margin:0;color:#6b7c8c;font-size:13px}.complaint-detail-card{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-detail-card div{display:grid;gap:4px}.complaint-detail-card span{color:#6b7c8c;font-size:12px}.complaint-detail-card b{overflow-wrap:anywhere}.complaint-message p,.complaint-reply p{margin:0;white-space:pre-wrap;line-height:1.8}.complaint-reply{border-color:#a9ddc8;background:#f2fcf7}.empty-state,.loading,.error-state{display:grid;place-items:center;gap:8px;min-height:180px;text-align:center}.empty-state{color:#6b7c8c}.empty-state strong{color:#16324f;font-size:17px}.error{padding:10px;border-radius:7px;background:#fff0f0;color:#b42318}.success{padding:10px;border-radius:7px;background:#eefaf4;color:#16815c}@media(max-width:560px){.customer-complaints-page,.customer-complaint-details{padding:16px 12px}.customer-complaint-details header{align-items:flex-start;flex-direction:column}.complaint-detail-card{grid-template-columns:1fr}.complaint-form-actions{flex-direction:column}.complaint-form-actions button{width:100%}}:root{--color-primary: #ffd21f;--color-primary-hover: #e7bd00;--color-primary-active: #cda800;--color-primary-soft: rgba(255, 210, 31, .12);--color-navy-950: #031020;--color-navy-900: #071a33;--color-navy-850: #0b223e;--color-navy-800: #102d4d;--color-surface: #0b213b;--color-surface-elevated: #123352;--color-border: rgba(157, 184, 211, .18);--color-border-strong: rgba(255, 210, 31, .35);--color-text: #f7f9fc;--color-text-muted: #aebfd1;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #38bdf8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--transition-fast: .16s ease;--transition-normal: .22s ease;--app-max-width: 520px;--header-height: 72px;--bottom-nav-height: 76px;--touch-target: 44px;--font-family: "Cairo", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.35rem;--text-2xl: 1.7rem;--text-3xl: 2.1rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--line-tight: 1.25;--line-normal: 1.65;font-family:Cairo,Arial;color:#fff;background:#06142a}*,*:before,*:after{box-sizing:border-box}html{direction:rtl;min-height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;overflow-x:hidden;font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--line-normal);color:var(--color-text);background:linear-gradient(145deg,var(--color-navy-900),var(--color-navy-800));text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--line-tight);margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5,h6{font-size:var(--text-base)}p{margin:0;line-height:var(--line-normal)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button,input,select,textarea{font:inherit}button{border:0;border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);background:var(--color-primary);color:var(--color-navy-900);font-weight:var(--weight-extrabold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:var(--touch-target);transition:background var(--transition-fast)}button:hover:not(:disabled){background:var(--color-primary-hover)}button:active:not(:disabled){background:var(--color-primary-active)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);color:var(--color-text);min-height:var(--touch-target);transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:0}legend{font-weight:var(--weight-semibold);padding:0 var(--space-2)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-viewport{min-height:100dvh;display:flex;justify-content:center;background:var(--color-navy-950)}.app-shell{width:100%;max-width:var(--app-max-width);min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(145deg,var(--color-navy-900),var(--color-navy-800));position:relative}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}.app-header{height:var(--header-height);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-navy-900);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-header img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.app-header-branding{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.app-header-branding strong{font-size:var(--text-xl);font-weight:var(--weight-extrabold);color:var(--color-primary);line-height:1}.app-header-branding span{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-text-muted);line-height:1}.notification-bell{background:transparent;color:var(--color-primary);font-size:24px;padding:var(--space-2);width:auto;min-height:auto;border:none;cursor:pointer;position:relative;flex-shrink:0;transition:opacity var(--transition-fast)}.notification-bell:hover:not(:disabled){opacity:.8;background:transparent}.notification-bell:active:not(:disabled){opacity:.6;background:transparent}.notification-badge{position:absolute;top:2px;right:2px;background:var(--color-danger);color:var(--color-text);font-size:10px;font-weight:var(--weight-bold);padding:2px 5px;border-radius:var(--radius-pill);min-width:18px;text-align:center;line-height:1}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(var(--app-max-width),100%);display:grid;grid-template-columns:repeat(3,1fr);background:var(--color-navy-900);border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav button{background:transparent;color:var(--color-text-muted);padding:var(--space-3) var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-direction:column;gap:var(--space-1);min-height:auto;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.bottom-nav button:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-text)}.bottom-nav button.active{color:var(--color-primary);background:var(--color-primary-soft)}.bottom-nav button:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.home-container{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) var(--space-5);width:100%}.home-welcome{display:flex;flex-direction:column;gap:var(--space-2);text-align:right}.home-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);line-height:var(--line-tight);margin:0}.home-title .highlight{color:var(--color-primary)}.home-description{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--line-normal);margin:0}.home-slider{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-navy-900);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-md)}.home-slider-track{display:flex;height:100%;transition:transform var(--transition-normal)}.home-slider-slide{flex:0 0 100%;height:100%;position:relative}.home-slider-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.home-slider-overlay{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(7,26,51,.4),transparent);pointer-events:none}.home-slider-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm)}.home-slider-dots{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);z-index:2}.home-slider-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:#fff6;border:none;padding:0;cursor:pointer;transition:all var(--transition-fast);min-height:auto}.home-slider-dot.active{width:24px;background:var(--color-primary)}.home-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;background:#071a3399;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;color:var(--color-primary);font-size:20px;cursor:pointer;z-index:2;transition:all var(--transition-fast);padding:0;min-height:auto}.home-slider-arrow:hover:not(:disabled){background:#071a33cc}.home-slider-arrow.prev{right:var(--space-3)}.home-slider-arrow.next{left:var(--space-3)}@media(prefers-reduced-motion:reduce){.home-slider-track{transition:none}}.service-grid{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.service-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-5);min-height:140px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;text-align:right;transition:all var(--transition-normal);width:100%}.service-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.service-card:active{transform:scale(.99)}.service-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.service-card-icon{width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 0 12px rgba(255,210,31,.15));transition:transform var(--transition-normal)}.service-card:hover .service-card-icon{transform:scale(1.025)}.service-card-icon img{width:100%;height:100%;object-fit:contain;display:block}.service-card-content{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.service-card-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.service-card-title{font-size:1.3rem;font-weight:var(--weight-extrabold);color:var(--color-text);line-height:var(--line-tight);margin:0}.service-card-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-pill);line-height:1}.service-card-description{font-size:.85rem;font-weight:var(--weight-regular);color:var(--color-text-muted);line-height:1.5;margin:0}.service-card-arrow{width:20px;height:20px;color:var(--color-primary);flex-shrink:0;transition:transform var(--transition-fast)}.service-card:hover .service-card-arrow{transform:translate(-2px)}@media(prefers-reduced-motion:reduce){.service-card,.service-card-icon,.service-card-arrow{transition:none}.service-card:hover,.service-card:active,.service-card:hover .service-card-icon,.service-card:hover .service-card-arrow{transform:none}}@media(max-width:360px){.service-card-icon{width:96px;height:96px}.service-card{padding:var(--space-4);min-height:130px}.service-card-title{font-size:1.2rem}.service-card-description{font-size:.8rem}}.outline{background:transparent;color:#ffd21f;border:1px solid #ffd21f}.link{background:none;color:#ffd21f}.auth{min-height:100vh;max-width:430px;margin:auto;padding:60px 28px;display:flex;flex-direction:column;gap:16px;align-items:stretch;text-align:center;justify-content:center}.auth img{width:150px;height:150px;object-fit:contain;margin:0 auto 12px}.auth h1{font-size:48px;margin:0}.auth p{color:#c3d3e4;margin:0 0 24px}.auth input{background:#112d4b;color:#fff;border:1px solid #2a4d6f;border-radius:12px;padding:14px;direction:rtl}.shell{max-width:var(--app-max-width);margin:auto;min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}header{height:var(--header-height);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-navy-900);position:sticky;top:0;z-index:3}header img{width:38px;height:38px;object-fit:contain}header strong{font-size:var(--text-xl);color:var(--color-primary)}header span{margin-right:auto;color:var(--color-text-muted);font-size:var(--text-sm)}.content{padding:var(--space-6) var(--space-5)}.content h1{font-size:var(--text-2xl);margin:var(--space-2) 0 var(--space-6)}.content .subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin:calc(var(--space-4) * -1) 0 var(--space-6);text-align:center}.auth-layout{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));background:linear-gradient(145deg,var(--color-navy-950) 0%,var(--color-navy-900) 50%,var(--color-navy-850) 100%);position:relative;overflow-y:auto}.auth-layout:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,210,31,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.auth-layout:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,210,31,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.auth-card{width:100%;max-width:420px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8);position:relative;z-index:1;animation:authFadeIn .3s ease-out}@keyframes authFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-back{position:absolute;top:var(--space-5);right:var(--space-5);width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:0;min-height:auto}.auth-back:hover{background:var(--color-primary-soft);color:var(--color-primary)}.auth-logo{width:100px;height:100px;margin:0 auto var(--space-4);filter:drop-shadow(0 0 20px rgba(255,210,31,.2))}.auth-logo img{width:100%;height:100%;object-fit:contain;display:block}.auth-logo-small{width:64px;height:64px;margin:0 auto var(--space-4);filter:drop-shadow(0 0 16px rgba(255,210,31,.15))}.auth-logo-small img{width:100%;height:100%;object-fit:contain;display:block}.auth-title{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--color-text);text-align:center;margin:0 0 var(--space-2);line-height:var(--line-tight)}.auth-headline{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);text-align:center;margin:0 0 var(--space-3);line-height:var(--line-tight)}.auth-subtitle{font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-6);line-height:var(--line-normal)}.auth-description{font-size:var(--text-base);color:var(--color-text-muted);text-align:center;line-height:var(--line-normal);margin:0 0 var(--space-8)}.auth-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8)}.auth-footer{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin:var(--space-6) 0 0;line-height:var(--line-normal)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;right:var(--space-4);color:var(--color-text-muted);pointer-events:none}.input-wrapper input{width:100%;height:54px;padding:0 var(--space-4);padding-right:calc(var(--space-4) + 20px + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);transition:all var(--transition-fast)}.input-wrapper input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-elevated)}.input-wrapper input::placeholder{color:var(--color-text-muted);opacity:.6}.password-toggle{position:absolute;left:var(--space-2);width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:0;min-height:auto}.password-toggle:hover{background:var(--color-primary-soft);color:var(--color-primary)}.btn-primary{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-navy-900);font-size:var(--text-base);font-weight:var(--weight-bold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:auto;padding:0 var(--space-5)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ffd21f4d}.btn-primary:active:not(:disabled){background:var(--color-primary-active);transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{width:100%;height:54px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-semibold);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:auto;padding:0 var(--space-5)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:active:not(:disabled){background:var(--color-primary-soft)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-navy-900);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-link-text{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.auth-link{background:none;border:none;color:var(--color-primary);font-weight:var(--weight-semibold);cursor:pointer;padding:0;min-height:auto;text-decoration:none;transition:color var(--transition-fast);width:auto}.auth-link:hover{color:var(--color-primary-hover);text-decoration:underline}@media(prefers-reduced-motion:reduce){.auth-card,.spinner{animation:none}.btn-primary:hover:not(:disabled){transform:none}}@media(max-width:360px){.auth-card{padding:var(--space-6)}.auth-title{font-size:var(--text-2xl)}.auth-headline{font-size:var(--text-lg)}}.hero{justify-content:flex-start;text-align:right;min-height:105px;padding:20px;background:#ffd21f}.hero svg:first-child{width:44px;height:44px}.hero div{display:flex;flex-direction:column;align-items:flex-start;flex:1}.hero small{font-weight:600;margin-top:4px}.card{background:#102e4d;border:1px solid #214867;border-radius:16px;padding:18px;margin:16px 0}.card h3{margin-top:0}.card p{color:#c3d3e4;display:flex;gap:8px;align-items:center}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick button{background:#113554;color:#fff;flex-direction:column;padding:12px 6px;font-size:12px}.service-card-horizontal{background:#102e4d;border:2px solid #214867;border-radius:16px;padding:18px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .3s;width:100%;text-align:right}.service-card-horizontal:hover{border-color:#ffd21f;background:#173e5d;box-shadow:0 4px 12px #ffd21f33}.service-card-horizontal:active{transform:scale(.98);box-shadow:0 2px 6px #ffd21f26}.service-card-icon{width:110px;height:110px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:8px}.service-card-icon img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.service-card-content{flex:1;min-width:0;padding:0 8px}.service-card-title{font-size:1.35rem;font-weight:800;color:#ffd21f;margin:0 0 8px;line-height:1.3}.service-card-description{font-size:.82rem;color:#c3d3e4;margin:0;line-height:1.5;font-weight:400}.service-card-arrow{font-size:22px;color:#ffd21f;flex-shrink:0;padding:0 4px;opacity:.7}@media(max-width:480px){.service-card-horizontal{padding:16px 14px;gap:12px}.service-card-icon{width:100px;height:100px}.service-card-title{font-size:1.25rem}.service-card-description{font-size:.78rem}}@media(max-width:360px){.service-card-horizontal{padding:14px 12px;gap:10px}.service-card-icon{width:90px;height:90px;padding:6px}.service-card-title{font-size:1.15rem}.service-card-description{font-size:.75rem;line-height:1.4}}.cargo-order-details-page{min-height:100dvh;display:flex;flex-direction:column;background:#071a33;overflow-x:hidden;-webkit-overflow-scrolling:touch}.cargo-order-details-page .page-header{height:60px;display:flex;align-items:center;gap:12px;padding:0 20px;background:#071a33;border-bottom:1px solid #214867;position:sticky;top:0;z-index:10}.cargo-order-details-page .page-header .back-button{background:transparent;color:#ffd21f;width:auto;padding:8px;font-size:24px;min-width:40px}.cargo-order-details-page .page-header h1{margin:0;font-size:19px;color:#fff;flex:1}.cargo-order-details-page .cargo-form{flex:1;padding:20px;padding-bottom:calc(110px + env(safe-area-inset-bottom));overflow-y:auto}.cargo-order-details-page .form-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2a4d6f}.cargo-order-details-page .form-section:last-of-type{border-bottom:none}.cargo-order-details-page .form-section h3{color:#ffd21f;font-size:17px;font-weight:700;margin:0 0 16px}.cargo-order-details-page .form-group{margin-bottom:18px}.cargo-order-details-page .form-group:last-child{margin-bottom:0}.cargo-order-details-page .form-group label{display:block;color:#ffd21f;font-weight:700;margin-bottom:8px;font-size:14px}.cargo-order-details-page .form-group input,.cargo-order-details-page .form-group select,.cargo-order-details-page .form-group textarea{background:#0d2744;color:#fff;border:1px solid #2a4d6f;border-radius:10px;padding:12px;width:100%;font-family:inherit;font-size:14px;direction:rtl}.cargo-order-details-page .form-group input:focus,.cargo-order-details-page .form-group select:focus,.cargo-order-details-page .form-group textarea:focus{outline:none;border-color:#ffd21f}.cargo-order-details-page .form-group textarea{resize:vertical;min-height:80px}.cargo-order-details-page .checkbox-group{margin:12px 0}.cargo-order-details-page .checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;font-weight:400;padding:8px 0}.cargo-order-details-page .checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ffd21f;flex-shrink:0}.cargo-order-details-page .form-actions-sticky{position:fixed;bottom:0;left:0;right:0;background:#071a33;border-top:1px solid #214867;padding:14px 20px;padding-bottom:calc(14px + env(safe-area-inset-bottom));z-index:15;box-shadow:0 -2px 8px #0000004d}.cargo-order-details-page .form-actions-sticky .button-primary{background:#ffd21f;color:#071a33;font-weight:800;padding:16px;border-radius:12px;width:100%;border:none;font-size:16px;cursor:pointer}.cargo-order-details-page .form-actions-sticky .button-primary:active{transform:scale(.98)}@media(max-width:360px){.cargo-order-details-page .page-header h1{font-size:17px}.cargo-order-details-page .form-section h3{font-size:16px}}.map{height:56vh;min-height:360px;border-radius:20px;background:linear-gradient(135deg,#b6d8c4,#dbe6d1);color:#123;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative;overflow:hidden}.map:before{content:"";position:absolute;inset:0;background:linear-gradient(25deg,transparent 48%,#fff8 49%,#fff8 51%,transparent 52%),linear-gradient(110deg,transparent 48%,#fff8 49%,#fff8 51%,transparent 52%);background-size:120px 120px}.map>*{position:relative}.field{background:#0d2744;color:#fff;justify-content:flex-start;margin:8px 0}.offer{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.offer button{grid-column:1/-1}.offer span{font-size:12px;color:#bdcde0}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(3,1fr);background:#071a33;border-top:1px solid #214867;padding:8px 12px;z-index:5}nav button{background:transparent;color:#9fb2c7;padding:6px;font-size:11px;flex-direction:column;gap:3px}nav button.active{color:#ffd21f}.form-label{display:block;color:#ffd21f;font-weight:700;margin:14px 0 6px;font-size:14px}.form-input{background:#0d2744;color:#fff;border:1px solid #2a4d6f;border-radius:10px;padding:12px;width:100%;direction:rtl;font-family:inherit;font-size:15px;margin-bottom:4px}.form-input:focus{outline:none;border-color:#ffd21f}textarea.form-input{resize:vertical;min-height:60px}.error-msg{color:#ff6b6b;font-size:13px;margin:4px 0 10px;font-weight:600}.order-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:4px}.type-btn{background:#0d2744;color:#fff;padding:12px 8px;font-size:14px;font-weight:600;border-radius:10px;width:100%;border:2px solid transparent;transition:all .2s}.type-btn:hover{background:#173e5d}.type-btn.selected{background:#ffd21f;color:#071a33;border-color:#ffd21f}.checkbox-label{display:flex;align-items:center;gap:10px;margin:16px 0;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ffd21f}.checkbox-label span{color:#fff;font-size:14px}.payment-method{background:#0d2744;padding:14px;border-radius:10px;border:2px solid #ffd21f}.payment-method strong{display:block;color:#ffd21f;margin-bottom:4px;font-size:16px}.payment-method p{margin:4px 0 0;color:#c3d3e4;font-size:13px}.address-summary{margin:12px 0}.address-item{background:#0d2744;padding:10px;border-radius:8px;margin:6px 0;font-size:14px}.address-item strong{color:#ffd21f;margin-left:8px}.success-card{background:#1a4d2e;border-color:#2d7a4a;text-align:center}.success-card h2{color:#4ade80;margin:8px 0;font-size:22px}.success-card p{color:#a7f3d0}.summary-row{display:flex;justify-content:space-between;align-items:start;padding:10px 0;border-bottom:1px solid #1a3b57;gap:12px}.summary-row:last-child{border-bottom:none}.summary-row .label{color:#9fb2c7;font-size:14px;font-weight:600;flex-shrink:0}.summary-row .value{color:#fff;font-size:14px;text-align:left;word-break:break-word}.info-note{background:#183e5d;border:1px solid #2a5577;border-radius:12px;padding:14px;margin:16px 0;text-align:center}.info-note p{color:#c3d3e4;margin:0;font-size:13px;line-height:1.5}.searching-card{text-align:center;padding:28px 18px}.searching-animation{position:relative;width:120px;height:120px;margin:0 auto 24px}.pulse-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #ffd21f;border-radius:50%;animation:pulse 2s ease-out infinite}.pulse-ring.delay-1{animation-delay:.4s}.pulse-ring.delay-2{animation-delay:.8s}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.3);opacity:0}}.search-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.searching-status{color:#ffd21f;font-size:16px;font-weight:600;margin:12px 0}.dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.dialog-box{background:#102e4d;border:2px solid #214867;border-radius:16px;padding:24px;max-width:400px;width:100%}.dialog-box h3{margin:0 0 12px;color:#ffd21f;font-size:20px}.dialog-box p{color:#c3d3e4;margin:0 0 20px;line-height:1.6}.dialog-actions{display:flex;flex-direction:column;gap:10px}.offer-card{position:relative;padding:20px;margin:12px 0}.offer-card.best-offer{border:2px solid #ffd21f;background:#113554}.best-badge{position:absolute;top:-10px;right:16px;background:#ffd21f;color:#071a33;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:800}.courier-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.courier-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:#0d2744;display:flex;align-items:center;justify-content:center;flex-shrink:0}.courier-avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:32px}.courier-info h3{margin:0 0 4px;font-size:18px;color:#fff}.courier-stats{display:flex;gap:8px;align-items:center;font-size:13px;color:#9fb2c7}.offer-details{background:#0d2744;border-radius:10px;padding:12px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #1a3b57}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#9fb2c7;font-size:14px}.detail-row .value{color:#fff;font-size:14px;font-weight:600}.detail-row .value.price{color:#ffd21f;font-size:16px}.offer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.undo-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#102e4d;border:2px solid #ffd21f;border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:12px;z-index:50;box-shadow:0 4px 12px #0000004d;max-width:90%;width:min(400px,90%)}.undo-toast span{color:#fff;flex:1;font-size:14px}.undo-toast button{width:auto;padding:8px 16px;font-size:13px}.cargo-order-details .modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #214867;margin-bottom:20px}.cargo-order-details h2{margin:0;font-size:22px;color:#ffd21f}.close-button{background:transparent;color:#9fb2c7;font-size:32px;padding:4px;width:auto;line-height:1;min-width:auto}.cargo-form{display:flex;flex-direction:column;gap:16px}.cargo-form .form-group{margin:0}.cargo-form .form-group label{display:block;color:#ffd21f;font-weight:700;margin-bottom:8px;font-size:14px}.cargo-form .form-group input,.cargo-form .form-group select,.cargo-form .form-group textarea{background:#0d2744;color:#fff;border:1px solid #2a4d6f;border-radius:10px;padding:12px;width:100%;font-family:inherit;font-size:14px}.cargo-form .form-group input:focus,.cargo-form .form-group select:focus,.cargo-form .form-group textarea:focus{outline:none;border-color:#ffd21f}.cargo-form .form-group select{direction:rtl}.cargo-form .checkbox-group{margin:12px 0}.cargo-form .checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;font-weight:400}.cargo-form .checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ffd21f}.cargo-form .form-section{border-top:1px solid #2a4d6f;padding-top:16px;margin-top:16px}.cargo-form .form-section h3{color:#ffd21f;font-size:16px;margin:0 0 12px}.cargo-form .form-actions{display:flex;gap:10px;margin-top:20px}.cargo-form .button-secondary{background:#0d2744;color:#fff}.cargo-form .button-primary{background:#ffd21f;color:#071a33}@media(min-width:600px){body{padding:20px}.shell{border-radius:22px;overflow:hidden;background:#071a33;box-shadow:0 10px 40px #0005}}@media(max-width:360px){.offer-actions{grid-template-columns:1fr}.courier-header{flex-direction:column;text-align:center}.best-badge{right:50%;transform:translate(50%)}.service-grid{grid-template-columns:1fr;gap:14px;max-width:320px;margin-left:auto;margin-right:auto}.service-card{padding:24px 16px}.service-icon-img{height:110px}}.map-picker{position:relative}.map-toolbar{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;gap:8px}.map-back-button{position:absolute;z-index:3;top:12px;left:12px}.map-back-button .back-button{background:#fff;color:#071a33;width:44px;height:44px;padding:8px;font-size:24px;border-radius:12px;box-shadow:0 2px 8px #0003}.search{display:flex;align-items:center;background:#fff;color:#234;border-radius:12px;padding:4px 10px;flex:1}.search input{border:0;outline:0;min-width:0;flex:1;padding:8px}.search button{padding:8px;width:auto;border-radius:8px}.icon-btn{width:46px;padding:8px}.map-canvas{height:62vh;min-height:430px;border-radius:18px;background:#d9e3db}.center-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);color:#d33;pointer-events:none}.confirm-map{position:absolute;bottom:16px;left:18px;right:18px;width:auto}.map-error{height:62vh;min-height:430px;border-radius:18px;background:#173554;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px}.map-error svg{color:#ffd21f}.map-error small{color:#c3d3e4}.page-title{display:flex;align-items:center;gap:8px}.page-title h1{flex:1}.back{width:44px;padding:8px;background:transparent;color:#fff}.trip-summary{background:#183e5d;color:#ffd21f;padding:14px;border-radius:10px;margin:14px 0;text-align:center;font-weight:700}.progress-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:4px;padding:16px 8px;background:#0d2744;border-radius:12px}.progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:16px;right:-50%;width:100%;height:2px;background:#2a4d6f;z-index:0}.progress-step.active:not(:last-child):after{background:#ffd21f}.progress-dot{width:32px;height:32px;border-radius:50%;background:#2a4d6f;color:#9fb2c7;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;position:relative;z-index:1;border:2px solid #0d2744}.progress-step.active .progress-dot{background:#ffd21f;color:#071a33}.progress-step.current .progress-dot{animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.progress-label{font-size:11px;color:#9fb2c7;text-align:center;line-height:1.2}.progress-step.active .progress-label{color:#ffd21f;font-weight:600}@media(max-width:360px){.progress-bar{gap:2px;padding:12px 4px}.progress-dot{width:28px;height:28px;font-size:12px}.progress-label{font-size:10px}}.delivery-code-card{background:#183e5d;border:2px solid #ffd21f;border-radius:14px;padding:20px;margin:16px 0;text-align:center}.delivery-code-card h3{margin:0 0 12px;color:#ffd21f;font-size:18px}.delivery-code{font-size:48px;font-weight:800;color:#ffd21f;letter-spacing:8px;margin:16px 0;font-family:monospace}.code-warning{color:#ffb84d;font-size:13px;margin:12px 0 0;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-content{background:#102e4d;border:2px solid #214867;border-radius:16px;padding:28px;max-width:420px;width:100%;box-shadow:0 8px 32px #00000080}.modal-content h2{margin:0 0 8px;color:#ffd21f;font-size:22px;text-align:center}.modal-description{color:#c3d3e4;margin:0 0 24px;text-align:center;line-height:1.5}.code-input-wrapper{margin:20px 0}.code-input{background:#0d2744;color:#fff;border:2px solid #2a4d6f;border-radius:12px;padding:20px;width:100%;text-align:center;font-size:36px;font-weight:800;letter-spacing:12px;font-family:monospace}.code-input:focus{outline:none;border-color:#ffd21f}.code-input::placeholder{color:#4a5d72;letter-spacing:8px}.error-message{background:#4d1a1a;border:1px solid#8b2e2e;border-radius:8px;padding:12px;margin:12px 0;color:#ffb3b3;font-size:14px;text-align:center}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.btn-primary{background:#ffd21f;color:#071a33}.btn-secondary{background:transparent;border:1px solid #4a5d72;color:#9fb2c7}.delivery-success-screen{padding:20px 0}.success-header{text-align:center;margin-bottom:32px}.success-icon-large{width:100px;height:100px;margin:0 auto 16px;background:#1a4d2e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:56px;color:#4ade80}.success-header h1{margin:12px 0 8px;font-size:26px;color:#4ade80}.success-subtitle{color:#c3d3e4;margin:0}.order-summary-card{background:#102e4d;border:1px solid #214867;border-radius:14px;padding:20px;margin:20px 0}.success-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.rating-modal .rating-stars{display:flex;justify-content:center;gap:8px;margin:24px 0}.rating-modal .star{background:transparent;color:#4a5d72;font-size:48px;padding:8px;width:auto;border:none;transition:color .2s}.rating-modal .star.active{color:#ffd21f}.rating-modal .star:hover{color:#ffd21f;transform:scale(1.1)}.rating-label{text-align:center;min-height:24px;color:#ffd21f;font-size:16px;font-weight:600;margin-bottom:16px}.form-group{margin:20px 0}.form-group label{display:block;color:#ffd21f;font-weight:700;margin-bottom:8px;font-size:14px}.form-group textarea{background:#0d2744;color:#fff;border:1px solid #2a4d6f;border-radius:10px;padding:12px;width:100%;font-family:inherit;font-size:14px;resize:vertical}.form-group textarea:focus{outline:none;border-color:#ffd21f}.char-count{text-align:left;color:#9fb2c7;font-size:12px;margin-top:4px}.toast-message{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#1a4d2e;border:2px solid#4ade80;border-radius:12px;padding:16px 24px;z-index:300;color:#a7f3d0;font-weight:600;box-shadow:0 4px 16px #0006;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.my-orders-screen{padding:20px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:80px;margin-bottom:16px}.empty-state h2{margin:12px 0 8px;font-size:22px}.empty-state p{color:#9fb2c7;margin:0}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#102e4d;border:1px solid #214867;border-radius:14px;padding:18px}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.order-id{font-weight:700;color:#ffd21f;font-size:15px}.order-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-delivered{background:#1a4d2e;color:#4ade80}.status-cancelled{background:#4d1a1a;color:#ffb3b3}.order-info{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.info-row{display:flex;justify-content:space-between;font-size:14px}.info-row .label{color:#9fb2c7}.info-row .value{color:#fff}.info-row .value.price{color:#ffd21f;font-weight:600}.rating-display{color:#ffd21f}.btn-view-details{background:#0d2744;color:#fff;font-size:14px;padding:12px}.order-details-screen{padding:20px}.back-button{background:transparent;color:#ffd21f;width:auto;padding:8px 16px;font-size:18px;justify-content:flex-start}.order-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.order-details-header h2{margin:0;font-size:22px}.status-badge{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700}.details-section{background:#102e4d;border:1px solid #214867;border-radius:14px;padding:20px;margin:16px 0}.details-section h2{margin:0 0 16px;font-size:18px;color:#ffd21f}.details-grid{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #1a3b57}.detail-item:last-child{border-bottom:none}.detail-item.full-width{flex-direction:column;gap:4px}.detail-item .label{color:#9fb2c7;font-size:13px;font-weight:600}.detail-item .value{color:#fff;font-size:14px;text-align:left;word-break:break-word}.rating-display-large{text-align:center;padding:12px}.rating-display-large .stars{font-size:32px;color:#ffd21f;margin-bottom:12px}.rating-comment{color:#c3d3e4;margin:12px 0;line-height:1.6;font-style:italic}.rating-date{color:#9fb2c7;font-size:12px;margin:8px 0 0}.error-state{text-align:center;padding:60px 20px}.error-state h2{margin:12px 0 24px;font-size:20px}.btn-simulate{background:#4a1d8b;color:#d4b3ff;margin-top:16px;font-size:14px}.account-screen{padding:20px;max-width:560px;margin:0 auto}.account-header{text-align:center;padding:32px 20px;background:#102e4d;border-radius:16px;margin-bottom:24px}.account-logo{width:100px;height:100px;margin:0 auto 16px;background:#0d2744;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:56px}.account-name{margin:12px 0 8px;font-size:24px;color:#fff}.account-phone{color:#9fb2c7;margin:0;font-size:16px}.account-section{background:#102e4d;border:1px solid #214867;border-radius:14px;padding:20px;margin:16px 0}.account-section h2{margin:0 0 16px;font-size:18px;color:#ffd21f}.account-action-btn{background:#0d2744;color:#fff;padding:14px 16px;border-radius:10px;display:flex;align-items:center;gap:12px;width:100%;margin-bottom:10px;transition:all .2s}.account-action-btn:last-child{margin-bottom:0}.account-action-btn:not(:disabled):hover{background:#173e5d}.action-icon{font-size:20px;flex-shrink:0}.action-text{flex:1;text-align:right;font-size:15px;font-weight:600}.coming-soon{color:#9fb2c7;font-size:12px;font-weight:400;flex-shrink:0}.placeholder-content{display:flex;flex-direction:column;gap:12px}.placeholder-text{color:#9fb2c7;text-align:center;margin:8px 0;font-size:14px}.btn-logout{background:#4d1a1a;color:#ffb3b3;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.btn-logout:hover{background:#6b2424}.page-with-nav{min-height:100vh;display:flex;flex-direction:column;max-width:560px;margin:0 auto;background:#071a33}.page-header{height:60px;display:flex;align-items:center;gap:12px;padding:0 20px;background:#071a33;border-bottom:1px solid #214867;position:sticky;top:0;z-index:10}.page-header .back-button{background:transparent;color:#ffd21f;width:auto;padding:8px;font-size:24px;min-width:40px}.page-header h1{margin:0;font-size:20px;color:#fff;flex:1}.page-content{flex:1;padding:20px;padding-bottom:calc(84px + env(safe-area-inset-bottom));overflow-y:auto}.account-content,.order-details-content{padding-bottom:20px}@media(max-width:360px){.delivery-code{font-size:36px;letter-spacing:4px}.code-input{font-size:28px;letter-spacing:8px;padding:16px}.success-icon-large{width:80px;height:80px;font-size:44px}.rating-modal .star{font-size:40px}.details-grid{gap:8px}.detail-item{flex-direction:column;gap:4px}.account-logo{width:80px;height:80px;font-size:44px}.account-name{font-size:20px}.page-header h1{font-size:18px}}.addresses-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.address-card{background:#102e4d;border:1px solid #214867;border-radius:14px;padding:18px}.address-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.address-label{display:flex;align-items:center;gap:8px}.label-icon{font-size:20px}.label-text{color:#ffd21f;font-weight:700;font-size:15px}.default-badge{background:#1a4d2e;color:#4ade80;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}.address-text{color:#fff;font-size:14px;margin:8px 0;line-height:1.5}.address-notes{color:#9fb2c7;font-size:13px;margin:8px 0;font-style:italic}.address-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.address-action-btn{background:#0d2744;color:#fff;padding:8px 14px;border-radius:8px;font-size:13px;width:auto;font-weight:600}.address-action-btn:hover{background:#173e5d}.address-action-btn.danger{background:#4d1a1a;color:#ffb3b3}.address-action-btn.danger:hover{background:#6b2424}.btn-add-address{background:#ffd21f;color:#071a33;padding:16px;font-size:16px;font-weight:800;border-radius:12px;margin-top:20px}.btn-danger{background:#8b2e2e;color:#ffb3b3;font-weight:700}.btn-danger:hover{background:#a33939}.account-email{color:#9fb2c7;margin:4px 0 0;font-size:14px}.edit-profile-form{display:flex;flex-direction:column;gap:16px;margin:20px 0}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.modal-fullscreen{max-width:100%;width:100%;height:90vh;padding:0}.modal-fullscreen .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #214867}.modal-fullscreen .modal-header h2{margin:0;font-size:18px}.btn-close{background:transparent;color:#9fb2c7;width:auto;padding:8px;font-size:32px;line-height:1}.address-preview{background:#0d2744;border-radius:12px;padding:16px;margin:20px 0;display:flex;align-items:center;gap:12px}.preview-icon{font-size:32px;flex-shrink:0}.preview-text{flex:1}.preview-text strong{display:block;color:#ffd21f;margin-bottom:6px;font-size:14px}.preview-text p{margin:0;color:#fff;font-size:13px;line-height:1.4}.btn-change-location{background:#173e5d;color:#ffd21f;padding:8px 16px;font-size:13px;width:auto;border:1px solid #2a5577}.address-type-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn-mark-all-read{background:transparent;color:#ffd21f;padding:6px 12px;font-size:13px;width:auto;font-weight:600;border:1px solid #ffd21f;border-radius:8px}.notifications-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.notification-card{background:#102e4d;border:1px solid #214867;border-radius:12px;padding:14px;display:flex;gap:12px;cursor:pointer;transition:all .2s;position:relative}.notification-card:hover{background:#173e5d;border-color:#2a5577}.notification-card.unread{border-color:#ffd21f;background:#173554}.notification-icon{font-size:32px;flex-shrink:0}.notification-content{flex:1}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.notification-title{margin:0;color:#fff;font-size:15px;font-weight:700}.notification-time{color:#9fb2c7;font-size:11px}.notification-message{margin:0;color:#c3d3e4;font-size:13px;line-height:1.4}.unread-indicator{display:inline-block;background:#ffd21f;color:#071a33;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;margin-top:6px}.btn-delete-notification{background:transparent;color:#9fb2c7;font-size:24px;padding:4px 8px;width:auto;border:none;cursor:pointer;flex-shrink:0;line-height:1}.btn-delete-notification:hover{color:#ff6b6b}.btn-clear-all{background:#4d1a1a;color:#ffb3b3;padding:12px;font-size:14px;font-weight:600;margin-top:10px}.pricing-breakdown{background:#0d2744;border:2px solid #ffd21f;padding:18px;border-radius:12px}.pricing-breakdown h3{color:#ffd21f;font-size:18px;margin:0 0 16px}.pricing-breakdown .summary-row{padding:8px 0;border-bottom:1px solid#1a3b57}.pricing-breakdown .summary-row:last-child{border-bottom:none;padding-bottom:0}.pricing-breakdown .total-row{border-top:2px solid#ffd21f;padding-top:12px;margin-top:8px}.pricing-breakdown .total-row .label,.pricing-breakdown .total-row .value{font-size:16px}.pricing-breakdown .payment-method{background:#102e4d;border:1px solid#2a5577;padding:12px;border-radius:8px;margin-top:16px;text-align:center}.pricing-breakdown .payment-method span{color:#c3d3e4;font-size:14px}.floor-info{color:#9fb2c7;font-size:13px}.home-slider-container{width:100%;padding:0 18px;margin:20px 0}.home-slider{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000004d;border:1px solid rgba(255,210,31,.2);background:#071a33}.slider-track{display:flex;height:100%;transition:transform .5s ease-in-out}.slider-slide{min-width:100%;height:100%;position:relative}.slide-image-container{width:100%;height:100%;position:relative}.slide-image{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.slide-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#071a331a,#071a334d);pointer-events:none}.slide-content{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(180deg,transparent 0%,rgba(7,26,51,.9) 100%);color:#fff;z-index:2}.slide-title{font-size:22px;font-weight:800;color:#ffd21f;margin:0 0 8px;line-height:1.3}.slide-subtitle{font-size:14px;color:#c3d3e4;margin:0 0 16px;line-height:1.5}.slide-button{background:#ffd21f;color:#071a33;font-weight:800;padding:12px 24px;border-radius:12px;font-size:14px;border:none;cursor:pointer;transition:all .2s}.slide-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #ffd21f66}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#071a33b3;color:#ffd21f;border:1px solid rgba(255,210,31,.3);width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slider-arrow:hover{background:#071a33e6;border-color:#ffd21f;transform:translateY(-50%) scale(1.1)}.slider-arrow:active{transform:translateY(-50%) scale(.95)}.slider-arrow-prev{left:12px}.slider-arrow-next{right:12px}.slider-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.slider-dot{width:10px;height:10px;border-radius:50%;background:#fff6;border:1px solid rgba(255,255,255,.6);cursor:pointer;transition:all .3s;padding:0}.slider-dot:hover{background:#fff9;transform:scale(1.2)}.slider-dot.active{background:#ffd21f;border-color:#ffd21f;width:28px;border-radius:5px}@media(prefers-reduced-motion:reduce){.slider-track,.slider-arrow,.slider-dot{transition:none!important}}@media(max-width:480px){.home-slider-container{padding:0 14px;margin:16px 0}.home-slider{border-radius:16px}.slider-arrow{width:38px;height:38px;font-size:18px}.slider-arrow-prev{left:8px}.slider-arrow-next{right:8px}.slide-content{padding:18px}.slide-title{font-size:18px}.slide-subtitle{font-size:13px}.slide-button{padding:10px 20px;font-size:13px}.slider-dots{bottom:12px;gap:8px}.slider-dot{width:8px;height:8px}.slider-dot.active{width:24px}}@media(max-width:360px){.home-slider-container{padding:0 12px;margin:14px 0}.home-slider{border-radius:14px}.slider-arrow{width:36px;height:36px;font-size:16px}.slide-content{padding:16px}.slide-title{font-size:16px}.slide-subtitle{font-size:12px}.slide-button{padding:8px 16px;font-size:12px}.slider-dots{bottom:10px;gap:6px}.slider-dot{width:7px;height:7px}.slider-dot.active{width:20px}}.order-start-screen{padding:var(--space-5) var(--space-4);animation:fadeIn .3s ease}.order-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-3);background:var(--color-navy-800);border-radius:var(--radius-lg);border:1px solid var(--color-navy-700)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.progress-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:var(--color-navy-700);color:var(--color-gray-400);border:2px solid var(--color-navy-600);transition:all .3s ease}.progress-step.active .progress-circle{background:var(--color-primary);color:var(--color-navy-900);border-color:var(--color-primary);box-shadow:0 0 12px #ffd21f66}.progress-label{font-size:12px;color:var(--color-gray-400);font-weight:600}.progress-step.active .progress-label{color:var(--color-primary)}.progress-line{width:32px;height:2px;background:var(--color-navy-600);margin:0 var(--space-1);margin-bottom:20px}.order-section{margin-bottom:var(--space-5)}.section-title{font-size:18px;font-weight:700;color:var(--color-white);margin:0 0 var(--space-4) 0}.location-selector-card{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--color-navy-800);border:2px solid var(--color-navy-700);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:right}.location-selector-card:hover{background:var(--color-navy-700);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.location-selector-card:active{transform:translateY(0)}.location-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.location-icon.pickup{background:#22c55e26;color:var(--color-success)}.location-icon.delivery{background:#3b82f626;color:var(--color-info)}.location-selector-card:hover .location-icon{transform:scale(1.1)}.location-content{flex:1;min-width:0}.location-label{display:block;font-size:13px;font-weight:600;color:var(--color-gray-400);margin-bottom:var(--space-1)}.location-address{font-size:15px;font-weight:600;color:var(--color-white);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.location-placeholder{font-size:14px;color:var(--color-gray-500);margin:0}.location-arrow{color:var(--color-gray-500);flex-shrink:0;transition:all .3s ease}.location-selector-card:hover .location-arrow{color:var(--color-primary);transform:translate(-4px)}.location-divider{display:flex;justify-content:center;margin:var(--space-3) 0;color:var(--color-gray-500)}.order-summary-box{margin-top:var(--space-5);padding:var(--space-4);background:linear-gradient(135deg,var(--color-navy-800) 0%,var(--color-navy-900) 100%);border:1px solid var(--color-navy-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-navy-700)}.summary-row:last-of-type{border-bottom:none}.summary-row.highlight{padding-top:var(--space-4);margin-top:var(--space-2);border-top:2px solid var(--color-navy-700)}.summary-label{font-size:14px;color:var(--color-gray-400);font-weight:600}.summary-value{font-size:16px;color:var(--color-white);font-weight:700}.summary-row.highlight .summary-label{color:var(--color-primary);font-size:15px}.summary-row.highlight .summary-value{color:var(--color-primary);font-size:20px}.btn-continue{width:100%;margin-top:var(--space-4);padding:var(--space-4);background:var(--color-primary);color:var(--color-navy-900);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:700;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .3s ease}.btn-continue:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ffd21f66}.btn-continue:active{transform:translateY(0)}.btn-continue svg{transition:transform .3s ease}.btn-continue:hover svg{transform:translate(-4px)}.location-selection-screen{animation:fadeIn .3s ease}.location-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-navy-900);border-bottom:1px solid var(--color-navy-700);position:sticky;top:0;z-index:10}.location-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-navy-800);border:1px solid var(--color-navy-700);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;transition:all .3s ease;flex-shrink:0}.location-back-btn:hover{background:var(--color-navy-700);border-color:var(--color-primary);color:var(--color-primary)}.location-title{font-size:18px;font-weight:700;color:var(--color-white);margin:0;flex:1}.saved-addresses-picker{padding:var(--space-5) var(--space-4)}.picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.picker-title{color:var(--color-white);font-size:18px;margin:0;font-weight:700}.picker-count{font-size:13px;color:var(--color-gray-400);background:var(--color-navy-800);padding:4px 12px;border-radius:var(--radius-full);font-weight:600}.saved-addresses-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.saved-address-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-navy-800);border:2px solid var(--color-navy-700);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:right;width:100%}.saved-address-card:hover{background:var(--color-navy-700);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.saved-address-card.selected{background:#ffd21f1a;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.address-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-navy-700);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.saved-address-card.selected .address-icon-wrapper{background:#ffd21f26}.address-info{flex:1;min-width:0}.address-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.address-name{font-size:15px;font-weight:700;color:var(--color-white)}.address-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:#22c55e26;color:var(--color-success)}.address-text{font-size:13px;color:var(--color-gray-400);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.address-check{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.divider-with-text{text-align:center;color:var(--color-gray-500);font-size:14px;margin:var(--space-5) 0;position:relative;font-weight:600}.divider-with-text span{background:var(--color-navy-900);padding:0 var(--space-3);position:relative;z-index:1}.divider-with-text:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-navy-700)}.btn-map-select{width:100%;padding:var(--space-4);background:var(--color-navy-800);border:2px solid var(--color-navy-700);border-radius:var(--radius-md);color:var(--color-white);font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .3s ease}.btn-map-select:hover{background:var(--color-navy-700);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-map-select:active{transform:translateY(0)}.saved-addresses-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-4)}.empty-icon{color:var(--color-gray-600);opacity:.5}.empty-title{font-size:18px;font-weight:700;color:var(--color-white);margin:0}.empty-description{font-size:14px;color:var(--color-gray-400);margin:0;max-width:300px}.saved-addresses-empty .btn-primary{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.map-screen{display:flex;flex-direction:column;height:100%;animation:fadeIn .3s ease}.map-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-navy-900);border-bottom:1px solid var(--color-navy-700);position:sticky;top:0;z-index:10}.map-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-navy-800);border:1px solid var(--color-navy-700);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;transition:all .3s ease;flex-shrink:0}.map-back-btn:hover{background:var(--color-navy-700);border-color:var(--color-primary);color:var(--color-primary)}.map-title{font-size:18px;font-weight:700;color:var(--color-white);margin:0;flex:1}.map-picker-container{position:relative;flex:1;display:flex;flex-direction:column;background:var(--color-navy-900)}.map-search-bar{position:absolute;top:var(--space-4);left:var(--space-4);right:var(--space-4);z-index:10;display:flex;gap:var(--space-2)}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:var(--space-2);background:var(--color-white);border-radius:var(--radius-md);padding:0 var(--space-3);box-shadow:var(--shadow-lg)}.search-icon{color:var(--color-gray-500);flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:14px;padding:var(--space-3) 0;font-family:var(--font-family);color:var(--color-navy-900);background:transparent}.search-input::placeholder{color:var(--color-gray-500)}.search-btn{padding:var(--space-2) var(--space-3);background:var(--color-primary);color:var(--color-navy-900);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all .3s ease;white-space:nowrap}.search-btn:hover:not(:disabled){background:var(--color-primary-dark)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.locate-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:none;border-radius:var(--radius-md);color:var(--color-navy-900);cursor:pointer;box-shadow:var(--shadow-lg);transition:all .3s ease;flex-shrink:0}.locate-btn:hover:not(:disabled){background:var(--color-primary);transform:scale(1.05)}.locate-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.map-error-banner{position:absolute;top:76px;left:var(--space-4);right:var(--space-4);z-index:10;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#ef4444f2;color:var(--color-white);border-radius:var(--radius-md);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.map-canvas{flex:1;width:100%;min-height:400px;background:var(--color-gray-200)}.map-center-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);z-index:5;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,-110%)}}.map-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6);gap:var(--space-4);background:var(--color-navy-800)}.placeholder-icon{color:var(--color-gray-600);opacity:.5}.placeholder-title{font-size:18px;font-weight:700;color:var(--color-white);margin:0}.placeholder-description{font-size:14px;color:var(--color-gray-400);margin:0;max-width:320px;line-height:1.6}.map-actions{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);z-index:10}.btn-confirm-location{width:100%;padding:var(--space-4);background:var(--color-primary);color:var(--color-navy-900);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:700;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-xl);transition:all .3s ease}.btn-confirm-location:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #ffd21f80}.btn-confirm-location:active:not(:disabled){transform:translateY(0)}.btn-confirm-location:disabled{opacity:.6;cursor:not-allowed}@media(max-width:360px){.address-actions{flex-direction:column}.address-action-btn{width:100%}.address-type-buttons{grid-template-columns:1fr}.modal-fullscreen{height:95vh}.notification-bell{font-size:20px;padding:6px}.notification-badge{font-size:9px;padding:1px 4px;min-width:16px}.pricing-breakdown{padding:14px}.pricing-breakdown h3{font-size:16px}.pricing-breakdown .total-row .label,.pricing-breakdown .total-row .value{font-size:15px}.order-progress{gap:var(--space-1);padding:var(--space-3) var(--space-2)}.progress-circle{width:32px;height:32px;font-size:13px}.progress-label{font-size:11px}.progress-line{width:24px}.location-selector-card{padding:var(--space-3)}.location-icon{width:44px;height:44px}}.route-summary{display:flex;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;color:#16324f;background:#f4f8fb;border:1px solid #d7e4ee;font-size:13px;text-align:center}.maps-route-button,.confirm-receipt-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:0;border-radius:6px;color:#fff;background:#1769aa;cursor:pointer}.maps-route-button:disabled,.confirm-receipt-button:disabled{opacity:.55;cursor:not-allowed}.tracking-map-wrapper .maps-route-button{width:100%;margin-top:10px}.receipt-confirmation-card{display:grid;gap:12px;padding:16px;margin-top:16px;border:1px solid #d7e4ee;border-radius:6px;background:#fff}.receipt-confirmation-card h3,.receipt-confirmation-card p{margin:0}.nearby-couriers-map-card{margin:18px 0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#12385a,#0a2745);box-shadow:0 12px 30px #0000002e}.nearby-couriers-map-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#ffd21f}.nearby-couriers-map-header div{display:flex;flex-direction:column;gap:4px}.nearby-couriers-map-header strong{font-size:18px;color:#fff}.nearby-couriers-map-header span{font-size:13px;color:#a9c2dc}.nearby-couriers-map{height:280px;min-height:240px;border-radius:14px;overflow:hidden;background:#dcecf2}.nearby-couriers-map-legend{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;color:#c8d9ea;font-size:13px}.nearby-couriers-map-legend span{display:inline-flex;align-items:center;gap:5px}.nearby-couriers-map-error{margin:10px 0 0;color:#ffb4b4;font-size:13px}.account-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #f1c6c6;background:snow}.account-danger-zone h2,.account-danger-zone p{margin:0}.account-danger-zone p{margin-top:6px;color:#6b7280;font-size:13px}.btn-delete-account,.btn-delete-confirm,.btn-delete-cancel{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:6px;font:inherit;cursor:pointer}.btn-delete-account,.btn-delete-confirm{border:1px solid #b42318;color:#fff;background:#b42318}.btn-delete-cancel{border:1px solid #d1d5db;color:#374151;background:#fff}.btn-delete-account:disabled,.btn-delete-confirm:disabled,.btn-delete-cancel:disabled{opacity:.6;cursor:not-allowed}.delete-dialog-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#071a3385}.delete-dialog{position:relative;width:min(100%,460px);padding:28px;border:1px solid #f1c6c6;border-radius:10px;background:#fff;box-shadow:0 18px 50px #071a3338;text-align:right}.delete-dialog h2,.delete-dialog p{margin:0}.delete-dialog h2{margin-top:14px;color:#7f1d1d}.delete-dialog p{margin-top:12px;color:#4b5563;line-height:1.8}.delete-dialog__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#b42318;background:#fee4e2}.delete-dialog__close{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:34px;height:34px;border:0;color:#6b7280;background:transparent;cursor:pointer}.delete-dialog__error{padding:10px 12px;border:1px solid #f1c6c6;border-radius:6px;color:#991b1b!important;background:#fff1f2}.delete-dialog__actions{display:flex;justify-content:flex-start;gap:10px;margin-top:22px}.delete-account-public{display:grid;place-items:center;min-height:100vh;padding:24px;background:#f4f8fb;color:#16324f}.delete-account-public__card{width:min(100%,680px);padding:32px;border:1px solid #d7e4ee;border-radius:10px;background:#fff;box-shadow:0 12px 32px #16324f1a}.delete-account-public__eyebrow{color:#1769aa;font-weight:700}.delete-account-public__card h1{margin:12px 0}.delete-account-public__card p{line-height:1.9}.delete-account-public__notice{margin:20px 0;padding:18px 20px;border:1px solid #f1c6c6;border-radius:8px;background:snow}.delete-account-public__notice h2{margin:0 0 10px;font-size:18px}.delete-account-public__notice li{margin:8px 0;line-height:1.7}.delete-account-public__link{display:inline-flex;text-decoration:none}@media(max-width:560px){.account-danger-zone,.delete-dialog__actions{align-items:stretch;flex-direction:column}.btn-delete-account,.btn-delete-confirm,.btn-delete-cancel{width:100%}.delete-account-public__card,.delete-dialog{padding:22px}}