:root{--color-bg: #0a0a0f;--color-bg-elevated: #111118;--color-surface: #16161f;--color-surface-alt: #1c1c28;--color-border: #2a2a3a;--color-border-red: rgba(230, 57, 70, .35);--color-red: #e63946;--color-red-light: #ff4d5e;--color-red-dark: #c0303e;--color-red-glow: rgba(230, 57, 70, .4);--color-red-subtle: rgba(230, 57, 70, .08);--color-white: #ffffff;--color-text: #f0f0f5;--color-text-muted: #8b8ba0;--color-text-dim: #5a5a72;--color-gold: #f5c518;--color-gold-dim: #8a7a30;--color-success: #22c55e;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 50%;--shadow-glow: 0 0 40px var(--color-red-glow), 0 0 80px rgba(230, 57, 70, .15);--shadow-glow-sm: 0 0 20px rgba(230, 57, 70, .25);--shadow-card: 0 2px 16px rgba(0, 0, 0, .3);--shadow-btn: 0 4px 24px rgba(230, 57, 70, .35);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}a{color:var(--color-red-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-red)}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;border:none;outline:none;background:none;color:inherit}.page{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;display:flex;flex-direction:column}.logo{display:inline-flex;align-items:baseline;gap:.15em;font-size:var(--font-xl);font-weight:700;letter-spacing:-.02em}.logo-sos{color:var(--color-white)}.logo-cle{color:var(--color-red)}.logo-pro{display:inline-flex;align-items:center;justify-content:center;padding:.15em .5em;margin-left:.4em;font-size:.55em;font-weight:800;color:var(--color-white);background:var(--color-red);border-radius:.25em;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;position:relative;top:-.1em}.logo--large{font-size:var(--font-2xl)}.login-header{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg) var(--space-lg)}.login-key-container{display:flex;justify-content:center;padding:var(--space-lg) 0}.login-key-ring{position:relative;width:120px;height:120px}.login-key-ring:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:var(--radius-full);border:1.5px solid rgba(230,57,70,.2);animation:key-ring-pulse 3s ease-in-out infinite}.login-key-ring:after{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:var(--radius-full);border:1px solid rgba(230,57,70,.08);animation:key-ring-pulse 3s ease-in-out infinite .5s}.login-key-circle{width:120px;height:120px;border-radius:var(--radius-full);background:radial-gradient(circle at 40% 35%,#e6394633,#e6394614);border:1.5px solid rgba(230,57,70,.3);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.login-key-circle svg{width:50px;height:50px;fill:var(--color-red);filter:drop-shadow(0 0 12px rgba(230,57,70,.5))}.login-hero{text-align:center;padding:var(--space-md) var(--space-xl)}.login-hero__title{font-size:var(--font-2xl);font-weight:700;line-height:1.25;margin-bottom:var(--space-sm);letter-spacing:-.02em}.login-hero__title span{color:var(--color-red)}.login-hero__subtitle{font-size:var(--font-sm);color:var(--color-text-muted)}.login-phone{padding:var(--space-xl) var(--space-lg) var(--space-md)}.login-phone-wrapper{display:flex;align-items:center;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-fast)}.login-phone-wrapper:focus-within{border-color:var(--color-red);box-shadow:0 0 0 3px #e639461a}.login-phone__prefix{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);font-size:var(--font-sm);font-weight:600;color:var(--color-text);flex-shrink:0;cursor:default;-webkit-user-select:none;user-select:none}.login-phone__flag{font-size:1.4rem;line-height:1}.login-phone__chevron{font-size:var(--font-xs);color:var(--color-text-dim);margin-left:-.15rem}.login-phone__input{flex:1;padding:var(--space-lg) var(--space-md);font-size:var(--font-lg);font-weight:500;letter-spacing:.04em;color:var(--color-text);background:transparent;border:none;outline:none}.login-phone__input::placeholder{color:var(--color-text-dim);font-weight:400;letter-spacing:.02em}.login-cta{padding:var(--space-md) var(--space-lg)}.login-cta__btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:1rem;border-radius:var(--radius-xl);background:var(--color-red);color:var(--color-white);font-size:var(--font-base);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-btn)}.login-cta__btn:hover:not(:disabled){background:var(--color-red-light);transform:translateY(-1px);box-shadow:0 6px 30px #e6394666}.login-cta__btn:active:not(:disabled){transform:translateY(0)}.login-cta__btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.login-cta__btn svg{width:22px;height:22px;fill:var(--color-white)}.login-features{display:flex;justify-content:center;gap:var(--space-2xl);padding:var(--space-xl) var(--space-lg)}.login-feature{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.login-feature__icon{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-red-subtle);display:flex;align-items:center;justify-content:center}.login-feature__icon svg{width:20px;height:20px;fill:var(--color-red)}.login-feature__label{font-size:var(--font-xs);color:var(--color-text-muted);line-height:1.3;max-width:80px}.login-divider{display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-lg)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-divider__text{font-size:var(--font-sm);color:var(--color-text-dim)}.login-call{padding:var(--space-md) var(--space-lg)}.login-call__btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:.875rem;border-radius:var(--radius-xl);background:transparent;border:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.login-call__btn:hover{border-color:var(--color-red);background:var(--color-red-subtle)}.login-call__btn svg{width:20px;height:20px;fill:var(--color-success)}.login-illustration{position:relative;height:140px;overflow:hidden;margin-top:auto}.login-illustration__city{position:absolute;bottom:0;left:0;right:0;height:120px;opacity:.15}.login-illustration__van{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:180px;opacity:.9}.login-privacy{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) var(--space-xl);font-size:var(--font-xs);color:var(--color-text-dim);text-align:center}.login-privacy svg{width:14px;height:14px;fill:var(--color-text-dim);flex-shrink:0}.spinner-inline{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:var(--radius-full);animation:spin .6s linear infinite}.login-error{margin:0 var(--space-lg);padding:.75rem 1rem;background:#e639461a;border:1px solid rgba(230,57,70,.3);border-radius:var(--radius-md);font-size:var(--font-sm);color:#ff6b7a;text-align:center}.dashboard__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg)}.dashboard__status{display:flex;align-items:center;gap:var(--space-sm);padding:.35rem .85rem;border:1px solid rgba(34,197,94,.3);border-radius:2rem;font-size:var(--font-sm);font-weight:500;color:var(--color-success)}.dashboard__status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);animation:status-dot-pulse 2s ease-in-out infinite}@keyframes status-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.dashboard__welcome{padding:var(--space-sm) var(--space-lg) var(--space-lg)}.dashboard__greeting{font-size:var(--font-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.dashboard__subtitle{font-size:var(--font-base);color:var(--color-text-muted)}.mission-incoming{padding:0 var(--space-lg);margin-bottom:var(--space-lg)}.mission-incoming__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.mission-incoming__section-title{font-size:var(--font-lg);font-weight:700}.mission-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .65rem;border-radius:2rem;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.mission-badge svg{width:12px;height:12px}.mission-badge--urgent{background:#e639461f;color:var(--color-red);border:1px solid rgba(230,57,70,.3)}.mission-badge--urgent svg{fill:var(--color-red)}.mission-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.mission-card__top{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-lg);padding-bottom:0}.mission-card__type{display:flex;align-items:center;gap:var(--space-md)}.mission-card__type-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-red-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mission-card__type-icon svg{width:22px;height:22px;fill:var(--color-red)}.mission-card__type-label{font-size:var(--font-base);font-weight:700}.mission-card__time{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:.1rem}.mission-card__price{font-size:var(--font-lg);font-weight:700;color:var(--color-white);text-align:right}.mission-card__location{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);padding-top:var(--space-md)}.mission-card__location>svg{width:20px;height:20px;fill:var(--color-red);flex-shrink:0}.mission-card__address{font-size:var(--font-sm);font-weight:600}.mission-card__city{font-size:var(--font-xs);color:var(--color-text-muted)}.mission-card__eta{display:flex;align-items:center;gap:.25rem;margin-left:auto;font-size:var(--font-sm);font-weight:600;color:var(--color-success);flex-shrink:0}.mission-card__eta svg{width:14px;height:14px;fill:var(--color-success)}.mission-card__details{display:flex;gap:var(--space-lg);padding:0 var(--space-lg);padding-bottom:var(--space-md)}.mission-card__detail{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-xs);color:var(--color-text-muted)}.mission-card__detail svg{width:14px;height:14px;fill:var(--color-text-muted)}.mission-card__actions{padding:var(--space-md) var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border)}.mission-card__accept{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:.875rem;border-radius:var(--radius-md);background:var(--color-red);color:var(--color-white);font-size:var(--font-base);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-btn)}.mission-card__accept:hover:not(:disabled){background:var(--color-red-light);transform:translateY(-1px)}.mission-card__accept:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.mission-card__accept svg{width:20px;height:20px;fill:var(--color-white)}.dashboard__hint{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-md) var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:var(--font-sm);color:var(--color-text-muted)}.dashboard__hint svg{width:18px;height:18px;fill:var(--color-text-muted);flex-shrink:0}.enroute-map{position:relative;margin:0}.enroute-map__image{width:100%;height:280px;object-fit:cover;display:block}.enroute-map__eta-overlay{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%)}.enroute-map__eta-badge{display:flex;align-items:center;gap:var(--space-sm);padding:.6rem 1.5rem;background:#0a0a0feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:2rem;font-size:var(--font-xl);font-weight:700;color:var(--color-white);box-shadow:var(--shadow-card)}.enroute-map__eta-badge svg{width:22px;height:22px;fill:var(--color-red)}.enroute-map__eta-time{white-space:nowrap}.enroute-map__van-pulse{position:absolute;top:42%;left:32%;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-success);box-shadow:0 0 #22c55e66;animation:van-pulse 2s ease-in-out infinite}@keyframes van-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}.enroute-status{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.enroute-status__indicator{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-success);animation:status-dot-pulse 2s ease-in-out infinite;flex-shrink:0}.enroute-status__content{display:flex;flex-direction:column}.enroute-status__title{font-size:var(--font-base);font-weight:700}.enroute-status__subtitle{font-size:var(--font-sm);color:var(--color-text-muted)}.enroute-cards{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.enroute-info-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.enroute-info-card__icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-red-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.enroute-info-card__icon svg{width:18px;height:18px;fill:var(--color-red)}.enroute-info-card__icon--green{background:#22c55e1a}.enroute-info-card__icon--green svg{fill:var(--color-success)}.enroute-info-card__content{flex:1}.enroute-info-card__label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.enroute-info-card__value{font-size:var(--font-base);font-weight:700}.enroute-info-card__sub{font-size:var(--font-xs);color:var(--color-text-muted)}.enroute-contact{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);margin:0 var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.enroute-contact__label{font-size:var(--font-sm);color:var(--color-text-muted)}.enroute-contact__btn{display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;background:var(--color-success);color:var(--color-white);border-radius:2rem;font-size:var(--font-sm);font-weight:600;transition:all var(--transition-fast);text-decoration:none}.enroute-contact__btn:hover{transform:scale(1.05);box-shadow:0 0 16px #22c55e4d;color:var(--color-white)}.enroute-contact__btn svg{width:16px;height:16px;fill:var(--color-white)}.enroute-actions{padding:var(--space-lg)}.enroute-arrived-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:1rem;border-radius:var(--radius-md);background:var(--color-success);color:var(--color-white);font-size:var(--font-base);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 24px #22c55e4d}.enroute-arrived-btn:hover{background:#2dd66b;transform:translateY(-1px)}.enroute-arrived-btn svg{width:20px;height:20px;fill:var(--color-white)}.bottom-nav{display:flex;justify-content:space-around;padding:var(--space-md) 0;border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:var(--font-xs);color:var(--color-text-dim);cursor:pointer;transition:color var(--transition-fast);padding:.25rem .5rem}.bottom-nav__item:hover{color:var(--color-text-muted)}.bottom-nav__item--active{color:var(--color-red)}.bottom-nav__item svg{width:22px;height:22px;fill:currentColor}@keyframes key-ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slide-up .5s ease forwards}.animate-in--delay-1{animation-delay:.1s;opacity:0}.animate-in--delay-2{animation-delay:.2s;opacity:0}.animate-in--delay-3{animation-delay:.3s;opacity:0}.animate-in--delay-4{animation-delay:.4s;opacity:0}.animate-in--delay-5{animation-delay:.5s;opacity:0}.animate-in--delay-6{animation-delay:.6s;opacity:0}.animate-in--delay-7{animation-delay:.7s;opacity:0}@media(max-width:380px){.login-hero__title{font-size:var(--font-xl)}.login-key-ring,.login-key-circle{width:100px;height:100px}.login-key-circle svg{width:40px;height:40px}.login-features{gap:var(--space-lg)}.dashboard__greeting{font-size:var(--font-2xl)}.enroute-map__image{height:220px}.mission-card__top{flex-direction:column;gap:var(--space-sm)}.mission-card__price{text-align:left}}