@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1e293b;background:#f8fafc;--primary: #0284c7;--primary-dark: #0369a1;--accent-orange: #6366f1;--background: #f8fafc;--card: #ffffff;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--blue: #2563eb;--green: #16a34a;--orange: #ea580c;--amber: #d97706;--red: #dc2626;--radius-pill: 999px;--radius-card: 18px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{max-width:418px;margin:0 auto;min-height:100vh;background:var(--background);box-shadow:0 10px 40px #0f172a14;position:relative}.app-shell{max-width:418px;margin:0 auto;min-height:100vh;background:var(--background);padding-bottom:84px}main{padding:16px}.stack{display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;color:var(--text);box-shadow:0 4px 12px #0f172a0a}.page-title{font-size:1.35rem;font-weight:700;color:var(--text);margin:4px 0 8px}.profile-hero-card{background:var(--card);border-radius:18px;padding:20px;color:var(--text);border:1px solid var(--border);box-shadow:0 8px 20px #0f172a0a;display:flex;flex-direction:column;gap:14px}.profile-hero-main{display:flex;align-items:center;gap:14px}.profile-avatar-circle{width:48px;height:48px;border-radius:50%;background:#0284c714;display:flex;align-items:center;justify-content:center;border:1px solid var(--primary)}.profile-info{flex:1}.profile-info h1{margin:0;font-size:1.15rem;font-weight:700;color:var(--text)}.profile-phone{margin:2px 0 0;font-size:.85rem;color:var(--muted);font-weight:500}.profile-hero-status{align-self:flex-start}.status-toggle-card{display:flex;flex-direction:column;gap:10px;background:var(--card)}.status-label{font-size:.8rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.status-toggle-pill{display:flex;background:#0f172a0a;border-radius:999px;padding:4px;border:1px solid var(--border)}.status-pill-btn{flex:1;border:0;background:transparent;padding:10px 14px;font-size:.88rem;font-weight:800;cursor:pointer;border-radius:999px;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--muted);text-align:center}.status-pill-btn.active.offline{background:#ef444426;color:#ef4444;box-shadow:0 2px 8px #ef444426}.status-pill-btn.active.online{background:var(--primary);color:#fff;box-shadow:0 4px 10px #0284c740}.metric-card{display:flex;flex-direction:column;gap:6px;border-left:4px solid var(--primary)}.metric-title{font-size:.8rem;font-weight:700;color:var(--muted)}.metric-val{font-size:1.3rem;font-weight:800;color:var(--text)}h1,h2{margin:.1rem 0 .6rem;color:var(--text)}.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;background:var(--primary);color:#fff;font-size:.95rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{opacity:.95;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-full{width:100%}.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-outline:hover{background:#ffffff0a}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--muted)}.big-action-btn-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:0;border-radius:14px;padding:16px;font-weight:900;font-size:1.05rem;cursor:pointer;box-shadow:0 4px 15px #0284c733;transition:all .2s ease;text-align:center}.big-action-btn-gradient:hover{opacity:.95;box-shadow:0 6px 20px #14b8a659;transform:translateY(-1px)}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:800;line-height:1}.badge-neutral{background:#f1f5f9;color:#475569}.badge-blue{background:#e0f2fe;color:#0369a1}.badge-green{background:#e0f7f6;color:#0f766e}.badge-amber{background:#fef3c7;color:#b45309}.badge-red{background:#fee2e2;color:#b91c1c}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--background)}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#f4f6fb}.not-found-card{width:100%;max-width:390px;padding:34px 25px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 14px 36px #0f172a1a;text-align:center}.not-found-logo{justify-content:center;margin-bottom:21px}.not-found-icon{display:inline-grid;place-items:center;width:56px;height:56px;margin-bottom:16px;border-radius:18px;background:#e0f2fe;color:#0284c7}.not-found-card h1{margin:0 0 8px;color:var(--text);font-size:1.35rem;letter-spacing:-.025em}.not-found-card p{margin:0 auto 23px;color:var(--muted);font-size:.86rem;line-height:1.58}.not-found-card .btn{min-width:190px}.auth-page .card{width:100%;max-width:390px}.auth-page label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-weight:800}.auth-page input{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;padding:13px}.toast-alert{position:fixed;top:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:398px;padding:12px 16px;border-radius:10px;color:#fff;font-weight:700;font-size:.88rem;z-index:2000;box-shadow:0 10px 25px #00000026;animation:slideInDown .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center}.toast-alert.success{background:#10b7b2}.toast-alert.error{background:#dc2626}.courier-toast-container{position:fixed;z-index:20000;right:16px;bottom:16px;display:grid;gap:9px;width:min(390px,calc(100vw - 32px))}.courier-toast{display:grid;grid-template-columns:28px 1fr 22px;gap:9px;align-items:start;padding:12px;border:1px solid #dce5ef;border-left:4px solid #0284c7;border-radius:12px;background:#fff;color:#23344c;box-shadow:0 14px 30px #0f172a29}.courier-toast.success{border-left-color:#16a34a}.courier-toast.warning{border-left-color:#d97706}.courier-toast.error{border-left-color:#dc2626}.courier-toast-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e0f2fe;color:#0369a1;font-weight:900}.courier-toast.success .courier-toast-icon{background:#dcfce7;color:#15803d}.courier-toast.warning .courier-toast-icon{background:#fef3c7;color:#b45309}.courier-toast.error .courier-toast-icon{background:#fee2e2;color:#b91c1c}.courier-toast strong{display:block;font-size:.8rem}.courier-toast small{display:block;margin-top:2px;color:#64748b;font-size:.7rem}.courier-toast button{border:0;background:transparent;color:#64748b;font-size:1rem;cursor:pointer}.courier-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:16px;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.courier-support-modal{display:grid;gap:12px;width:min(100%,390px);padding:20px;border-radius:18px;background:#fff;box-shadow:0 22px 48px #0f172a40}.courier-support-modal>div{display:flex;justify-content:space-between;align-items:center}.courier-support-modal h2{margin:0;font-size:1.05rem}.courier-support-modal>div button{border:0;background:transparent;font-size:1.3rem;cursor:pointer}.courier-support-modal label{display:grid;gap:5px;color:#475569;font-size:.76rem;font-weight:800}.courier-support-modal input,.courier-support-modal select,.courier-support-modal textarea{width:100%;padding:10px;border:1px solid #dbe3ed;border-radius:9px;color:#1e293b}@keyframes slideInDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.courier-empty-state{text-align:center;padding:48px 16px;color:var(--muted);background:#fff;border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:0 4px 12px #0f172a05}.empty-icon-circle{width:80px;height:80px;border-radius:50%;background:#f0fdfa;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.courier-empty-state h2{font-size:1.15rem;font-weight:800;color:var(--text);margin-bottom:6px}.courier-empty-state p{font-size:.9rem;color:var(--muted);margin:0}.order-card-modern{background:#fff;border:1px solid #e5eef0;border-radius:18px;padding:20px;box-shadow:0 10px 30px #0f766e0f;display:flex;flex-direction:column;gap:14px}.order-header-row{display:flex;justify-content:space-between;align-items:center}.order-number-badge{font-weight:900;font-size:1rem;color:var(--text)}.order-body-info{display:flex;flex-direction:column;gap:10px}.order-info-item{display:flex;flex-direction:column}.info-label{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.info-val{font-weight:700;font-size:.92rem;color:var(--text)}.info-subval{font-size:.8rem;color:var(--muted);margin-top:1px}.order-footer-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:12px;margin-top:4px}.order-price{font-weight:900;font-size:1.15rem;color:var(--primary-dark)}.stepper-checklist-card{background:#fff}.section-title-modern{font-size:1rem;font-weight:800;color:var(--text);margin-bottom:16px;border-left:3px solid var(--primary);padding-left:8px}.vertical-stepper{display:flex;flex-direction:column;gap:0}.stepper-step{display:flex;gap:14px}.stepper-line-container{display:flex;flex-direction:column;align-items:center}.stepper-bubble{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;z-index:2;transition:all .3s ease}.stepper-bar-line{width:2px;flex-grow:1;background:#e2e8f0;margin:4px 0}.stepper-step.completed .stepper-bubble{background:var(--primary);color:#fff}.stepper-step.completed .stepper-bar-line{background:var(--primary)}.stepper-step.current .stepper-bubble{background:var(--primary);color:#fff;box-shadow:0 0 0 3px #14b8a633}.stepper-step-content{padding-bottom:16px;flex:1}.step-label{font-weight:800;font-size:.88rem;color:var(--text);display:block}.step-desc{margin:2px 0 0;font-size:.78rem;color:var(--muted)}.stepper-step:last-child .stepper-step-content{padding-bottom:0}.route-anim-card{padding:16px 20px 24px;background:#fff}.progress-route-container{position:relative;margin-top:12px}.progress-route-track{height:6px;background:#e2e8f0;border-radius:3px;position:relative;margin-bottom:16px}.progress-route-fill{height:100%;background:var(--primary);border-radius:3px;position:absolute;left:0;top:0;transition:width .4s ease}.progress-motorcycle-rider{position:absolute;top:-8px;transition:left .4s ease;z-index:5;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000001f;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.riding-animation{animation:shakeRide .3s infinite ease-in-out}@keyframes shakeRide{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.progress-route-points{display:flex;justify-content:space-between;position:relative}.route-point{display:flex;flex-direction:column;align-items:center;gap:4px;width:60px}.point-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;z-index:3}.route-point.active .point-dot{background:var(--primary);box-shadow:0 0 0 2px #10b7b233}.point-label{font-size:.72rem;font-weight:800;color:var(--muted)}.route-point.active .point-label{color:var(--primary-dark)}.info-details-card{background:#fff}.partner-name-text{display:block;font-size:1.05rem;font-weight:800;color:var(--text);margin-bottom:4px}.info-address-text{font-size:.85rem;color:var(--muted);line-height:1.4;margin:0 0 10px}.info-phone-link{display:inline-block;font-size:.88rem;font-weight:700;color:var(--primary);text-decoration:none}.customer-note-callout{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px;margin-bottom:12px;font-size:.82rem}.customer-note-callout strong{color:#b45309}.customer-note-callout p{margin:2px 0 0;color:#78350f}.order-items-list{display:flex;flex-direction:column;gap:8px}.order-item-row{display:flex;flex-direction:column;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.order-item-row:last-child{border-bottom:0;padding-bottom:0}.order-item-desc{display:flex;justify-content:space-between;font-size:.9rem}.item-qty{font-weight:800;color:var(--primary-dark)}.item-name{font-weight:600;color:var(--text)}.item-options{font-size:.78rem;color:var(--muted);margin-top:1px}.notice{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:10px;padding:12px;font-weight:800}.notice.error{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid .card span{color:var(--muted)}.grid .card strong{display:block;font-size:1.3rem;margin-top:8px}.actions{display:flex;flex-direction:column;gap:12px}.order p{margin:.35rem 0;color:#6b7280}.order>div:first-child{display:flex;justify-content:space-between;gap:10px}.state{text-align:center;padding:40px 14px;color:#6b7280}.state-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}small{color:#6b7280}@media (min-width:760px){body{background:#eef1f4}.app-shell{min-height:100vh}.bottom-nav{bottom:0}}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translate(-50%);max-width:386px;width:calc(100% - 32px);height:64px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);z-index:20;box-shadow:0 8px 30px #0f172a14}.bottom-nav a{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;color:#64748b;font-weight:700;font-size:.68rem;transition:all .2s ease;outline:none!important;border:none!important;text-decoration:none}.bottom-nav a.active{color:var(--primary)!important;font-weight:800;border:none!important;outline:none!important}.bottom-nav a.active svg{color:var(--primary)!important;transform:translateY(-2px) scale(1.05)}.bottom-nav a svg{width:24px;height:24px;transition:all .2s ease}.login-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;min-height:100vh;width:100vw;background:#f4f6fb}.login-brand-panel{flex:1.3;background:linear-gradient(135deg,#0f172a 0%,var(--primary-dark) 50%,var(--primary) 100%);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand-panel:before{content:"";position:absolute;top:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(20,184,166,.15) 0%,transparent 70%);filter:blur(40px)}.login-brand-panel .brand{border-bottom:none;padding:0;margin:0}.login-brand-panel .brand-logo-text{font-size:1.5rem;letter-spacing:.15em;text-transform:uppercase;font-family:Inter,sans-serif;color:#fff}.login-brand-panel .brand-logo-text .logo-light{font-weight:300}.login-brand-panel .brand-logo-text .logo-bold{font-weight:950}.login-brand-content{max-width:480px;margin:auto 0}.login-brand-content h2{font-size:2.2rem;font-weight:800;line-height:1.25;margin-bottom:16px;color:#fff;letter-spacing:-.02em}.login-brand-content p{font-size:1.05rem;color:#ccfbf1;line-height:1.6;font-weight:400}.login-brand-footer{font-size:.85rem;color:#99f6e4;font-weight:500;opacity:.8}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#f4f6fb;position:relative}.glass-card{width:100%;max-width:420px;background:#fffffff2;border-radius:20px;padding:40px;box-shadow:0 20px 40px -15px #0f766e1a;border:1px solid rgba(255,255,255,.8)}.glass-card h1{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:8px;letter-spacing:-.01em}.glass-card p{font-size:.92rem;color:#475569;margin-bottom:28px}.logo-text{letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;font-family:inherit}.logo-light{font-weight:300}.logo-bold{font-weight:800}.lang-switcher{display:flex;background:#e2e8f0;border-radius:999px;padding:3px;border:1px solid #cbd5e1;width:fit-content}.lang-btn{border:0;background:transparent;padding:4px 12px;font-size:.75rem;font-weight:700;cursor:pointer;color:#475569;border-radius:999px;transition:all .2s ease}.lang-btn.active{background:var(--primary);color:#fff!important;box-shadow:0 1px 3px #0000001a}.btn-login{background:var(--primary)!important;color:#fff!important;width:100%;padding:12px;border:0;border-radius:8px;font-weight:800;cursor:pointer;transition:background .2s ease}.btn-login:hover{background:#0f766e!important}.btn-login:disabled{background:#94a3b8!important;cursor:not-allowed}@media (max-width: 900px){.login-brand-panel{display:none}.login-form-panel{padding:24px}.glass-card{padding:32px 24px}}