:root{--primary: #2DA398;--primary-hover: #1F8A82;--secondary: #26A69A;--bg: #F8FAF9;--card-bg: #FFFFFF;--card-border: #E5E7EB;--text: #111827;--text-muted: #4B5563;--success: #10b981;--danger: #f43f5e;--info: #0ea5e9;--font-title: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 16px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm: rgba(15, 23, 42, .08)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.container{max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffe6;position:sticky;top:0;z-index:100}.logo{font-family:var(--font-title);font-weight:800;font-size:1.8rem;color:var(--primary);display:flex;align-items:center;gap:.5rem;letter-spacing:-.5px}.logo-badge{font-size:.75rem;text-transform:uppercase;background:#e8f7f5;border:1px solid var(--primary);color:var(--primary);padding:.2rem .5rem;border-radius:99px;margin-left:.5rem;font-weight:600;letter-spacing:1px}.badge-merchant,.badge-rider,.badge-customer{background:#e8f7f5;border-color:var(--primary);color:var(--primary)}.btn{font-family:var(--font-body);font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition)}.btn-primary{background:var(--secondary);color:#fff;box-shadow:0 4px 14px var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);background:var(--primary-hover);box-shadow:0 6px 20px var(--shadow-sm)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--card-border)}.btn-secondary:hover{background:#f3f4f6;border-color:var(--card-border)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:2rem;box-shadow:0 4px 12px var(--shadow-sm);transition:var(--transition)}.card:hover{border-color:var(--card-border);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-sm)}h1,h2,h3,h4{font-family:var(--font-title);font-weight:700;margin-bottom:1rem}p{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px);padding:1.5rem}.auth-card{width:100%;max-width:480px}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.5rem}.form-input{width:100%;padding:.85rem 1rem;background:#fff;border:1px solid var(--card-border);border-radius:12px;color:var(--text);font-family:var(--font-body);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e8f7f5}.helper-text{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.seed-accounts{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--card-border)}.seed-title{font-size:.85rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem;letter-spacing:.5px}.seed-list{display:flex;flex-direction:column;gap:.5rem}.seed-item{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;padding:.6rem .8rem;border-radius:8px;font-size:.8rem;border:1px solid var(--card-border);cursor:pointer;transition:var(--transition)}.seed-item:hover{background:#e8f7f5;border-color:var(--primary)}.seed-item span{font-family:monospace}.seed-email{color:var(--primary);font-weight:500}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:2rem;margin-top:2rem}@media (max-width: 768px){.dashboard-grid{display:flex;flex-direction:column;gap:1.5rem}.sidebar{order:2}.main-content{order:1}.container{padding:1rem}.card{padding:1.25rem}}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.order-detail-grid{grid-template-columns:1fr}}.action-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;color:var(--primary);text-decoration:none;font-weight:600;padding:.6rem 1rem;background:#e8f7f5;border-radius:8px;font-size:.9rem;transition:all .2s;flex:1;min-width:120px;text-align:center}.action-link:hover{background:var(--primary);color:#fff}.sidebar{display:flex;flex-direction:column;gap:1rem}.user-profile-card{padding:1.5rem}.user-avatar{width:56px;height:56px;border-radius:50%;background:#e8f7f5;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:1rem}.user-name{font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.user-email{font-size:.85rem;color:var(--text-muted);margin-bottom:.8rem}.role-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;padding:.25rem .6rem;border-radius:6px;background:#e8f7f5;border:1px solid var(--primary);color:var(--primary)}.permission-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.permission-badge{font-size:.7rem;font-family:monospace;background:#f3f4f6;padding:.2rem .4rem;border-radius:4px;color:var(--text-muted);border:1px solid var(--card-border)}.main-content{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{text-align:center;padding:1.5rem}.stat-val{font-size:2.5rem;font-weight:800;color:var(--primary);margin-bottom:.5rem;font-family:var(--font-title)}.stat-lbl{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.data-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:1rem;border-bottom:2px solid var(--card-border);font-weight:600;color:var(--text-muted);font-size:.85rem;text-transform:uppercase}.data-table td{padding:1rem;border-bottom:1px solid var(--card-border);font-size:.95rem}.data-table tr:hover td{background:#f9fafb}.error-banner{background:#fee2e2;border:1px solid var(--danger);color:var(--danger);padding:1rem;border-radius:12px;margin-bottom:1.5rem}.status-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted)}.status-dot.active{background-color:var(--success);box-shadow:0 0 8px #10b98166}.status-dot.pending{background-color:var(--primary);box-shadow:0 0 8px #2da39866}.venezuela-decor{height:4px;width:100%;background:linear-gradient(to right,gold 33%,#002f6c 33%,#002f6c 66%,#cf142b 66%);position:absolute;top:0;left:0}.footer{margin-top:auto;padding:2rem;text-align:center;border-top:1px solid var(--card-border);font-size:.85rem;color:var(--text-muted)}.btn-block{width:100%;justify-content:center}.btn-lg{padding:1.25rem;font-size:1.1rem}.order-detail-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.order-detail-grid{grid-template-columns:1fr 1fr}}.detail-card{background:#f9fafb;border:1px solid var(--card-border);padding:1.25rem;border-radius:12px}.action-links{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.btn-link{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#fff;border:1px solid var(--card-border);border-radius:8px;color:var(--text);text-decoration:none;font-size:.85rem;font-weight:600;box-shadow:0 1px 2px #0000000d}.payment-block{background:var(--primary);color:#fff;padding:1.5rem;border-radius:12px;text-align:center;margin-bottom:1.5rem}.payment-block h3{color:#e8f7f5;font-size:.9rem;margin-bottom:.5rem;text-transform:uppercase}.total-amount{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.payment-method{color:#e8f7f5;font-size:1rem}.order-notes{margin-top:1rem;background:#fff3;padding:.75rem;border-radius:8px;text-align:left;font-size:.9rem}.product-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.product-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--card-border);padding:1rem;border-radius:12px}.product-qty{background:var(--bg);color:var(--primary);font-weight:700;padding:.5rem;border-radius:8px;min-width:40px;text-align:center}.product-name{font-weight:600;font-size:1rem}.cards-container{display:flex;flex-direction:column;gap:1rem}.assignment-card{background:#fff;border:1px solid var(--card-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;cursor:pointer;transition:transform .2s}.assignment-card:active{transform:scale(.98)}.card-header{background:#f9fafb;padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border)}.order-id{font-family:monospace;font-weight:700;color:var(--text-muted)}.card-body{padding:1.25rem}.route-point{display:flex;gap:1rem;align-items:flex-start}.route-point .icon{font-size:1.25rem;margin-top:.1rem}.route-point .info{display:flex;flex-direction:column;gap:.2rem}.route-point .info span{font-size:.85rem;color:var(--text-muted)}.route-divider{margin:.5rem 0 .5rem .5rem;color:#d1d5db;font-weight:700}.card-footer{padding:1rem 1.25rem;background:#f9fafb;border-top:1px solid var(--card-border)}@media (max-width: 768px){.dashboard-grid{display:flex;flex-direction:column;gap:1rem}.user-profile-card{display:flex;align-items:center;padding:1rem;gap:1rem;flex-wrap:wrap}.user-avatar{width:40px;height:40px;margin-bottom:0}.user-name{font-size:1rem}.user-profile-card>div:nth-child(5){width:100%;display:flex;margin-top:.5rem!important;gap:.5rem}.user-profile-card>div:nth-child(5) button{flex:1;margin-bottom:0!important;padding:.5rem;font-size:.85rem}.user-email,.role-tag{display:none}}.badge-new-assignments{background-color:var(--danger);color:#fff;border-radius:50%;padding:.1rem .5rem;font-size:.75rem;font-weight:700;margin-left:auto;box-shadow:0 2px 4px #f43f5e66}.pulse-badge{animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%{transform:scale(1);box-shadow:0 0 #f43f5e66}70%{transform:scale(1.1);box-shadow:0 0 0 6px #f43f5e00}to{transform:scale(1);box-shadow:0 0 #f43f5e00}}.toast-notification{position:fixed;bottom:2rem;right:2rem;background:#fff;border:1px solid var(--primary);border-left:4px solid var(--primary);box-shadow:0 10px 25px #0000001a;border-radius:8px;padding:1rem;width:300px;z-index:9999;cursor:pointer;animation:slide-in-toast .4s cubic-bezier(.16,1,.3,1);transition:transform .2s,border-color .2s}.toast-notification:hover{transform:translateY(-2px);border-color:var(--secondary)}.toast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-family:var(--font-title)}.toast-header strong{color:var(--primary);font-size:.95rem}.toast-close-btn{background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;line-height:1}.toast-close-btn:hover{color:var(--danger)}.toast-body{font-size:.85rem;color:var(--text-muted)}@keyframes slide-in-toast{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-notifications-optin{background:transparent;border:1px dashed var(--primary);color:var(--primary);font-weight:600;font-size:.8rem;padding:.5rem 1rem;border-radius:6px;width:100%;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.btn-notifications-optin:hover{background:#e8f7f5}.notifications-active-tag{background:#e8f7f5;color:var(--primary);border:1px solid var(--primary);font-weight:600;font-size:.8rem;padding:.5rem 1rem;border-radius:6px;width:100%;text-align:center;font-family:var(--font-body)}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1rem;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;justify-content:center;align-items:center}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-sm);border-color:var(--primary)}.metric-card.active{border-color:var(--primary);background:#e8f7f5}.metric-value{font-size:1.8rem;font-weight:800;color:var(--primary);margin-bottom:.25rem;line-height:1}.metric-label{font-size:.8rem;color:var(--text-muted);font-weight:600}.metric-card.active .metric-label{color:var(--primary)}.orders-toolbar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.search-input{flex:1;min-width:250px;padding:.6rem 1rem;border:1px solid var(--card-border);border-radius:8px;font-family:inherit;font-size:.95rem}.filter-select{padding:.6rem 1rem;border:1px solid var(--card-border);border-radius:8px;font-family:inherit;font-size:.95rem;background-color:#fff;cursor:pointer}@media (max-width: 768px){.metric-cards{grid-template-columns:1fr 1fr}}.password-wrapper{position:relative;display:flex;align-items:center}.password-toggle-btn{position:absolute;right:1rem;background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;padding:.2rem;transition:var(--transition)}.password-toggle-btn:hover{color:var(--primary)}.navigation-block{background:#f0fdfa;border:2px solid #b2f5ea;border-left:6px solid var(--primary);padding:1.5rem;border-radius:var(--radius);margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.navigation-title-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.navigation-title{font-family:var(--font-title);font-size:1.1rem;font-weight:700;color:var(--primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.navigation-dest-name{font-weight:700;font-size:1.2rem;margin-bottom:.25rem;color:var(--text)}.navigation-address{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin-bottom:.5rem}.navigation-reference{font-size:.85rem;background:#e6fffa;border:1px dashed #319795;color:#234e52;padding:.5rem .75rem;border-radius:8px;margin-bottom:.75rem;display:inline-block}.navigation-phone{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.navigation-actions{display:flex;flex-direction:column;gap:.75rem}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.login-rider-layout{position:relative;min-height:100dvh;width:100%;background-color:#071426;color:#fff;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;font-family:var(--font-body)}.login-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.login-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.video-mobile{display:block}.video-desktop{display:none}@media (min-width: 768px){.video-mobile{display:none}.video-desktop{display:block}}.login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#07142666,#071426cc);z-index:1}.animate-fade-in-down{animation:fadeInDown .6s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.login-video-bg{display:none!important}.login-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/media/rider-login-mobile-poster.webp);background-size:cover;background-position:center;z-index:0}@media (min-width: 768px){.login-bg:before{background-image:url(/media/rider-login-desktop-poster.webp)}}.animate-fade-in-down,.animate-fade-in-up{animation:none;opacity:1;transform:none}}.login-rider-container{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100dvh;padding:1rem}.login-header-mobile{display:flex;justify-content:center;padding:1rem 0 .75rem}.badge-dark{background:#2da39833;border-color:var(--primary);color:var(--primary)}.login-card-glass{flex:1;display:flex;flex-direction:column;justify-content:center;background:#0b274859;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:1.25rem 1rem;box-shadow:0 24px 48px #0006;max-width:440px;width:100%;margin:0 auto}@media (min-width: 768px){.login-rider-container{flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.login-header-mobile{position:static;padding:0 0 1rem}.login-card-glass{margin:0;max-width:440px;padding:1.5rem}}.login-copy h2{font-family:var(--font-title);font-size:1.75rem;font-weight:700;margin-bottom:.25rem;color:#fff}.login-copy p{color:#9ba3af;font-size:.95rem;margin-bottom:.75rem}.subtitle-desktop-only{display:none}@media (min-width: 768px){.subtitle-desktop-only{display:block}}.form-group-dark{margin-bottom:.5rem}.input-dark{width:100%;background:#0003;border:1px solid rgba(255,255,255,.15);color:#fff;padding:1rem 1.2rem;border-radius:12px;font-size:1rem;font-family:var(--font-body);transition:all .2s}.input-dark::placeholder{color:#6b7280}.input-dark:focus{outline:none;border-color:var(--primary);background:#0006;box-shadow:0 0 0 3px #2da39833}.checkbox-dark-group{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.checkbox-dark-group input[type=checkbox]{accent-color:var(--primary);width:1.2rem;height:1.2rem}.checkbox-dark-group label{color:#9ba3af;font-size:.85rem}.password-wrapper-dark{position:relative}.password-toggle-dark{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--primary);font-size:.85rem;font-weight:600;cursor:pointer}.helper-text-dark{color:#6b7280;font-size:.8rem;margin-top:.5rem;margin-bottom:0}.pin-section{display:flex;flex-direction:column;align-items:center;margin-bottom:.75rem}.pin-display-wrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.5rem}.pin-dots-container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:min(100%,350px);margin-inline:auto;box-sizing:border-box}.pin-dot{min-width:0;width:100%;aspect-ratio:48 / 56;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;color:#fff;transition:all .2s;box-sizing:border-box}@media (max-width: 390px){.pin-dots-container{width:min(100%,300px);gap:8px}.pin-dot{font-size:1.5rem;border-radius:10px}}.pin-dot.filled{border-color:var(--primary);box-shadow:0 0 10px #2da3984d}.pin-dot.filled:empty:after{content:"";width:18px;height:18px;background:var(--primary);border-radius:50%}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:320px}.keypad-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:#fff;font-size:1.5rem;font-weight:600;height:58px;border-radius:12px;cursor:pointer;transition:all .1s;display:flex;justify-content:center;align-items:center}.keypad-btn:active{background:#ffffff26;transform:scale(.95)}.keypad-btn.invisible{visibility:hidden}.btn-primary-glow{background:var(--primary);color:#fff;border:none;padding:1rem;border-radius:12px;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #2da39866}.btn-primary-glow:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 20px #2da39899;transform:translateY(-2px)}.btn-primary-glow:disabled{background:#ffffff1a;color:#ffffff4d;box-shadow:none;cursor:not-allowed}.login-links{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:.75rem}.btn-text-link{background:transparent;border:none;color:var(--primary);font-weight:600;font-size:.95rem;cursor:pointer}.btn-text-link:hover{text-decoration:underline}.btn-text-dark{background:transparent;border:none;color:#9ba3af;font-size:.85rem;cursor:pointer}.btn-text-dark:hover{color:#fff}.alert-box{padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.alert-error{background:#f43f5e26;border:1px solid rgba(244,63,94,.3);color:#fecdd3}.alert-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#a7f3d0}.modal-backdrop-dark{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:1.5rem}.modal-content-dark{background:#0b2748;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:400px;width:100%;color:#fff;box-shadow:0 20px 40px #00000080}.modal-content-dark h3{color:#fff;margin-top:0}.modal-content-dark p{color:#9ba3af;margin-bottom:2rem}.pin-step-label{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}