@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none;bottom:calc(var(--spacing-md) + var(--safe-area-bottom));left:var(--spacing-md);right:var(--spacing-md);max-width:none}@media(min-width:768px){.toast-container{top:calc(100px + var(--safe-area-top));bottom:auto;right:24px;left:auto;max-width:380px;width:100%;gap:var(--spacing-md)}}.toast{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm);box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;animation:toastSlideUp .4s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow:hidden;pointer-events:auto;border-left:4px solid}@media(min-width:768px){.toast{padding:var(--spacing-lg);gap:var(--spacing-md);border-radius:var(--radius-xl);animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1) forwards}}@keyframes toastSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{border-left-color:var(--status-completed);background:linear-gradient(135deg,#fff,#f0fdf4)}.toast--warning{border-left-color:var(--accent-gold);background:linear-gradient(135deg,#fff,#fffbeb)}.toast--error{border-left-color:var(--status-cancelled);background:linear-gradient(135deg,#fff,#fef2f2)}.toast--info{border-left-color:var(--status-transit);background:linear-gradient(135deg,#fff,#eff6ff)}.toast__content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.toast__title{font-size:var(--font-size-base);font-weight:800;color:var(--text-primary)}.toast__message{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.toast__close{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;touch-action:manipulation;margin:-.5rem -.25rem -.5rem 0}@media(min-width:768px){.toast__close{width:32px;height:32px;margin:0}}.toast__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast__close:active{transform:scale(.95)}.toast__progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;animation:toastProgress linear forwards;opacity:.3}.toast--success .toast__progress{background:var(--status-completed)}.toast--warning .toast__progress{background:var(--accent-gold)}.toast--error .toast__progress{background:var(--status-cancelled)}.toast--info .toast__progress{background:var(--status-transit)}@keyframes toastProgress{0%{width:100%}to{width:0%}}.install-prompt{position:fixed;bottom:calc(20px + var(--safe-area-bottom));left:20px;right:20px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026,0 0 0 1px var(--border-color);padding:var(--spacing-md);z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);max-width:400px;margin:0 auto}.install-prompt__content{display:flex;align-items:center;gap:var(--spacing-md)}.install-prompt__icon{width:40px;height:40px;background:var(--primary-red-light);color:var(--primary-red);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.install-prompt__text{display:flex;flex-direction:column}.install-prompt__title{font-weight:700;color:var(--text-primary);font-size:.95rem}.install-prompt__desc{font-size:.75rem;color:var(--text-secondary)}.install-prompt__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.install-prompt__btn{background:var(--primary-red);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.install-prompt__close{background:transparent;border:none;color:var(--text-muted);padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.animate-slide-up{animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + var(--safe-area-top));padding-bottom:calc(var(--spacing-md) + var(--safe-area-bottom));position:relative;overflow:hidden;background:var(--bg-primary)}@media(min-width:768px){.login{padding:var(--spacing-lg)}}.login__background{position:absolute;inset:0;z-index:0;overflow:hidden}.login__gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(245,158,11,.1) 0%,transparent 40%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.login__lightning{display:none}@media(min-width:640px){.login__lightning{display:block;position:absolute;top:10%;right:10%;width:120px;height:180px;opacity:.15;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;animation:lightningStrike 4s ease-in-out infinite}.login__lightning:before{content:"";position:absolute;top:50%;left:-100%;width:100px;height:140px;opacity:.1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dc2626'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;animation:lightningStrike 4s ease-in-out infinite 2s}}@media(min-width:768px){.login__lightning{width:200px;height:300px}.login__lightning:before{width:150px;height:200px}}.login__container{position:relative;z-index:1;width:100%;max-width:480px}.login__header{text-align:center;margin-bottom:var(--spacing-xl)}@media(min-width:768px){.login__header{margin-bottom:var(--spacing-2xl)}}.login__logo{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-red) 0%,var(--accent-orange) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);box-shadow:var(--shadow-glow);animation:electricPulse 3s ease-in-out infinite}@media(min-width:768px){.login__logo{width:90px;height:90px;border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg)}}.login__logo-icon{width:40px;height:40px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:lightning 2s ease-in-out infinite}@media(min-width:768px){.login__logo-icon{width:52px;height:52px}}.login__title{font-size:var(--font-size-3xl);font-weight:900;color:var(--text-primary);margin-bottom:var(--spacing-xs);letter-spacing:-.02em}@media(min-width:768px){.login__title{font-size:2.75rem;margin-bottom:var(--spacing-sm)}}.login__subtitle{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500}@media(min-width:768px){.login__subtitle{font-size:1.1rem}}.login__form{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}@media(min-width:768px){.login__form{border-radius:var(--radius-xl);padding:var(--spacing-xl)}}.login__form-title{font-size:var(--font-size-base);font-weight:600;text-align:center;margin-bottom:var(--spacing-md);color:var(--text-primary)}@media(min-width:768px){.login__form-title{font-size:1.125rem;margin-bottom:var(--spacing-lg)}}.login__roles{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}@media(min-width:768px){.login__roles{gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}}.login__role{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:var(--touch-target-min);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);text-align:left;transition:all var(--transition-normal);cursor:pointer;touch-action:manipulation}@media(min-width:768px){.login__role{gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg)}}@media(hover:hover){.login__role:hover{background:var(--bg-tertiary);transform:translate(4px)}}.login__role:active{transform:scale(.99)}.login__role--selected{border-color:var(--primary-red);background:var(--primary-red-light);box-shadow:var(--shadow-sm)}.login__role--gold.login__role--selected{border-color:var(--accent-gold);background:var(--accent-gold-light)}.login__role--blue.login__role--selected{border-color:var(--status-transit);background:var(--status-transit-bg)}.login__role-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-normal)}@media(min-width:768px){.login__role-icon{width:56px;height:56px;border-radius:var(--radius-md)}}.login__role--gold .login__role-icon{background:var(--accent-gold-light);color:var(--accent-gold)}.login__role--blue .login__role-icon{background:var(--status-transit-bg);color:var(--status-transit)}.login__role--red .login__role-icon{background:var(--primary-red-light);color:var(--primary-red)}.login__role--selected .login__role-icon{transform:scale(1.05)}.login__role-info{display:flex;flex-direction:column;min-width:0}.login__role-label{font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary)}@media(min-width:768px){.login__role-label{font-size:1rem}}.login__role-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.login__submit{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;min-height:var(--touch-target-min);background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);color:#fff;font-size:var(--font-size-base);font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);touch-action:manipulation}@media(min-width:768px){.login__submit{padding:1rem 1.5rem;font-size:1rem;letter-spacing:1px;border-radius:var(--radius-lg)}}@media(hover:hover){.login__submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-glow)}}.login__submit:active:not(:disabled){transform:translateY(-1px)}.login__submit:disabled{opacity:.5;cursor:not-allowed}.login__submit-loading{display:flex;align-items:center;gap:.5rem}.login__demo-note{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}@media(min-width:768px){.login__demo-note{gap:.5rem;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);font-size:.85rem}}.login__demo-note svg{color:var(--accent-gold);animation:lightning 2s ease-in-out infinite;flex-shrink:0}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,var(--primary-red),var(--accent-gold),var(--primary-red));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:var(--shadow-sm);padding-top:var(--safe-area-top)}.header__container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-md);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}@media(min-width:768px){.header__container{padding:0 var(--spacing-lg);gap:var(--spacing-lg)}}.header__brand{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform var(--transition-fast);min-height:var(--touch-target-min)}@media(min-width:768px){.header__brand{gap:.75rem}}@media(hover:hover){.header__brand:hover{transform:scale(1.02)}}.header__logo{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-red) 0%,var(--accent-orange) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;flex-shrink:0}@media(min-width:768px){.header__logo{width:44px;height:44px;border-radius:var(--radius-md)}}.header__logo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);animation:shimmer 3s infinite}.header__logo-icon{color:#fff;width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:lightning 3s ease-in-out infinite;position:relative;z-index:1}@media(min-width:768px){.header__logo-icon{width:26px;height:26px}}.header__title{font-size:var(--font-size-lg);font-weight:900;color:var(--text-primary);letter-spacing:-.02em}@media(min-width:768px){.header__title{font-size:1.5rem}}.header__online-status{display:none;align-items:center;gap:var(--spacing-sm)}@media(min-width:640px){.header__online-status{display:flex}}.header__online-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700}.header__online-item--motoboy{background:var(--status-transit-bg);color:var(--status-transit)}.header__online-item--merchant{background:var(--accent-gold-light);color:var(--accent-gold)}.header__nav{display:none;position:absolute;top:calc(100% + var(--safe-area-top));left:0;right:0;background:#fff;flex-direction:column;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + var(--safe-area-bottom));border-bottom:2px solid var(--primary-red);box-shadow:var(--shadow-lg);animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header__nav--open{display:flex}@media(min-width:768px){.header__nav{display:flex;position:static;flex-direction:row;gap:var(--spacing-xs);padding:0;border-bottom:none;box-shadow:none;background:transparent;animation:none}.header__nav--open{display:flex}}.header__nav-item{background:transparent;color:var(--text-secondary);padding:.875rem 1rem;min-height:var(--touch-target-min);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-fast);position:relative;display:flex;align-items:center;touch-action:manipulation}@media(min-width:768px){.header__nav-item{padding:.5rem 1rem;font-size:.95rem}}.header__nav-item:hover{color:var(--text-primary);background:var(--bg-secondary)}.header__nav-item--active{color:var(--primary-red);background:var(--primary-red-light)}.header__nav-item--active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:3px;background:var(--primary-red);border-radius:2px;display:none}@media(min-width:768px){.header__nav-item--active:after{display:block}}.header__user{display:flex;align-items:center;gap:var(--spacing-sm)}@media(min-width:768px){.header__user{gap:var(--spacing-md)}}.header__user-info{display:none;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}@media(min-width:1024px){.header__user-info{display:flex}}.header__user-info svg{color:var(--accent-gold)}.header__user-details{display:flex;flex-direction:column}.header__user-name{font-weight:700;font-size:.875rem;color:var(--text-primary)}.header__user-role{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.header__logout{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);touch-action:manipulation}@media(hover:hover){.header__logout:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:scale(1.05)}}.header__logout:active{transform:scale(.95);opacity:.9}.header__mobile-toggle{display:flex;width:var(--touch-target-min);height:var(--touch-target-min);align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);touch-action:manipulation}.header__mobile-toggle:active{transform:scale(.95);background:var(--bg-tertiary)}@media(min-width:768px){.header__mobile-toggle{display:none}}.header__actions-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.lightning-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;min-height:var(--touch-target-min);background:linear-gradient(135deg,var(--primary-red) 0%,var(--accent-orange) 100%);color:#fff;font-size:var(--font-size-base);font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-xl);cursor:pointer;border:none;position:relative;overflow:hidden;transition:all var(--transition-normal);box-shadow:0 8px 30px #dc262659;touch-action:manipulation;width:100%}@media(min-width:480px){.lightning-btn{width:auto;gap:.75rem;padding:1.125rem 2.25rem;font-size:1.15rem;letter-spacing:1px;border-radius:var(--radius-2xl)}}.lightning-btn:before{content:"";position:absolute;inset:-3px;background:linear-gradient(90deg,var(--lightning-yellow),var(--accent-gold),var(--primary-red),var(--accent-gold),var(--lightning-yellow));background-size:400% 100%;border-radius:calc(var(--radius-xl) + 3px);z-index:-1;animation:borderFlow 3s linear infinite;opacity:0;transition:opacity var(--transition-normal)}@media(min-width:480px){.lightning-btn:before{border-radius:calc(var(--radius-2xl) + 3px)}}.lightning-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}@media(hover:hover){.lightning-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 50px #dc262680,0 0 30px #f59e0b4d}.lightning-btn:hover:before{opacity:1}.lightning-btn:hover:after{left:100%}}.lightning-btn:active{transform:translateY(-2px) scale(.98);box-shadow:0 8px 30px #dc262666}.lightning-btn__icon{width:22px;height:22px;animation:lightning 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.6));flex-shrink:0}@media(min-width:480px){.lightning-btn__icon{width:28px;height:28px}}.lightning-btn--large{padding:1.125rem 2rem;font-size:var(--font-size-lg);border-radius:var(--radius-xl)}@media(min-width:480px){.lightning-btn--large{padding:1.375rem 3rem;font-size:1.25rem;border-radius:var(--radius-2xl)}}.lightning-btn--large .lightning-btn__icon{width:26px;height:26px}@media(min-width:480px){.lightning-btn--large .lightning-btn__icon{width:32px;height:32px}}.lightning-btn--small{padding:.75rem 1.25rem;font-size:var(--font-size-sm);border-radius:var(--radius-lg)}@media(min-width:480px){.lightning-btn--small{padding:.875rem 1.75rem;font-size:.95rem;border-radius:var(--radius-xl)}}.lightning-btn--small .lightning-btn__icon{width:18px;height:18px}@media(min-width:480px){.lightning-btn--small .lightning-btn__icon{width:22px;height:22px}}.lightning-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 16px #dc262633}.lightning-btn:disabled:before,.lightning-btn:disabled:after{display:none}.lightning-btn:disabled:hover{transform:none;box-shadow:0 4px 16px #dc262633}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;white-space:nowrap}@media(min-width:768px){.status-badge{gap:.5rem;padding:.375rem .875rem}}.status-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}@media(min-width:768px){.status-badge__dot{width:8px;height:8px}}.status-badge--waiting{background:var(--status-waiting-bg);color:var(--status-waiting);border-color:#d977064d}.status-badge--transit{background:var(--status-transit-bg);color:var(--status-transit);border-color:#2563eb4d}.status-badge--completed{background:var(--status-completed-bg);color:var(--status-completed);border-color:#16a34a4d}.status-badge--cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled);border-color:#dc26264d}.status-badge--pulse .status-badge__dot{animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 8px currentColor}.delivery-card{background:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-md);transition:all var(--transition-normal);animation:fadeIn .3s ease forwards;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden;cursor:pointer}@media(min-width:768px){.delivery-card{padding:var(--spacing-xl);border-radius:var(--radius-2xl)}}.delivery-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-gold),var(--primary-red),var(--accent-gold));background-size:200% 100%;opacity:0;transition:opacity var(--transition-normal)}.delivery-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;opacity:.05;transform:translate(30%,-30%);transition:all var(--transition-normal)}@media(min-width:768px){.delivery-card:after{width:150px;height:150px}}@media(hover:hover){.delivery-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.delivery-card:hover:before{opacity:1;animation:borderFlow 2s linear infinite}.delivery-card:hover:after{opacity:.1;transform:translate(20%,-20%) scale(1.2)}}.delivery-card:active{transform:scale(.99)}.delivery-card--in_transit{border-left:4px solid var(--status-transit)}@media(min-width:768px){.delivery-card--in_transit{border-left-width:5px}}.delivery-card--in_transit:after{background:radial-gradient(circle,var(--status-transit),transparent)}.delivery-card--in_transit:before{opacity:1;background:linear-gradient(90deg,var(--status-transit),var(--electric-cyan),var(--status-transit));animation:borderFlow 2s linear infinite;background-size:200% 100%}.delivery-card--waiting{border-left:4px solid var(--status-waiting)}@media(min-width:768px){.delivery-card--waiting{border-left-width:5px}}.delivery-card--waiting:after{background:radial-gradient(circle,var(--accent-gold),transparent)}.delivery-card--waiting:before{opacity:.7;background:linear-gradient(90deg,var(--accent-gold),var(--lightning-yellow),var(--accent-gold));animation:borderFlow 3s linear infinite;background-size:200% 100%}.delivery-card--completed{border-left:4px solid var(--status-completed)}@media(min-width:768px){.delivery-card--completed{border-left-width:5px}}.delivery-card--completed:after{background:radial-gradient(circle,var(--status-completed),transparent)}.delivery-card--cancelled{border-left:4px solid var(--status-cancelled);opacity:.6}@media(min-width:768px){.delivery-card--cancelled{border-left-width:5px}}.delivery-card__header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}@media(min-width:480px){.delivery-card__header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}}.delivery-card__time{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;background:var(--bg-secondary);padding:.375rem .75rem;border-radius:var(--radius-full);width:fit-content}.delivery-card__content{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:768px){.delivery-card__content{gap:var(--spacing-lg)}}.delivery-card__merchant{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:800;font-size:var(--font-size-base)}@media(min-width:768px){.delivery-card__merchant{gap:.75rem;font-size:1.1rem}}.delivery-card__merchant svg{color:var(--accent-gold);flex-shrink:0}.delivery-card__addresses{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-lg)}@media(min-width:768px){.delivery-card__addresses{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl)}}.delivery-card__address{display:flex;align-items:flex-start;gap:.625rem}@media(min-width:768px){.delivery-card__address{gap:.875rem}}.delivery-card__address .icon-pickup,.delivery-card__address .icon-delivery{flex-shrink:0;margin-top:2px;padding:5px;border-radius:var(--radius-sm);width:24px;height:24px}@media(min-width:768px){.delivery-card__address .icon-pickup,.delivery-card__address .icon-delivery{padding:6px;width:28px;height:28px;border-radius:var(--radius-md)}}.delivery-card__address .icon-pickup{color:var(--accent-gold);background:var(--accent-gold-light)}.delivery-card__address .icon-delivery{color:var(--primary-red);background:var(--primary-red-light)}.delivery-card__address div{display:flex;flex-direction:column;min-width:0}.delivery-card__address .label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.delivery-card__address .value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;word-break:break-word}@media(min-width:768px){.delivery-card__address .value{font-size:.95rem}}.delivery-card__motoboy{display:flex;align-items:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--status-transit-bg);border-radius:var(--radius-md);flex-wrap:wrap}@media(min-width:768px){.delivery-card__motoboy{gap:.75rem;padding:var(--spacing-md);border-radius:var(--radius-lg)}}.delivery-card__motoboy .label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:600}.delivery-card__motoboy .value{font-weight:800;color:var(--status-transit);font-size:var(--font-size-sm)}.delivery-card__star{color:var(--accent-gold);margin-left:auto}.delivery-card__value{display:flex;align-items:center;gap:.5rem;color:var(--status-completed);font-weight:900;font-size:var(--font-size-xl);background:var(--status-completed-bg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);width:fit-content}@media(min-width:768px){.delivery-card__value{font-size:1.5rem;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl)}}.delivery-card__value svg{width:18px;height:18px}@media(min-width:768px){.delivery-card__value svg{width:22px;height:22px}}.delivery-card__tracking{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}@media(min-width:480px){.delivery-card__tracking{flex-direction:row;align-items:center;gap:var(--spacing-md)}}.delivery-card__copy-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);min-height:var(--touch-target-min);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation}.delivery-card__copy-link:hover{background:var(--primary-red-light);border-color:var(--primary-red);color:var(--primary-red)}.delivery-card__copy-link:active{transform:scale(.98)}.delivery-card__tracking-code{font-family:monospace;font-size:var(--font-size-sm);font-weight:700;color:var(--text-muted);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);letter-spacing:1px}.delivery-card__priority-badge{background:linear-gradient(135deg,var(--accent-gold-light) 0%,#fef3c7 100%);color:var(--accent-gold);font-size:var(--font-size-xs);font-weight:800;padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid var(--accent-gold);animation:priorityPulse 2s ease-in-out infinite}@keyframes priorityPulse{0%,to{box-shadow:0 0 #eab30866}50%{box-shadow:0 0 0 8px #eab30800}}.delivery-card--priority{border-left:4px solid var(--accent-gold);box-shadow:0 4px 20px #eab30833}@media(min-width:768px){.delivery-card--priority{border-left-width:5px}}.delivery-card--priority:before{opacity:1;background:linear-gradient(90deg,var(--accent-gold),var(--lightning-yellow),var(--accent-gold));animation:borderFlow 1.5s linear infinite;background-size:200% 100%}.delivery-card__actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}@media(min-width:480px){.delivery-card__actions{flex-direction:row;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}}.delivery-card__actions button{flex:1;padding:var(--spacing-md) var(--spacing-lg);min-height:var(--touch-target-min);border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-base)}@media(min-width:768px){.delivery-card__actions button{border-radius:var(--radius-xl)}}.btn--favorite{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-fast);touch-action:manipulation}.btn--favorite:hover{background:var(--accent-gold-light);border-color:var(--accent-gold);color:var(--accent-gold)}.btn--favorite:active{transform:scale(.98)}.btn--favorite--active{background:var(--accent-gold);border-color:var(--accent-gold);color:#fff}.btn--favorite--active:hover{background:#d97706;border-color:#d97706;color:#fff}.live-map{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}@media(min-width:768px){.live-map{border-radius:var(--radius-xl)}}.live-map__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);min-height:var(--touch-target-min)}@media(min-width:768px){.live-map__header{padding:var(--spacing-md) var(--spacing-lg)}}.live-map__title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.live-map__title svg{color:var(--primary-red);flex-shrink:0}.live-map__count{font-size:var(--font-size-xs);color:var(--accent-gold);font-weight:700;background:var(--accent-gold-light);padding:.25rem .75rem;border-radius:var(--radius-full)}.live-map__container{position:relative;flex:1;min-height:200px;height:40vh;max-height:300px}@media(min-width:768px){.live-map__container{min-height:300px;height:350px;max-height:400px}}.live-map__iframe{width:100%;height:100%;border:none}.live-map__overlay{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:calc(100% - var(--spacing-lg));max-height:calc(100% - var(--spacing-lg));overflow-y:auto;overflow-x:hidden}@media(min-width:768px){.live-map__overlay{top:var(--spacing-md);left:var(--spacing-md);gap:var(--spacing-sm);max-width:280px;max-height:calc(100% - var(--spacing-xl))}}.live-map__marker-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-md);animation:slideIn .3s ease forwards;opacity:0}@media(min-width:768px){.live-map__marker-info{gap:.75rem;padding:.625rem .875rem}}.live-map__marker-info--waiting{border-left:3px solid var(--status-waiting)}.live-map__marker-info--in_transit{border-left:3px solid var(--status-transit)}@media(min-width:768px){.live-map__marker-info--waiting,.live-map__marker-info--in_transit{border-left-width:4px}}.live-map__marker-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:768px){.live-map__marker-icon{width:32px;height:32px}}.live-map__marker-info--waiting .live-map__marker-icon{background:var(--status-waiting-bg);color:var(--status-waiting)}.live-map__marker-info--in_transit .live-map__marker-icon{background:var(--status-transit-bg);color:var(--status-transit)}.live-map__marker-details{display:flex;flex-direction:column;min-width:0}.live-map__marker-merchant{font-size:var(--font-size-xs);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.live-map__marker-merchant{font-size:.85rem}}.live-map__marker-status{font-size:.65rem;color:var(--text-muted);font-weight:500}@media(min-width:768px){.live-map__marker-status{font-size:.7rem}}.live-map__more{padding:.375rem .625rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;font-weight:600;box-shadow:var(--shadow-sm)}@media(min-width:768px){.live-map__more{padding:.5rem .875rem}}.whatsapp-btn{position:fixed;z-index:999;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36666;transition:all var(--transition-normal);border:3px solid white;touch-action:manipulation;width:52px;height:52px;bottom:calc(16px + var(--safe-area-bottom));right:calc(16px + var(--safe-area-right))}@media(min-width:768px){.whatsapp-btn{width:60px;height:60px;bottom:24px;right:24px}}@media(hover:hover){.whatsapp-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 30px #25d36680}}.whatsapp-btn:active{transform:scale(.95)}.whatsapp-btn svg{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}@media(min-width:768px){.whatsapp-btn svg{width:28px;height:28px}}.merchant-home{width:100%;max-width:900px;margin:0 auto}.merchant-home__hero{text-align:center;padding:var(--spacing-xl) 0;position:relative}@media(min-width:768px){.merchant-home__hero{padding:var(--spacing-2xl) 0}}.merchant-home__hero:before,.merchant-home__hero:after{display:none}@media(min-width:640px){.merchant-home__hero:before{content:"";display:block;position:absolute;top:0;right:5%;width:60px;height:80px;opacity:.12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;animation:lightning 3s ease-in-out infinite}.merchant-home__hero:after{content:"";display:block;position:absolute;top:20%;left:3%;width:40px;height:55px;opacity:.08;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dc2626'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;animation:lightning 3s ease-in-out infinite 1s}}@media(min-width:768px){.merchant-home__hero:before{width:80px;height:100px}.merchant-home__hero:after{width:50px;height:70px}}.merchant-home__title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-xs);color:var(--text-primary)}@media(min-width:768px){.merchant-home__title{font-size:2.25rem;margin-bottom:var(--spacing-sm)}}.merchant-home__subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);font-weight:500}@media(min-width:768px){.merchant-home__subtitle{font-size:1.15rem;margin-bottom:var(--spacing-xl)}}.merchant-home__cta{display:flex;justify-content:center}.merchant-home__blocked{background:#fff;border:2px solid var(--status-cancelled);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;max-width:100%;margin:0 auto;box-shadow:0 8px 40px #dc262626}@media(min-width:480px){.merchant-home__blocked{max-width:400px;border-width:3px;border-radius:var(--radius-2xl);padding:var(--spacing-2xl)}}.merchant-home__blocked-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-red-light) 0%,#fef2f2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--status-cancelled)}@media(min-width:768px){.merchant-home__blocked-icon{width:90px;height:90px;margin-bottom:var(--spacing-lg)}}.merchant-home__blocked h2{color:var(--status-cancelled);margin-bottom:var(--spacing-xs);font-weight:800;font-size:var(--font-size-xl)}@media(min-width:768px){.merchant-home__blocked h2{margin-bottom:var(--spacing-sm)}}.merchant-home__blocked p{color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm)}.merchant-home__section{margin-bottom:var(--spacing-lg)}@media(min-width:768px){.merchant-home__section{margin-bottom:var(--spacing-xl)}}.merchant-home__section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary)}@media(min-width:768px){.merchant-home__section-title{gap:var(--spacing-md);font-size:1.25rem;margin-bottom:var(--spacing-lg)}}.merchant-home__badge{background:linear-gradient(135deg,var(--primary-red) 0%,var(--accent-orange) 100%);color:#fff;font-size:var(--font-size-xs);font-weight:700;padding:.25rem .625rem;border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite;box-shadow:0 4px 12px #dc26264d}@media(min-width:768px){.merchant-home__badge{padding:.375rem .875rem}}.merchant-home__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:#fff;border:2px dashed var(--border-strong);border-radius:var(--radius-xl);color:var(--text-muted)}@media(min-width:768px){.merchant-home__empty{gap:var(--spacing-lg);padding:var(--spacing-2xl);border-radius:var(--radius-2xl)}}.merchant-home__empty svg{color:var(--accent-gold);opacity:.4;animation:pulse 3s ease-in-out infinite}.merchant-home__empty p{font-weight:600;font-size:var(--font-size-base)}@media(min-width:768px){.merchant-home__empty p{font-size:1.1rem}}.merchant-home__deliveries{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:768px){.merchant-home__deliveries{gap:var(--spacing-lg)}}.merchant-home__history{background:#fff;border:none;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #00000014}@media(min-width:768px){.merchant-home__history{border-radius:var(--radius-2xl)}}.merchant-home__history-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer;min-height:var(--touch-target-min)}@media(min-width:480px){.merchant-home__history-item{flex-direction:row;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl)}}@media(hover:hover){.merchant-home__history-item:hover{background:var(--bg-secondary);padding-left:calc(var(--spacing-lg) + 4px)}@media(min-width:480px){.merchant-home__history-item:hover{padding-left:calc(var(--spacing-xl) + 4px)}}}.merchant-home__history-item:active{background:var(--bg-tertiary)}.merchant-home__history-item:last-child{border-bottom:none}.merchant-home__history-info{display:flex;flex-direction:column;gap:2px}.merchant-home__history-address{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}@media(min-width:768px){.merchant-home__history-address{font-size:1rem}}.merchant-home__history-time{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .2s ease-out forwards}.modal{background:#fff;width:100%;max-width:500px;border-radius:var(--radius-2xl);box-shadow:0 20px 50px #0003;overflow:hidden;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{padding:var(--spacing-lg);background:linear-gradient(to right,#fff,var(--bg-secondary));border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal__header h3{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.modal__header h3 svg{color:var(--accent-gold);fill:var(--accent-gold)}.modal__close{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal__close:hover{background:var(--bg-tertiary);display:flex}.modal__body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal__wait-notice{background:var(--status-transit-bg);color:var(--status-transit);padding:var(--spacing-md);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);border:1px solid rgba(37,99,235,.2)}.modal__wait-notice svg{flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.form-group textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;color:var(--text-primary);resize:none;transition:border-color .2s ease}.form-group textarea:focus{outline:none;border-color:var(--primary-red)}.form-hint{font-size:.75rem;color:var(--text-muted)}.modal__footer{padding:var(--spacing-lg);background:var(--bg-secondary);display:flex;justify-content:flex-end;gap:var(--spacing-md);border-top:1px solid var(--border-color)}.btn{border:none;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;font-size:.95rem}.btn--secondary{background:#fff;border:1px solid var(--border-strong);color:var(--text-secondary)}.btn--secondary:hover{background:var(--bg-tertiary)}.btn--primary{background:var(--primary-red);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.motoboy-home{width:100%;max-width:900px;margin:0 auto}.motoboy-home__stats{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media(min-width:480px){.motoboy-home__stats{grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}}.motoboy-home__earnings{margin-bottom:var(--spacing-lg)}@media(min-width:768px){.motoboy-home__earnings{margin-bottom:var(--spacing-xl)}}.earnings-card{background:linear-gradient(135deg,var(--status-completed) 0%,#15803d 100%);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;color:#fff;box-shadow:0 8px 30px #16a34a4d;position:relative;overflow:hidden}@media(min-width:768px){.earnings-card{border-radius:var(--radius-2xl);padding:var(--spacing-xl)}}.earnings-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:shine 3s linear infinite}@keyframes shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.earnings-card__label{display:block;font-size:var(--font-size-xs);font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}@media(min-width:768px){.earnings-card__label{font-size:.9rem;margin-bottom:var(--spacing-sm)}}.earnings-card__value{display:block;font-size:var(--font-size-3xl);font-weight:900;line-height:1;margin-bottom:var(--spacing-xs)}@media(min-width:768px){.earnings-card__value{font-size:3rem}}.earnings-card__count{display:block;font-size:var(--font-size-xs);opacity:.8}.stat-card{background:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;display:flex;flex-direction:column;gap:.375rem;box-shadow:0 4px 20px #00000014;transition:all var(--transition-normal);position:relative;overflow:hidden;cursor:pointer}@media(min-width:768px){.stat-card{padding:var(--spacing-xl);gap:.5rem;border-radius:var(--radius-2xl)}}.stat-card:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:150px;height:150px;border-radius:50%;opacity:.1;transition:all var(--transition-normal)}@media(min-width:768px){.stat-card:before{width:200px;height:200px}}.stat-card:first-child:before{background:radial-gradient(circle,var(--accent-gold),transparent)}.stat-card:last-child:before{background:radial-gradient(circle,var(--primary-red),transparent)}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px}@media(min-width:768px){.stat-card:after{height:4px}}.stat-card:first-child:after{background:linear-gradient(90deg,var(--accent-gold),var(--lightning-yellow))}.stat-card:last-child:after{background:linear-gradient(90deg,var(--primary-red),var(--accent-orange))}@media(hover:hover){.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000026}.stat-card:hover:before{opacity:.2;transform:translate(-50%) scale(1.3)}}.stat-card:active{transform:scale(.99)}.stat-card__value{font-size:var(--font-size-3xl);font-weight:900;line-height:1;position:relative;z-index:1}@media(min-width:768px){.stat-card__value{font-size:3.5rem}}.stat-card__value--money{color:var(--status-completed)}.stat-card__value--count{color:var(--status-transit)}.stat-card__label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:700;position:relative;z-index:1}.motoboy-home__section{margin-bottom:var(--spacing-lg)}@media(min-width:768px){.motoboy-home__section{margin-bottom:var(--spacing-xl)}}.motoboy-home__section--active{background:linear-gradient(135deg,#2563eb14,#2563eb05);border:2px solid var(--status-transit);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 4px 20px #2563eb26}@media(min-width:768px){.motoboy-home__section--active{border-radius:var(--radius-2xl);padding:var(--spacing-xl)}}.motoboy-home__section-title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-lg);font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary)}@media(min-width:768px){.motoboy-home__section-title{gap:.75rem;font-size:1.25rem;margin-bottom:var(--spacing-lg)}}.motoboy-home__section-title svg{color:var(--primary-red);flex-shrink:0}.motoboy-home__deliveries{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:768px){.motoboy-home__deliveries{gap:var(--spacing-lg)}}.motoboy-home__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:#fff;border:2px dashed var(--border-strong);border-radius:var(--radius-xl);text-align:center}@media(min-width:768px){.motoboy-home__empty{gap:var(--spacing-md);padding:var(--spacing-2xl);border-radius:var(--radius-2xl)}}.motoboy-home__empty svg{color:var(--accent-gold);opacity:.5;animation:pulse 2s ease-in-out infinite}.motoboy-home__empty p{color:var(--text-primary);font-weight:700;font-size:var(--font-size-base)}@media(min-width:768px){.motoboy-home__empty p{font-size:1.2rem}}.motoboy-home__empty span{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}.btn--gold{background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-orange) 100%);color:#fff;font-weight:700;box-shadow:0 4px 16px #f59e0b4d;border-radius:var(--radius-lg);min-height:var(--touch-target-min)}@media(min-width:768px){.btn--gold{border-radius:var(--radius-xl)}}@media(hover:hover){.btn--gold:hover{box-shadow:0 8px 30px #f59e0b80;transform:translateY(-3px)}}.btn--gold:active{transform:scale(.98)}.btn--success{background:linear-gradient(135deg,var(--status-completed) 0%,#15803d 100%);color:#fff;font-weight:700;box-shadow:0 4px 16px #16a34a4d;border-radius:var(--radius-lg);min-height:var(--touch-target-min)}@media(min-width:768px){.btn--success{border-radius:var(--radius-xl)}}@media(hover:hover){.btn--success:hover{box-shadow:0 8px 30px #16a34a80;transform:translateY(-3px)}}.btn--success:active{transform:scale(.98)}.btn--full{width:100%}.delivery-card__maps-actions{display:flex;gap:var(--spacing-sm);width:100%}.delivery-card__maps-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.motoboy-history{width:100%;max-width:1000px;margin:0 auto}.motoboy-history__overview{margin-bottom:var(--spacing-lg)}@media(min-width:768px){.motoboy-history__overview{margin-bottom:var(--spacing-xl)}}.earnings-cards-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:480px){.earnings-cards-row{grid-template-columns:repeat(2,1fr)}}.earnings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);min-height:80px}@media(min-width:768px){.earnings-card{border-radius:var(--radius-lg);padding:var(--spacing-lg)}}.earnings-card--main{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e4d;margin-bottom:var(--spacing-md)}.earnings-card__icon{width:48px;height:48px;background:#22c55e33;color:var(--status-completed);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:768px){.earnings-card__icon{width:60px;height:60px;border-radius:var(--radius-lg)}}.earnings-card__icon--today{width:40px;height:40px;background:#f4d03f26;color:var(--accent-gold)}@media(min-width:768px){.earnings-card__icon--today{width:48px;height:48px}}.earnings-card__icon--deliveries{width:40px;height:40px;background:#e6394626;color:var(--primary-red)}@media(min-width:768px){.earnings-card__icon--deliveries{width:48px;height:48px}}.earnings-card__content{display:flex;flex-direction:column;min-width:0}.earnings-card__label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}@media(min-width:768px){.earnings-card__label{font-size:.875rem}}.earnings-card__value{font-size:1.75rem;font-weight:900;color:var(--status-completed);line-height:1.1}@media(min-width:768px){.earnings-card__value{font-size:2rem}}.earnings-card--main .earnings-card__value{font-size:2rem}@media(min-width:768px){.earnings-card--main .earnings-card__value{font-size:2.5rem}}.earnings-card__value--small{font-size:1.25rem;color:var(--text-primary)}@media(min-width:768px){.earnings-card__value--small{font-size:1.5rem}}.motoboy-history__section{margin-bottom:var(--spacing-xl)}.motoboy-history__section-title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-lg);font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary)}@media(min-width:768px){.motoboy-history__section-title{font-size:1.25rem;margin-bottom:var(--spacing-lg)}}.motoboy-history__section-title svg{color:var(--primary-red);flex-shrink:0}.motoboy-history__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center}@media(min-width:768px){.motoboy-history__empty{padding:var(--spacing-2xl)}}.motoboy-history__table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto}@media(min-width:768px){.motoboy-history__table-wrapper{border-radius:var(--radius-lg)}}.motoboy-history__table{width:100%;min-width:600px;border-collapse:collapse}@media(min-width:768px){.motoboy-history__table{min-width:auto}}.motoboy-history__table th{text-align:left;padding:var(--spacing-md);background:var(--bg-tertiary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap}.motoboy-history__table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:.9rem}.motoboy-history__table tr:last-child td{border-bottom:none}@media(hover:hover){.motoboy-history__table tr:hover td{background:#ffffff05}}.motoboy-history__date{display:flex;flex-direction:column}.motoboy-history__date span:first-child{font-weight:600}.admin-dashboard{width:100%;max-width:var(--container-xl);margin:0 auto}.admin-dashboard__title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--spacing-lg);color:var(--text-primary)}@media(min-width:768px){.admin-dashboard__title{gap:.75rem;margin-bottom:var(--spacing-xl)}}.admin-dashboard__title svg{color:var(--accent-gold);animation:lightning 2s ease-in-out infinite;flex-shrink:0}.admin-dashboard__stats{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(min-width:480px){.admin-dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.admin-dashboard__stats{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}}.stat-box{background:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-normal);box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden;cursor:pointer}@media(min-width:768px){.stat-box{padding:var(--spacing-lg);gap:var(--spacing-lg);border-radius:var(--radius-2xl)}}@media(min-width:1024px){.stat-box{padding:var(--spacing-xl)}}.stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}@media(min-width:768px){.stat-box:before{height:4px}}.stat-box:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.08;transform:translate(30%,-30%);transition:all var(--transition-normal)}@media(min-width:768px){.stat-box:after{width:120px;height:120px}}@media(hover:hover){.stat-box:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000026}.stat-box:hover:after{opacity:.15;transform:translate(20%,-20%) scale(1.2)}}.stat-box:active{transform:scale(.99)}.stat-box__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}@media(min-width:768px){.stat-box__icon{width:56px;height:56px}}@media(min-width:1024px){.stat-box__icon{width:64px;height:64px;border-radius:var(--radius-xl)}}.stat-box__icon svg{width:22px;height:22px}@media(min-width:768px){.stat-box__icon svg{width:28px;height:28px}}.stat-box--primary:before{background:linear-gradient(90deg,var(--primary-red),var(--accent-orange))}.stat-box--primary:after{background:radial-gradient(circle,var(--primary-red),transparent)}.stat-box--primary .stat-box__icon{background:linear-gradient(135deg,var(--primary-red-light) 0%,#fef2f2 100%);color:var(--primary-red);box-shadow:0 4px 16px #dc262633}.stat-box--success:before{background:linear-gradient(90deg,var(--status-completed),#22c55e)}.stat-box--success:after{background:radial-gradient(circle,var(--status-completed),transparent)}.stat-box--success .stat-box__icon{background:linear-gradient(135deg,var(--status-completed-bg) 0%,#f0fdf4 100%);color:var(--status-completed);box-shadow:0 4px 16px #16a34a33}.stat-box--gold:before{background:linear-gradient(90deg,var(--accent-gold),var(--lightning-yellow))}.stat-box--gold:after{background:radial-gradient(circle,var(--accent-gold),transparent)}.stat-box--gold .stat-box__icon{background:linear-gradient(135deg,var(--accent-gold-light) 0%,#fffbeb 100%);color:var(--accent-gold);box-shadow:0 4px 16px #f59e0b33}.stat-box--blue:before{background:linear-gradient(90deg,var(--status-transit),var(--electric-cyan))}.stat-box--blue:after{background:radial-gradient(circle,var(--status-transit),transparent)}.stat-box--blue .stat-box__icon{background:linear-gradient(135deg,var(--status-transit-bg) 0%,#eff6ff 100%);color:var(--status-transit);box-shadow:0 4px 16px #2563eb33}.stat-box__content{display:flex;flex-direction:column;position:relative;z-index:1;min-width:0}.stat-box__value{font-size:var(--font-size-2xl);font-weight:900;color:var(--text-primary);line-height:1.1}@media(min-width:1024px){.stat-box__value{font-size:2rem}}.stat-box__label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:2px}@media(min-width:768px){.stat-box__label{margin-top:4px}}.admin-dashboard__section{margin-bottom:var(--spacing-lg)}@media(min-width:768px){.admin-dashboard__section{margin-bottom:var(--spacing-xl)}}.admin-dashboard__section-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media(min-width:480px){.admin-dashboard__section-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}}.admin-dashboard__section-header h2{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.admin-dashboard__section-header h2 svg{color:var(--accent-gold);flex-shrink:0}.btn--sm{padding:.625rem 1rem;min-height:var(--touch-target-min);font-size:var(--font-size-sm);border-radius:var(--radius-lg)}@media(min-width:768px){.btn--sm{padding:.625rem 1.25rem}}.admin-dashboard__table-wrapper{background:#fff;border:none;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #00000014;-webkit-overflow-scrolling:touch;overflow-x:auto}@media(min-width:768px){.admin-dashboard__table-wrapper{border-radius:var(--radius-2xl);overflow-x:visible}}.admin-dashboard__table{width:100%;min-width:600px;border-collapse:collapse}@media(min-width:768px){.admin-dashboard__table{min-width:auto}}.admin-dashboard__table th{text-align:left;padding:var(--spacing-md);background:var(--bg-secondary);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}@media(min-width:768px){.admin-dashboard__table th{padding:var(--spacing-lg)}}.admin-dashboard__table th:first-child{padding-left:var(--spacing-lg)}@media(min-width:768px){.admin-dashboard__table th:first-child{padding-left:var(--spacing-xl)}}.admin-dashboard__table th:last-child{padding-right:var(--spacing-lg)}@media(min-width:768px){.admin-dashboard__table th:last-child{padding-right:var(--spacing-xl)}}.admin-dashboard__table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-primary)}@media(min-width:768px){.admin-dashboard__table td{padding:var(--spacing-lg);font-size:.95rem}}.admin-dashboard__table td:first-child{padding-left:var(--spacing-lg)}@media(min-width:768px){.admin-dashboard__table td:first-child{padding-left:var(--spacing-xl)}}.admin-dashboard__table td:last-child{padding-right:var(--spacing-lg)}@media(min-width:768px){.admin-dashboard__table td:last-child{padding-right:var(--spacing-xl)}}.admin-dashboard__table tr:last-child td{border-bottom:none}.admin-dashboard__table tr{transition:background var(--transition-fast)}@media(hover:hover){.admin-dashboard__table tr:hover td{background:var(--bg-secondary)}}.admin-dashboard__date{font-weight:700;color:var(--text-primary)}.admin-dashboard__quick-stats{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:480px){.admin-dashboard__quick-stats{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.admin-dashboard__quick-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}}.quick-stat{background:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #00000014;transition:all var(--transition-normal);cursor:pointer;min-height:var(--touch-target-min)}@media(min-width:768px){.quick-stat{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-2xl)}}@media(hover:hover){.quick-stat:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}}.quick-stat:active{transform:scale(.99)}.quick-stat__label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.quick-stat__value{color:var(--accent-gold);font-weight:800;font-size:var(--font-size-lg);background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-management{width:100%;max-width:1000px;margin:0 auto}.user-management__title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--spacing-lg);color:var(--text-primary)}@media(min-width:768px){.user-management__title{gap:.75rem;margin-bottom:var(--spacing-xl)}}.user-management__title svg{color:var(--primary-red);flex-shrink:0}.user-management__tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}@media(min-width:768px){.user-management__tabs{gap:var(--spacing-sm)}}.user-management__tabs::-webkit-scrollbar{display:none}.user-management__tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;transition:all var(--transition-fast);min-height:var(--touch-target-min);cursor:pointer;touch-action:manipulation}@media(min-width:768px){.user-management__tab{padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:1rem}}@media(hover:hover){.user-management__tab:hover{background:#fff;color:var(--text-primary);border-color:var(--border-strong)}}.user-management__tab--active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}.user-management__tab--active svg{color:#fff}.user-management__filters{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(min-width:768px){.user-management__filters{flex-direction:row;gap:var(--spacing-md);flex-wrap:wrap}}.user-management__search{width:100%;position:relative;min-width:0}@media(min-width:768px){.user-management__search{flex:1;min-width:250px}}.user-management__search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.user-management__search input{width:100%;padding-left:2.75rem;height:var(--touch-target-min)}.user-management__filter-btns{display:flex;gap:var(--spacing-xs);overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.user-management__filter-btns::-webkit-scrollbar{display:none}.filter-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;transition:all var(--transition-fast);min-height:36px;display:flex;align-items:center;cursor:pointer;touch-action:manipulation}@media(min-width:768px){.filter-btn{padding:.625rem 1rem;border-radius:var(--radius-md);font-size:.875rem}}@media(hover:hover){.filter-btn:hover{background:#fff;border-color:var(--border-strong)}}.filter-btn--active{background:var(--accent-gold);border-color:var(--accent-gold);color:#fff}.user-management__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative}@media(min-width:640px){.user-card{flex-direction:row;align-items:center;flex-wrap:wrap;border-radius:var(--radius-lg)}}@media(hover:hover){.user-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.user-card--inactive{opacity:.6;background:var(--bg-secondary)}.user-card__main-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.user-card__avatar{width:48px;height:48px;background:var(--accent-gold-light);color:var(--accent-gold);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:768px){.user-card__avatar{width:52px;height:52px;border-radius:var(--radius-md)}}.user-card__avatar--motoboy{background:var(--status-transit-bg);color:var(--status-transit)}.user-card__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.user-card__name{font-weight:700;font-size:var(--font-size-base);color:var(--text-primary)}.user-card__email{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card__meta{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.user-card__stats{font-size:var(--font-size-xs);color:var(--accent-gold);font-weight:700}.user-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}@media(min-width:640px){.user-card__footer{padding-top:0;border-top:none;justify-content:flex-end;gap:var(--spacing-md)}}.user-card__status{flex-shrink:0}.user-card__badge{padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;border:1px solid transparent}@media(min-width:768px){.user-card__badge{padding:.375rem .75rem;font-size:.75rem}}.user-card__badge--paid,.user-card__badge--active{background:var(--status-completed-bg);color:var(--status-completed);border-color:#16a34a4d}.user-card__badge--unpaid,.user-card__badge--inactive{background:var(--status-cancelled-bg);color:var(--status-cancelled);border-color:#dc26264d}.user-card__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.toggle-btn{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;touch-action:manipulation}@media(min-width:768px){.toggle-btn{width:40px;height:40px}}@media(hover:hover){.toggle-btn:hover{background:#fff;color:var(--text-primary)}}.toggle-btn--on{background:var(--status-completed-bg);border-color:var(--status-completed);color:var(--status-completed)}.delete-btn{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--primary-red-light);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);color:var(--status-cancelled);transition:all var(--transition-fast);cursor:pointer;touch-action:manipulation}@media(min-width:768px){.delete-btn{width:40px;height:40px}}@media(hover:hover){.delete-btn:hover{background:var(--status-cancelled);border-color:var(--status-cancelled);color:#fff}}.modal--danger .modal__header h3{color:var(--status-cancelled)}.modal--danger .modal__header h3 svg{color:var(--status-cancelled)}.btn--danger{background:linear-gradient(135deg,var(--status-cancelled) 0%,#b91c1c 100%);color:#fff;flex:1}@media(hover:hover){.btn--danger:hover{box-shadow:0 0 20px #dc262666;transform:translateY(-2px)}}.delivery-management{width:100%;max-width:var(--container-xl);margin:0 auto}.delivery-management__title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--spacing-lg);color:var(--text-primary)}@media(min-width:768px){.delivery-management__title{gap:.75rem;margin-bottom:var(--spacing-xl)}}.delivery-management__title svg{color:var(--primary-red);flex-shrink:0}.delivery-management__filters{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.delivery-management__search{position:relative;width:100%;max-width:100%}@media(min-width:768px){.delivery-management__search{max-width:400px}}.delivery-management__search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.delivery-management__search input{width:100%;padding-left:2.75rem;height:var(--touch-target-min)}.delivery-management__status-filters{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.delivery-management__status-filters::-webkit-scrollbar{display:none}.status-filter{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;transition:all var(--transition-fast);min-height:36px;display:flex;align-items:center;cursor:pointer;touch-action:manipulation}@media(min-width:768px){.status-filter{border-radius:var(--radius-md)}}@media(hover:hover){.status-filter:hover{background:#fff;border-color:var(--border-strong)}}.status-filter--active{color:#fff;border-color:transparent}.status-filter--all.status-filter--active{background:var(--text-secondary)}.status-filter--waiting.status-filter--active{background:var(--status-waiting)}.status-filter--in_transit.status-filter--active{background:var(--status-transit)}.status-filter--completed.status-filter--active{background:var(--status-completed)}.status-filter--cancelled.status-filter--active{background:var(--status-cancelled)}.delivery-management__table-wrapper{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;overflow-x:auto}@media(min-width:768px){.delivery-management__table-wrapper{border-radius:var(--radius-lg)}}.delivery-management__table{width:100%;min-width:800px;border-collapse:collapse}@media(min-width:1024px){.delivery-management__table{min-width:auto}}.delivery-management__table th{text-align:left;padding:var(--spacing-md);background:var(--bg-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.delivery-management__table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:.9rem;color:var(--text-primary)}.delivery-management__table tr:last-child td{border-bottom:none}@media(hover:hover){.delivery-row:hover td{background:var(--bg-secondary)}}.delivery-row--in_transit{background:#2563eb0d}.delivery-row--waiting{background:#d977060d}.delivery-management__date{display:flex;flex-direction:column}.delivery-management__date span:first-child{font-weight:700}.delivery-management__address{display:flex;align-items:center;gap:var(--spacing-sm);max-width:250px}.delivery-management__actions{display:flex;gap:var(--spacing-xs)}.action-btn{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast);cursor:pointer;touch-action:manipulation}@media(min-width:768px){.action-btn{width:34px;height:34px;border-radius:var(--radius-sm)}}.action-btn--maps{background:var(--status-transit-bg);color:var(--status-transit)}.action-btn--maps:hover{background:var(--status-transit);color:#fff}.action-btn--reassign{background:var(--accent-gold-light);color:var(--accent-gold)}.action-btn--reassign:hover{background:var(--accent-gold);color:#fff}.action-btn--cancel{background:var(--primary-red-light);color:var(--status-cancelled)}.action-btn--cancel:hover{background:var(--status-cancelled);color:#fff}.delivery-management__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-muted);text-align:center}.delivery-management__empty svg{color:var(--accent-gold);opacity:.5}.motoboy-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);max-height:40vh;overflow-y:auto}.motoboy-option{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);min-height:var(--touch-target-min);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;touch-action:manipulation}@media(hover:hover){.motoboy-option:hover{background:#fff;border-color:var(--primary-red);box-shadow:var(--shadow-sm)}}.motoboy-option:active{background:var(--bg-tertiary)}.motoboy-option--current{background:var(--status-transit-bg);border-color:var(--status-transit)}.motoboy-option__name{font-weight:700;color:var(--text-primary)}.motoboy-option__plate{font-size:.875rem;color:var(--text-muted);font-weight:500}.tracking-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);padding-top:calc(var(--spacing-xl) + var(--safe-area-top));padding-bottom:calc(var(--spacing-md) + var(--safe-area-bottom))}@media(min-width:768px){.tracking-page{padding:var(--spacing-lg)}}.tracking-page__container{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000001f;overflow:hidden;animation:trackingFadeIn .5s ease forwards}@media(min-width:768px){.tracking-page__container{border-radius:var(--radius-2xl)}}@keyframes trackingFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tracking-page__header{padding:var(--spacing-lg);text-align:center;border-bottom:1px solid var(--border-color)}@media(min-width:768px){.tracking-page__header{padding:var(--spacing-xl)}}.tracking-page__merchant-logo{width:64px;height:64px;margin:0 auto var(--spacing-sm);background:linear-gradient(135deg,var(--accent-gold) 0%,var(--primary-red) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:#fff;box-shadow:0 8px 24px #eab3084d}@media(min-width:768px){.tracking-page__merchant-logo{width:80px;height:80px;margin-bottom:var(--spacing-md);font-size:2.5rem}}.tracking-page__merchant-name{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0}@media(min-width:768px){.tracking-page__merchant-name{font-size:1.5rem}}.tracking-page__status-card{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:linear-gradient(135deg,#fff,#fafafa);position:relative}@media(min-width:768px){.tracking-page__status-card{padding:var(--spacing-2xl)}}.tracking-page__status-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);background:color-mix(in srgb,var(--status-color) 15%,white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--status-color)}@media(min-width:768px){.tracking-page__status-icon{width:80px;height:80px;margin-bottom:var(--spacing-lg)}}.tracking-page__status-label{font-size:1.25rem;font-weight:800;color:var(--status-color);margin:0 0 var(--spacing-xs)}@media(min-width:768px){.tracking-page__status-label{font-size:1.5rem;margin-bottom:var(--spacing-sm)}}.tracking-page__status-desc{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.tracking-page__details{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color)}@media(min-width:768px){.tracking-page__details{padding:var(--spacing-lg) var(--spacing-xl)}}.tracking-page__detail{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0}.tracking-page__detail:not(:last-child){border-bottom:1px solid var(--border-color)}.tracking-page__detail svg{color:var(--accent-gold);flex-shrink:0;margin-top:2px}.tracking-page__detail>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tracking-page__detail-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tracking-page__detail-value{font-size:.95rem;font-weight:600;color:var(--text-primary);word-break:break-word}.tracking-page__code-box{padding:var(--spacing-lg);background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}@media(min-width:768px){.tracking-page__code-box{padding:var(--spacing-lg) var(--spacing-xl)}}.tracking-page__code-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.tracking-page__code{display:inline-block;font-size:1.25rem;font-weight:900;font-family:monospace;color:var(--text-primary);background:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px dashed var(--border-color);letter-spacing:2px}@media(min-width:768px){.tracking-page__code{font-size:1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}}.tracking-page__footer{padding:var(--spacing-lg);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.75rem;padding-bottom:calc(var(--spacing-lg) + var(--safe-area-bottom))}@media(min-width:768px){.tracking-page__footer{font-size:.85rem}}.tracking-page__flash-logo{display:flex;align-items:center;gap:.25rem;color:var(--primary-red);font-weight:800}.tracking-page__flash-logo svg{color:var(--accent-gold)}.tracking-page__not-found{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.tracking-page__not-found svg{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.tracking-page__not-found h1{font-size:1.25rem;margin:0 0 var(--spacing-sm);color:var(--text-primary)}@media(min-width:768px){.tracking-page__not-found h1{font-size:1.5rem}}.tracking-page__not-found p{color:var(--text-secondary);margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: rgba(255, 255, 255, 1);--primary-red: #dc2626;--primary-red-glow: rgba(220, 38, 38, .3);--primary-red-dark: #b91c1c;--primary-red-light: #fecaca;--accent-gold: #f59e0b;--accent-gold-glow: rgba(245, 158, 11, .4);--accent-gold-light: #fef3c7;--accent-orange: #ea580c;--lightning-yellow: #facc15;--lightning-glow: rgba(250, 204, 21, .6);--electric-blue: #0ea5e9;--electric-cyan: #06b6d4;--status-waiting: #d97706;--status-waiting-bg: #fef3c7;--status-transit: #2563eb;--status-transit-bg: #dbeafe;--status-completed: #16a34a;--status-completed-bg: #dcfce7;--status-cancelled: #dc2626;--status-cancelled-bg: #fecaca;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-color: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--border-glow: rgba(220, 38, 38, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--shadow-glow: 0 0 20px var(--primary-red-glow), 0 4px 20px rgba(220, 38, 38, .2);--shadow-gold-glow: 0 0 20px var(--accent-gold-glow), 0 4px 20px rgba(245, 158, 11, .2);--shadow-lightning: 0 0 30px var(--lightning-glow), 0 0 60px rgba(250, 204, 21, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--touch-target-min: 44px;--font-size-xs: clamp(.75rem, 2vw, .875rem);--font-size-sm: clamp(.8125rem, 2.25vw, .9375rem);--font-size-base: clamp(.875rem, 2.5vw, 1rem);--font-size-lg: clamp(1rem, 3vw, 1.25rem);--font-size-xl: clamp(1.125rem, 3.5vw, 1.5rem);--font-size-2xl: clamp(1.25rem, 4vw, 1.75rem);--font-size-3xl: clamp(1.5rem, 5vw, 2.5rem);--header-height: 60px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}@media(min-width:768px){:root{--header-height: 70px}}body{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}.page{padding:var(--spacing-md);padding-top:calc(var(--header-height) + var(--safe-area-top) + var(--spacing-md));min-height:100vh;width:100%;max-width:var(--container-xl);margin:0 auto}@media(min-width:768px){.page{padding:var(--spacing-lg);padding-top:calc(var(--header-height) + var(--safe-area-top) + var(--spacing-lg))}}@media(prefers-reduced-motion:no-preference){.page-enter{animation:fadeSlideUp .3s ease-out forwards}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}