@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary: #f47a1f;--primary-light: rgba(244, 122, 31, .12);--secondary: #f47a1f;--accent: #f47a1f;--accent-light: #ff9a3d;--accent-strong: #d95f0b;--accent-soft: rgba(244, 122, 31, .09);--accent-border: rgba(244, 122, 31, .26);--focus-ring: rgba(244, 122, 31, .18);--dark: #15171a;--light: #FFFFFF;--bg-main: #f7f8fa;--bg-card: #ffffff;--border-card: #e6e8ec;--gray-50: #f7f8fa;--gray-100: #eef0f3;--gray-200: #e1e4e8;--gray-600: #69707b;--success: #16875d;--success-soft: rgba(22, 135, 93, .1);--warning: #c96a16;--warning-soft: rgba(201, 106, 22, .1);--danger: #c84c43;--danger-soft: rgba(200, 76, 67, .1);--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--shadow-sm: 0 1px 3px rgba(24, 29, 38, .05);--shadow-md: 0 6px 20px rgba(24, 29, 38, .06);--shadow-lg: 0 18px 44px rgba(24, 29, 38, .09);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--app-bg: #f7f8fa;--surface-1: #ffffff;--surface-2: #f5f6f8;--surface-3: #eef0f3;--surface-border: #e4e6ea;--surface-shadow: 0 2px 10px rgba(24, 29, 38, .035);--text-1: #111318;--text-2: #626873;--text-3: #9298a2;--row-hover: #fafafa;color-scheme:light}html[data-theme=dark]{--app-bg: #101112;--surface-1: #1c1d1f;--surface-2: #171819;--surface-3: #242628;--surface-border: #333538;--surface-shadow: none;--text-1: #f4f4f3;--text-2: #a8abb0;--text-3: #777b82;--row-hover: #222426;--accent-strong: #ff8a35;--accent-soft: rgba(244, 122, 31, .12);--accent-border: rgba(244, 122, 31, .32);--focus-ring: rgba(244, 122, 31, .22);color-scheme:dark}select option,select optgroup{background-color:var(--surface-1);color:var(--text-1)}select option:disabled{color:var(--text-3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--app-bg);color:var(--text-1);line-height:1.5;overflow-x:hidden;-webkit-user-select:none;user-select:none;background-image:none;background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--text-1)}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none;background:none;color:var(--text-1);transition:var(--transition)}button:active{transform:scale(.96)}a{text-decoration:none;color:inherit}#root{min-height:100vh;display:flex;flex-direction:column}.container{padding:20px;max-width:500px;margin:0 auto;width:100%}.text-center{text-align:center}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.card{background:var(--surface-1);border-radius:var(--radius-md);padding:16px;box-shadow:var(--surface-shadow);border:1px solid var(--surface-border)}.card-title{font-size:.9rem;color:var(--gray-600);margin-bottom:4px}.card-value{font-size:1.5rem;font-weight:700;color:var(--text-1)}.brand-logo-circular{width:48px;height:48px;background:radial-gradient(circle at 35% 35%,#f47a1f 0%,#d95f0b 50%,var(--app-bg) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px #f47a1f80,inset 0 4px 10px #ffffff73,inset 0 -4px 12px #000000b3;border:1.8px solid rgba(255,255,255,.35);margin:0 auto;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.brand-logo-circular:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.75) 50%,transparent 55%);transform:rotate(-45deg);animation:logoGlossSweep 5s ease-in-out infinite;pointer-events:none}@keyframes logoGlossSweep{0%{transform:translate(-30%,-30%) rotate(-45deg)}25%,to{transform:translate(30%,30%) rotate(-45deg)}}.brand-logo-circular:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.2px dashed rgba(244,122,31,.6);animation:logoRingSpin 20s linear infinite;pointer-events:none}@keyframes logoRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-m-text{font-family:var(--font-heading);font-size:1.7rem;font-weight:900;background:linear-gradient(to bottom,#fff 40%,#cce4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.4);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));z-index:2}.brand-logo-3d{width:48px;height:48px;object-fit:contain;filter:none;transition:transform .2s ease;animation:none}.brand-logo-3d:hover{transform:scale(1.03);filter:none}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.view-container{min-height:calc(100vh - 82px);padding:28px 32px 40px;background:var(--app-bg);color:var(--text-1)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-header h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:900;line-height:1;color:var(--text-1)}.section-header .header-icon{color:var(--accent);filter:drop-shadow(0 0 12px rgba(255,122,0,.45))}.search-bar-container,.shop-form-container,.invoice-card,.purchase-card,.result-card,.profile-hero,.locker-address-card,.profile-options,.package-list-item,.empty-tracking,.empty-state-shop,.empty-state-invoices,.wallet-balance-card,.transactions-section,.users-list .user-card,.featured-guide,.guide-item{border:1px solid var(--surface-border);background:var(--surface-1);box-shadow:var(--surface-shadow)}.search-input-wrapper,.input-field,.input-group input,.input-group textarea,.input-group select,.address-box,.address-line,.option-item,.shop-form input,.shop-form textarea,.calc-form input,.type-btn{border-color:var(--surface-border)!important;background:var(--surface-2)!important;color:var(--text-1)!important}.search-input-wrapper input,.shop-form input,.shop-form textarea,.calc-form input,.input-group input,.input-group textarea{color:var(--text-1)!important}.search-input-wrapper input::placeholder,.shop-form input::placeholder,.shop-form textarea::placeholder,.calc-form input::placeholder{color:var(--text-3)!important}.add-request-btn,.shop-submit-btn,.calculate-btn,.primary-action-btn,.print-all-btn,.btn-primary,.watch-btn{background:var(--accent)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px #f47a1f2e;font-weight:900}.type-btn.active{background:var(--accent-soft)!important;border-color:var(--accent-border)!important;color:var(--accent-strong)!important}.package-list,.purchases-list,.invoices-list,.guide-list,.transaction-list{display:grid;gap:14px}.package-list-item,.purchase-card,.invoice-card,.guide-item,.user-card{border-radius:14px!important}.pkg-icon-container,.profile-large-avatar,.guide-icon,.invoice-badge,.wallet-actions .primary-action-btn{background:var(--accent-soft)!important;color:var(--accent-strong)!important}.paid-tag,.pos-amount{color:var(--success)!important}.pending-tag,.neg-amount{color:#ff8a00!important}@media(max-width:1023px){.view-container{min-height:calc(100vh - 150px);padding:18px 14px 92px}}.app-container .card,.app-container .search-bar-container,.app-container .invoice-card,.app-container .purchase-card,.app-container .result-card,.app-container .profile-hero,.app-container .locker-address-card,.app-container .profile-options,.app-container .package-list-item,.app-container .empty-tracking,.app-container .empty-state-invoices,.app-container .wallet-balance-card,.app-container .transactions-section,.app-container .users-list .user-card,.app-container .featured-guide,.app-container .guide-item{border-color:var(--surface-border)!important;background:var(--surface-1)!important;color:var(--text-1)!important;box-shadow:var(--surface-shadow)!important}.app-container .search-input-wrapper,.app-container .input-field,.app-container .input-group input,.app-container .input-group textarea,.app-container .input-group select,.app-container .address-box,.app-container .address-line,.app-container .option-item,.app-container .calc-form input,.app-container .type-btn{border-color:var(--surface-border)!important;background:var(--surface-2)!important;color:var(--text-1)!important}.app-container .search-input-wrapper input,.app-container .input-group input,.app-container .input-group textarea,.app-container .calc-form input{color:var(--text-1)!important}.app-container .search-input-wrapper input::placeholder,.app-container .input-group input::placeholder,.app-container .input-group textarea::placeholder,.app-container .calc-form input::placeholder{color:var(--text-3)!important}.dashboard-layout-wrapper.home-view,.admin-dashboard-container,.tracking-view{background:var(--app-bg)!important;color:var(--text-1)!important}.dashboard-welcome-header,.metric-box,.dashboard-table-card,.dashboard-sub-card,.side-card,.notifications-panel,.wallet-card-summary,.package-list-item,.search-bar-container,.admin-section,.bi-metric-card,.admin-bi-panel,.audit-log-item,.notif-card,.modal-content-premium,.ai-copilot-window{border-color:var(--surface-border)!important;background:var(--surface-1)!important;color:var(--text-1)!important;box-shadow:var(--surface-shadow)!important}.dashboard-welcome-header:after,.metric-box:before{display:none!important}.dashboard-welcome-header h1,.metric-value,.card-header-mini h3,.dashboard-table th,.dashboard-table td,.dashboard-sub-card h3,.side-card h3,.admin-header h1,.section-title,.section-title h2,.users-table,.users-table th,.users-table td,.pkg-id,.pkg-desc,.pkg-meta-grid strong,.modal-content-premium h2,.modal-content-premium h3,.modal-content-premium strong{color:var(--text-1)!important;-webkit-text-fill-color:currentColor!important;background:none!important}.metric-label,.metric-subtext,.metric-status-sub,.dashboard-welcome-header p,.pkg-date,.pkg-store,.pkg-weight,.pkg-meta-grid span,.admin-dashboard-container label,.admin-dashboard-container small{color:var(--text-2)!important}.dashboard-table th,.dashboard-table td,.users-table th,.users-table td,.purchase-req-item,.movement-row,.arrival-item,.notif-item{border-color:var(--surface-border)!important}.admin-tabs button,.pkg-list-tabs,.tracking-mode-tabs,.form-group input,.form-group select,.form-group textarea,.search-input-mini,.pkg-search-input,.admin-dashboard-container input,.admin-dashboard-container select,.admin-dashboard-container textarea{border-color:var(--surface-border)!important;background:var(--surface-2)!important;color:var(--text-1)!important}.admin-tabs button.active,.pkg-list-tab.active,.tracking-mode-tab.active{border-color:var(--accent-border)!important;background:var(--accent-soft)!important;color:var(--accent-strong)!important;box-shadow:none!important}html[data-theme=dark] .admin-tabs button.active,html[data-theme=dark] .pkg-list-tab.active,html[data-theme=dark] .tracking-mode-tab.active{border-color:var(--accent-border)!important;background:var(--accent-soft)!important;color:var(--accent-strong)!important}.section-title svg,.metric-icon,.pkg-icon-container,.invoice-badge,.guide-icon{color:var(--accent-strong)!important;filter:none!important}.app-container :is(input,select,textarea):focus,.app-container :is(button,a):focus-visible{border-color:var(--accent-border)!important;outline:3px solid var(--focus-ring)!important;outline-offset:1px}.app-container :is(.paid-tag,.pos-amount){color:var(--success)!important}.app-container :is(.pending-tag,.neg-amount){color:var(--warning)!important}.app-container :is(.status-pill,.status-badge,.shipping-type-pill,.order-number-badge,.badge-purple-mini){border-color:var(--surface-border)!important;box-shadow:none!important}.app-container .payment-modal-card,.app-container .pago-movil-instructions,.app-container .payment-method-selector,.app-container .screenshot-upload-dropzone,.app-container .notif-summary,.app-container .notif-full-message,.app-container .suggested-chips,.app-container .copilot-chat-input-area,.ai-copilot-window .copilot-chat-input-area,.app-container .dashboard-quick-actions .q-action-btn,.app-container .header-badge-id{background:var(--surface-2)!important;border-color:var(--surface-border)!important;color:var(--text-1)!important}.app-container .form-group-pay select,.app-container .copilot-chat-input-area input,.ai-copilot-window .copilot-chat-input-area input{background:var(--surface-1)!important;border-color:var(--surface-border)!important;color:var(--text-1)!important}.header{height:82px;display:grid;grid-template-columns:minmax(320px,520px) auto;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-1) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.header-left,.header-right,.customer-badge,.header-whatsapp{display:flex;align-items:center}.header-left{gap:12px;display:none}.header-logo{width:42px;height:42px}.header-brand-copy{display:grid;gap:3px}.welcome-text{color:var(--text-1);font-size:.92rem;font-weight:800}.customer-badge{gap:7px}.badge-label{color:var(--text-2);font-size:.72rem;text-transform:uppercase}.badge-code{padding:2px 8px;border:1px solid rgba(244,122,31,.25);border-radius:6px;background:#f47a1f14;color:#d86713;font-size:.78rem;font-weight:900}.header-search{min-height:46px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid var(--surface-border);border-radius:8px;background:var(--surface-2);box-shadow:none;justify-self:start;width:100%}.header-search svg{color:var(--text-2)}.header-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text-1);font:inherit}.header-search input::placeholder{color:var(--text-3)}.header-search kbd{padding:3px 7px;border-radius:6px;background:var(--surface-1);color:var(--text-2);font-size:.68rem}.header-right{justify-self:end;gap:14px}.header-whatsapp{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--surface-border);border-radius:50%;background:var(--surface-2);color:var(--text-2);transition:all .3s}.header-whatsapp:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong);transform:scale(1.05)}.header-whatsapp svg{color:currentColor}.icon-button,.profile-avatar{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--surface-border);border-radius:50%;background:var(--surface-2);color:var(--text-2)}.notification-count{position:absolute;top:-7px;right:-3px;min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:900}.logout-header-btn:hover{color:var(--danger);border-color:#ff6b6b59}.profile-avatar{background:#f47a1f1a;color:#d86713}.profile-copy{display:grid;gap:1px}.profile-copy strong{max-width:180px;overflow:hidden;color:var(--text-1);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.profile-copy span,.profile-chevron{color:var(--text-2);font-size:.76rem}.notifications-dropdown{position:absolute;top:calc(100% + 15px);right:0;width:380px;max-height:480px;background:var(--surface-1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--surface-border);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;display:flex;flex-direction:column;animation:slideInDown .3s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes slideInDown{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--surface-border);background:var(--surface-2)}.notifications-header h3{margin:0;font-size:1rem;font-weight:800;color:var(--text-1);letter-spacing:0}.btn-mark-read{display:flex;align-items:center;background:transparent;border:none;color:var(--accent-strong);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:6px}.btn-mark-read:hover{color:var(--accent-strong);background:var(--accent-soft)}.notifications-body{overflow-y:auto;max-height:400px;flex:1}.notifications-body::-webkit-scrollbar{width:6px}.notifications-body::-webkit-scrollbar-track{background:transparent}.notifications-body::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}.notifications-body::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-2)}.empty-bell-icon{margin-bottom:12px;color:var(--text-3);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:.9}}.notifications-empty p{margin:0;font-size:.88rem}.notification-item{display:flex;gap:14px;padding:16px 20px;border-bottom:1px solid var(--surface-border);position:relative;transition:all .25s;cursor:pointer}.notification-item:hover{background:var(--row-hover)}.notification-item.unread{background:var(--accent-soft)}.notif-icon-circle{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid var(--surface-border);display:grid;place-items:center;flex-shrink:0;box-shadow:none}.notif-content{display:flex;flex-direction:column;gap:4px;flex:1}.notif-content h4{margin:0;font-size:.86rem;font-weight:700;color:var(--text-1);line-height:1.3}.notif-content p{margin:0;font-size:.78rem;color:var(--text-2);line-height:1.4}.notif-time{font-size:.7rem;color:var(--text-3);margin-top:2px}.unread-dot{position:absolute;top:20px;right:20px;width:8px;height:8px;border-radius:50%;background:#ff7a00;box-shadow:0 0 10px #ff7a00}@media(max-width:1180px){.header{grid-template-columns:minmax(260px,1fr) auto}.header-whatsapp,.profile-copy,.profile-chevron{display:none}}@media(max-width:720px){.header{height:72px;display:flex;justify-content:space-between;padding:0 16px}.header-search{display:none}.header-left{display:flex}.header-brand-copy{max-width:160px}}@media(max-width:480px){.header{gap:8px;padding:0 12px}.header-left{gap:8px}.welcome-text{font-size:.8rem}.badge-code{padding:1px 5px;font-size:.7rem}.header-right{gap:8px}.icon-button,.profile-avatar,.header-whatsapp{width:34px;height:34px}.notifications-dropdown{width:calc(100vw - 32px);right:-10px}}.profile-dropdown{position:absolute;top:calc(100% + 15px);right:0;width:260px;background:var(--surface-1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--surface-border);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;display:flex;flex-direction:column;animation:slideInDown .3s cubic-bezier(.16,1,.3,1);transform-origin:top right}.profile-dropdown-header{padding:16px 20px;border-bottom:1px solid var(--surface-border);background:var(--surface-2);display:flex;flex-direction:column;gap:4px;text-align:left}.profile-dropdown-header strong{font-size:.95rem;font-weight:800;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-email{font-size:.78rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-body{padding:14px 20px;display:flex;flex-direction:column;gap:12px}.profile-info-item{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.profile-info-item .info-label{color:var(--text-2)}.profile-info-item .info-val{color:var(--text-1);font-weight:600}.profile-dropdown-footer{padding:12px 20px;border-top:1px solid var(--surface-border);background:var(--surface-2)}.btn-profile-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--danger) 28%,transparent);background:var(--danger-soft);color:var(--danger);font-size:.82rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .2s}.btn-profile-logout:hover{background:color-mix(in srgb,var(--danger) 16%,transparent);border-color:color-mix(in srgb,var(--danger) 42%,transparent);color:var(--danger)}.bottom-nav{position:fixed;inset:0 auto 0 0;width:282px;display:flex;flex-direction:column;padding:22px 16px 18px;border-right:1px solid var(--surface-border);background:var(--surface-1);box-shadow:8px 0 30px #181d260a;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.sidebar-brand img{width:64px;height:64px;object-fit:contain;filter:none}.sidebar-brand div{display:grid;line-height:.92}.sidebar-brand strong{color:var(--text-1);font-family:var(--font-heading);font-size:1.45rem;font-weight:900}.sidebar-brand span{color:var(--accent);font-family:var(--font-heading);font-size:.96rem;font-weight:900}.sidebar-menu{display:flex;flex:1;flex-direction:column;gap:5px;overflow-y:auto;padding-right:4px}.sidebar-group{margin:18px 10px 7px;color:var(--text-3);font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.nav-item{position:relative;min-height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border:1px solid transparent;border-radius:10px;color:var(--text-2);font-size:.92rem;font-weight:800;text-align:left}.nav-item svg{flex:0 0 auto}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong);box-shadow:none}.nav-item:not(.active):hover{border-color:var(--surface-border);background:var(--surface-2);color:var(--text-1)}.nav-item b{margin-left:auto;min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:.68rem}.nav-ghost{opacity:.82}.sidebar-cta{margin-top:18px;padding:18px;border:1px solid rgba(244,122,31,.22);border-radius:8px;background:var(--accent-soft);box-shadow:none}.sidebar-cta div{display:grid;gap:8px;max-width:165px}.sidebar-cta strong{color:var(--text-1);font-size:1rem;line-height:1.15}.sidebar-cta span{color:var(--text-2);font-size:.8rem}.sidebar-cta button{min-height:36px;margin-top:16px;padding:0 16px;border-radius:8px;background:var(--accent);color:#fff;font-weight:900;box-shadow:0 12px 26px #ff7a0042}@media(max-width:1023px){.bottom-nav{position:fixed;inset:auto 0 0;width:auto;height:78px;flex-direction:row;align-items:center;justify-content:space-around;padding:0 10px;border-top:1px solid var(--surface-border);border-right:0;background:color-mix(in srgb,var(--surface-1) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-brand,.sidebar-group,.nav-ghost,.sidebar-cta{display:none}.sidebar-menu{width:100%;display:flex;flex-direction:row;justify-content:space-around;gap:4px;overflow:visible;padding:0}.nav-item{min-width:0;min-height:64px;flex:1;flex-direction:column;justify-content:center;gap:5px;padding:0 4px;border-radius:14px;font-size:.68rem;text-align:center}.nav-item span{max-width:100%}}[data-theme=dark] .nav-item.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong)}.dashboard-layout-wrapper{display:flex;flex-direction:column;gap:24px;padding:24px 24px 100px;background:var(--app-bg);min-height:100vh;color:#fff;font-family:Inter,sans-serif}@media(min-width:1024px){.dashboard-layout-wrapper{display:grid;grid-template-columns:3.1fr 1fr;align-items:start;gap:24px}}.dashboard-main-area{display:flex;flex-direction:column;gap:24px}.dashboard-welcome-header{display:flex;justify-content:space-between;align-items:center;background:#0d162699;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0003}.dashboard-welcome-header h1{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:4px;background:linear-gradient(135deg,#fff,#e0e1e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-welcome-header p{font-size:.9rem;color:var(--text-2)}.header-badge-id{display:flex;flex-direction:column;align-items:flex-end}.header-badge-id span{font-size:.75rem;color:var(--text-2);text-transform:uppercase;letter-spacing:1px}.header-badge-id strong{font-size:1.15rem;color:#ff7a00;font-family:Outfit,sans-serif;font-weight:700;text-shadow:0 0 10px rgba(255,122,0,.3)}.dashboard-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric-box{background:#0d1626a6;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-box:hover{transform:translateY(-4px);border-color:#f47a1f4d;box-shadow:0 8px 30px #f47a1f26}.metric-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(244,122,31,.5),transparent);opacity:0;transition:opacity .3s}.metric-box:hover:before{opacity:1}.m-left{display:flex;flex-direction:column}.m-left span{font-size:.8rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.m-left strong{font-size:2rem;font-weight:700;color:#fff;line-height:1.1;font-family:Outfit,sans-serif}.trend-up{font-size:.75rem;color:var(--success);margin-top:6px;display:flex;align-items:center;gap:4px;font-weight:600}.trend-down{font-size:.75rem;color:var(--danger);margin-top:6px;display:flex;align-items:center;gap:4px;font-weight:600}.trend-neutral{font-size:.75rem;color:#d95f0b;margin-top:6px;font-weight:600}.metric-chart{width:60px;height:30px;display:flex;align-items:center}.sparkline{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(244,122,31,.3))}.metric-chart-circle{width:38px;height:38px;border-radius:50%;background:#f47a1f1a;color:#d95f0b;display:flex;align-items:center;justify-content:center;border:1px solid rgba(244,122,31,.2)}.metric-chart-circle.bg-success-light{background:#10b9811a;color:var(--success);border-color:#10b98133}.spinning-compass{animation:spinCompass 6s linear infinite}@keyframes spinCompass{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-quick-actions{display:flex;flex-wrap:wrap;gap:12px}.dashboard-quick-actions .q-action-btn{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.08);background:#0d162680;color:#fff;box-shadow:0 4px 15px #0000001a;cursor:pointer}.dashboard-quick-actions .q-action-btn:hover{background:#ffffff0d;transform:translateY(-2px);border-color:#ffffff26}.dashboard-quick-actions .q-action-btn.primary{background:linear-gradient(135deg,#ff7a00,#ff9f1c);border:none;color:#fff;box-shadow:0 4px 20px #ff7a0059;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dashboard-quick-actions .q-action-btn.primary:hover{background:linear-gradient(135deg,#e56d00,#e58f19);box-shadow:0 6px 25px #ff7a0080}.dashboard-table-card{background:#0d1626a6;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0003}.dashboard-table-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-table-card .card-header h2{font-size:1.25rem;font-weight:700;font-family:Outfit,sans-serif;color:#fff}.link-btn-text{color:#f47a1f;font-weight:600;font-size:.85rem;transition:all .2s;background:none;border:none;cursor:pointer}.link-btn-text:hover{color:#d95f0b;text-decoration:underline}.table-responsive{overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse;text-align:left}.dashboard-table th{padding:14px 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-2);border-bottom:1px solid rgba(255,255,255,.08);font-weight:600}.dashboard-table td{padding:16px;font-size:.9rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.04)}.dashboard-table tr{transition:background-color .2s}.dashboard-table tr:hover{background-color:#ffffff05}.dashboard-table tr.active-row{background-color:#f47a1f14}.dashboard-table tr.active-row td{border-bottom-color:#f47a1f33}.table-flag{margin-right:6px;font-size:1.1rem}.status-tag{display:inline-block;padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-tag.pre_alert{background:#ff7a0026;color:#ff7a00;border:1px solid rgba(255,122,0,.25)}.status-tag.received{background:#f47a1f26;color:#f47a1f;border:1px solid rgba(244,122,31,.25)}.status-tag.transit{background:#f47a1f26;color:#d95f0b;border:1px solid rgba(244,122,31,.25)}.status-tag.delivered{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.25)}.btn-track-action{background:#f47a1f26;color:#f47a1f;border:1px solid rgba(244,122,31,.3);padding:6px 12px;border-radius:6px;font-weight:600;font-size:.8rem;transition:all .2s;cursor:pointer}.btn-track-action:hover{background:#f47a1f;color:#fff;box-shadow:0 0 10px #f47a1f4d}.dashboard-bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.dashboard-sub-card{background:#0d1626a6;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 24px #00000026;display:flex;flex-direction:column;gap:16px}.dashboard-sub-card h3{font-size:1.05rem;font-weight:700;font-family:Outfit,sans-serif;color:#fff}.card-header-mini{display:flex;justify-content:space-between;align-items:center}.doughnut-chart-block{display:flex;align-items:center;justify-content:space-around;gap:12px}.doughnut-visual{position:relative;width:100px;height:100px}.doughnut-center-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.doughnut-center-info strong{font-size:1.4rem;font-weight:700;color:#fff;line-height:1}.doughnut-center-info span{font-size:.65rem;color:var(--text-2);text-transform:uppercase}.circular-chart-dashboard{width:100%;height:100%}.circle{fill:none;stroke-width:3.5;stroke-linecap:round}.circle-bg{fill:none;stroke:#ffffff0a;stroke-width:3.5}.doughnut-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-2)}.legend-item span{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-blue{background-color:#f47a1f;box-shadow:0 0 6px #f47a1f}.dot-orange{background-color:#ff7a00;box-shadow:0 0 6px #ff7a00}.dot-green{background-color:var(--success);box-shadow:0 0 6px var(--success)}.purchase-requests-list{display:flex;flex-direction:column;gap:12px;max-height:220px;overflow-y:auto}.purchase-req-item{background:#ffffff05;border:1px solid rgba(255,255,255,.04);padding:12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.purchase-req-item:hover{background:#ffffff0a;border-color:#ffffff14}.p-req-left{display:flex;flex-direction:column;gap:4px}.p-req-left strong{font-size:.85rem;color:#fff}.p-req-left span{font-size:.75rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.p-req-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.p-req-right strong{font-size:.9rem;color:var(--success)}.status-pill{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase}.status-pill.solicitado{background:#ffffff12;color:#fff}.status-pill.cotizado{background:#f47a1f26;color:#f47a1f}.status-pill.pagado{background:#10b98126;color:var(--success)}.wallet-card-summary{background:linear-gradient(135deg,#f47a1f26,#f47a1f0d);border:1px solid rgba(244,122,31,.25);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center}.w-balance-box span{font-size:.75rem;color:var(--text-2);text-transform:uppercase}.w-balance-box h2{font-size:1.4rem;color:#fff;font-family:Outfit,sans-serif;font-weight:700}.btn-add-funds{display:flex;align-items:center;gap:6px;background:#f47a1f;color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #f47a1f4d}.btn-add-funds:hover{background:#d95f0b;box-shadow:0 4px 15px #f47a1f66}.mini-movements-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.mini-movements-list .m-title{font-size:.75rem;text-transform:uppercase;color:var(--text-2);letter-spacing:.5px;margin-bottom:2px}.movement-row{display:flex;justify-content:space-between;font-size:.8rem;color:#fff}.movement-row span{color:var(--text-2)}.neg-amount{color:var(--danger)}.pos-amount{color:var(--success)}.dashboard-side-area{display:flex;flex-direction:column;gap:20px}.side-card{background:#0d1626a6;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 24px #00000026}.side-card h3{font-size:1.05rem;font-weight:700;font-family:Outfit,sans-serif;color:#fff;margin-bottom:16px}.pkg-active-details{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:8px 12px;border-radius:8px;margin-bottom:16px;border:1px solid rgba(255,255,255,.05)}.pkg-active-details strong{font-size:.85rem;color:#fff}.status-dot{font-size:.7rem;font-weight:700;text-transform:uppercase}.status-dot.pre_alert{color:#ff7a00}.status-dot.received{color:#f47a1f}.status-dot.transit{color:#d95f0b}.status-dot.delivered{color:var(--success)}.tracking-timeline-stepper{display:flex;flex-direction:column;gap:16px;position:relative;padding-left:20px;margin-top:10px}.tracking-timeline-stepper:before{content:"";position:absolute;top:6px;bottom:6px;left:4px;width:2px;background:#ffffff0f}.timeline-step-item{display:flex;gap:14px;position:relative}.step-circle-indicator{position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:#ffffff26;border:2px solid var(--app-bg);display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s}.timeline-step-item.completed .step-circle-indicator{background:#f47a1f;box-shadow:0 0 10px #f47a1f}.step-inner-active-dot{width:4px;height:4px;border-radius:50%;background:#fff}.step-milestone-info{display:flex;flex-direction:column;gap:2px;flex:1;opacity:.4;transition:opacity .3s}.timeline-step-item.completed .step-milestone-info{opacity:1}.step-header{display:flex;justify-content:space-between;align-items:center}.step-header strong{font-size:.85rem;color:#fff;font-weight:600}.step-header small{font-size:.7rem;color:var(--text-2)}.step-milestone-info span{font-size:.75rem;color:var(--text-2)}.notifications-panel .notifications-list{display:flex;flex-direction:column;gap:12px}.notif-item{display:flex;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.04)}.notif-item:last-child{border-bottom:none;padding-bottom:0}.n-dot{width:6px;height:6px;border-radius:50%;background:transparent;margin-top:6px;flex-shrink:0}.n-dot.active{background:#ff7a00;box-shadow:0 0 6px #ff7a00}.n-info p{font-size:.8rem;color:#fff;line-height:1.3}.n-info small{font-size:.7rem;color:var(--text-2)}.arrivals-list{display:flex;flex-direction:column;gap:12px}.arrival-item{display:flex;gap:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);padding:12px;border-radius:10px}.a-icon{width:32px;height:32px;border-radius:8px;background:#f47a1f26;color:#f47a1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.a-info{display:flex;flex-direction:column;gap:2px}.a-info strong{font-size:.85rem;color:#fff}.a-info span{font-size:.75rem;color:var(--text-2)}.a-info small{font-size:.65rem;color:var(--text-2)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content-premium{background:var(--surface-1);border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:20px;width:min(92vw,760px);max-width:760px;max-height:88vh;overflow-y:auto;box-shadow:0 24px 64px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}.modal-content-premium .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-content-premium .modal-header h3{font-family:Outfit,sans-serif;color:#fff;font-size:1.2rem;margin:0}.modal-content-premium .close-btn{background:none;border:none;cursor:pointer;color:var(--text-2)}.modal-content-premium .form-group{margin-bottom:16px}.modal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modal-form-grid .form-group{margin-bottom:0}.modal-form-grid .full-width{grid-column:1 / -1}.modal-content-premium .form-group label{display:block;color:var(--text-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.modal-content-premium .form-group input,.modal-content-premium .form-group select{width:100%;background:#060b1399;border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:12px;font-size:.95rem}.modal-content-premium .form-group input:focus,.modal-content-premium .form-group select:focus{outline:none;border-color:#f47a1f;box-shadow:0 0 0 3px #f47a1f26}.modal-content-premium .modal-actions{display:flex;gap:12px;margin-top:24px}.modal-content-premium .btn-cancel{flex:1;background:transparent;color:var(--text-2);border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:10px;cursor:pointer}.modal-content-premium .btn-cancel:hover{background:#ffffff05;color:#fff}.modal-content-premium .btn-save{flex:1;background:linear-gradient(135deg,#ff7a00,#ff9f1c);border:none;color:#fff;font-weight:700;padding:12px;border-radius:10px;cursor:pointer;box-shadow:0 4px 15px #ff7a004d}.modal-content-premium .btn-save:hover{background:linear-gradient(135deg,#e56d00,#e58f19);box-shadow:0 4px 20px #ff7a0073}.dashboard-layout-wrapper.home-view{min-height:calc(100vh - 82px);padding:24px 32px 34px;background:radial-gradient(circle at 72% 0%,rgba(244,122,31,.18),transparent 28%),radial-gradient(circle at 12% 100%,rgba(255,122,0,.08),transparent 24%),linear-gradient(180deg,#030c28e0,#02071bfa)}@media(min-width:1280px){.dashboard-layout-wrapper.home-view{grid-template-columns:minmax(0,1.9fr) minmax(360px,.82fr);gap:24px}}.dashboard-welcome-header,.metric-box,.dashboard-table-card,.dashboard-sub-card,.side-card{border:1px solid rgba(244,122,31,.28);background:linear-gradient(180deg,#071d52ad,#030e2cd1);box-shadow:inset 0 0 30px #f47a1f14,0 18px 44px #00000038}.dashboard-welcome-header{min-height:126px;padding:26px 28px;border-radius:18px;overflow:hidden;position:relative}.dashboard-welcome-header:after{content:"";position:absolute;right:0;top:0;width:380px;height:100%;background:linear-gradient(90deg,transparent,rgba(2,7,27,.52)),var(--welcome-bg, url(/brand-logistics-reference.png)) right 38% / 520px auto no-repeat;opacity:.35;pointer-events:none}.dashboard-welcome-header h1{font-size:clamp(1.9rem,3vw,2.65rem);line-height:1;background:none;-webkit-text-fill-color:#fff;text-transform:none}.dashboard-welcome-header p{margin-top:8px;color:#dde8ffa8}.header-badge-id{position:relative;z-index:1;min-width:185px;padding:14px 16px;border:1px solid rgba(255,122,0,.26);border-radius:15px;background:#02071b80}.header-badge-id strong{color:var(--accent);font-size:1.35rem}.dashboard-metrics-row{grid-template-columns:repeat(5,minmax(170px,1fr))}.metric-box{min-height:122px;border-radius:14px;padding:18px 18px 16px}.metric-box:before{opacity:1;height:1px;background:linear-gradient(90deg,rgba(244,122,31,.65),transparent)}.m-left span{color:#dde8ffa8;font-size:.82rem;text-transform:none}.m-left strong{font-size:2.1rem}.metric-chart-circle,.metric-chart{width:52px;height:52px;border-radius:50%;justify-content:center;padding:10px;background:radial-gradient(circle,#f47a1fb8,#f47a1f2e);border:1px solid rgba(244,122,31,.35);box-shadow:0 0 22px #f47a1f3d}.metric-box:nth-child(2) .metric-chart,.metric-box:nth-child(2) .metric-chart-circle{background:radial-gradient(circle,#ff7a00b8,#ff7a0029);border-color:#ff7a004d}.dashboard-quick-actions{display:grid;grid-template-columns:1.2fr 1fr 1.1fr}.dashboard-quick-actions .q-action-btn{min-height:48px;border-radius:12px;border-color:#f47a1f3d;background:#071d528a;font-weight:900}.dashboard-quick-actions .q-action-btn.primary{background:linear-gradient(135deg,#ff7a00,#ffb11f);box-shadow:0 14px 28px #ff7a0042}.dashboard-table-card,.dashboard-sub-card,.side-card{border-radius:14px}.dashboard-table-card .card-header h2,.dashboard-sub-card h3,.side-card h3{font-size:1.12rem;font-weight:900}.link-btn-text{color:var(--accent-strong);text-decoration:none}.dashboard-table th{color:#dde8ff85;border-bottom-color:#f47a1f2e}.dashboard-table td{border-bottom-color:#f47a1f1a}.dashboard-table tr.active-row,.dashboard-table tr:hover{background:#f47a1f1f}.status-tag{border-radius:7px;text-transform:none}.btn-track-action,.btn-add-funds{border-radius:8px;color:#fff;background:#f47a1f33;border:1px solid rgba(244,122,31,.34)}.btn-track-action:hover,.btn-add-funds:hover{background:#f47a1f}.doughnut-chart-block{min-height:160px}.doughnut-visual{width:128px;height:128px}.wallet-card-summary{border-color:#f47a1f47;background:radial-gradient(circle at right,rgba(244,122,31,.34),transparent 42%),#02071b70}.w-balance-box h2{font-size:1.65rem}.pkg-active-details,.purchase-req-item,.arrival-item{border-color:#f47a1f2e;background:#02071b5c}.tracking-timeline-stepper:before{background:linear-gradient(180deg,#f47a1f,#f47a1f14)}.timeline-step-item.completed .step-circle-indicator{background:#f47a1f;box-shadow:0 0 16px #f47a1fcc}.n-dot.active,.a-icon{background:var(--accent);box-shadow:0 0 16px #ff7a0080}.a-icon{color:#fff}.modal-content-premium{border-color:#f47a1f47;background:linear-gradient(180deg,#071d52f5,#02071bfa)}@media(max-width:1400px){.dashboard-metrics-row{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:780px){.dashboard-layout-wrapper.home-view{padding:16px 14px 92px}.dashboard-welcome-header{align-items:flex-start;flex-direction:column}.dashboard-metrics-row,.dashboard-quick-actions,.modal-form-grid{grid-template-columns:1fr}.modal-content-premium{width:94vw}}.dashboard-layout-wrapper.home-view{background:var(--app-bg)!important;color:var(--text-1)}.dashboard-welcome-header,.metric-box,.dashboard-table-card,.dashboard-sub-card,.side-card,.wallet-card-summary{border-radius:8px!important;border-color:var(--surface-border)!important;background:var(--surface-1)!important;box-shadow:var(--surface-shadow)!important}.header-badge-id,.pkg-active-details,.purchase-req-item,.arrival-item{border-color:var(--surface-border);border-radius:8px;background:var(--surface-2)}.metric-chart-circle,.metric-chart,.metric-box:nth-child(2) .metric-chart,.metric-box:nth-child(2) .metric-chart-circle{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong);box-shadow:none}.dashboard-quick-actions .q-action-btn{border:1px solid var(--surface-border);border-radius:8px;background:var(--surface-1);color:var(--text-1);box-shadow:none}.dashboard-quick-actions .q-action-btn:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong)}.dashboard-quick-actions .q-action-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 18px #f47a1f29}.dashboard-table tr.active-row,.dashboard-table tr:hover{background:var(--row-hover)}.modal-content-premium{border-color:var(--surface-border)!important;background:var(--surface-1)!important;color:var(--text-1)!important;box-shadow:var(--shadow-lg)}.m-left span{color:var(--text-2)}.m-left strong,.step-header strong,.n-info p,.a-info strong,.side-card p,.dashboard-sub-card p{color:var(--text-1)}.n-info small,.a-info span,.side-card small,.dashboard-sub-card small{color:var(--text-2)}.notif-item{border-bottom-color:var(--surface-border)}.arrival-item{border-color:var(--surface-border);background:var(--surface-2)}.package-list{display:flex;flex-direction:column;gap:16px;margin-top:8px}.tracking-mode-tabs{display:flex;gap:6px;background:#060b1380;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.06);width:fit-content;margin-bottom:4px}.tracking-mode-tab{padding:8px 16px;background:transparent;border:none;border-radius:7px;color:var(--text-2);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tracking-mode-tab:hover{color:var(--text-1)}.tracking-mode-tab.active{background:#f47a1f2e;color:#d95f0b}.search-bar-container{margin-top:16px;margin-bottom:16px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-3)}.search-input-wrapper input{width:100%;padding:14px 14px 14px 44px;border:1px solid var(--surface-border);border-radius:8px;font-size:.95rem;background:var(--surface-2);color:var(--text-1);outline:none;transition:all .2s ease}.search-input-wrapper input::placeholder{color:var(--text-3)}.search-input-wrapper input:focus{border-color:#f47a1f80;box-shadow:0 0 0 3px #f47a1f26}.empty-tracking{text-align:center;padding:40px 20px;color:var(--text-2);display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{color:var(--surface-border);margin-bottom:8px}.empty-tracking h3{color:var(--text-1);font-size:1.1rem}.empty-tracking p{font-size:.9rem;max-width:250px;margin:0 auto}.package-list-item{background:#0d162699;border-radius:14px;padding:16px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.07);transition:all .2s ease}.package-list-item:hover{border-color:#f47a1f40;background:#0d1626cc}.package-list-item:active{transform:scale(.99)}.pkg-icon-container{width:48px;height:48px;background:#f47a1f1f;border:1px solid rgba(244,122,31,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#d95f0b;flex-shrink:0}.pkg-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.pkg-header{display:flex;justify-content:space-between;align-items:center}.pkg-store{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-2);letter-spacing:.5px}.pkg-date{font-size:.7rem;color:var(--text-3)}.pkg-id{font-weight:600;color:var(--text-1);font-size:1rem}.pkg-desc{font-size:.85rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.pkg-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}.pkg-meta-grid div,.pkg-accounting{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 10px}.pkg-meta-grid span,.pkg-accounting span{display:block;font-size:.68rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.pkg-meta-grid strong,.pkg-accounting strong{display:block;margin-top:3px;font-size:.78rem;color:var(--text-1)}.pkg-accounting{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.pkg-accounting strong{color:#d95f0b}.pkg-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.status-tag{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.status-tag.received{background:#f47a1f26;color:#d95f0b}.status-tag.transit{background:#fbbf2426;color:var(--warning)}.status-tag.customs{background:#f47a1f26;color:#d95f0b}.status-tag.available{background:var(--accent-soft);color:var(--accent-strong)}.status-tag.delivered{background:#10b98126;color:var(--success)}.status-tag.pre_alert{background:#94a3b826;color:var(--text-2)}.pkg-weight{font-size:.75rem;font-weight:600;color:var(--text-2)}.pkg-chevron{color:var(--surface-border)}.filter-btn{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-2);padding:6px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--surface-border)}.loading-container{display:flex;justify-content:center;align-items:center;padding:60px 0;color:#d95f0b}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content-premium{background:var(--surface-1);border:1px solid var(--surface-border);box-shadow:var(--shadow-lg);border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;color:var(--text-1);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--surface-border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-1);background:none;-webkit-text-fill-color:currentColor}.close-btn{background:none;border:none;color:var(--text-2);cursor:pointer;transition:var(--transition)}.close-btn:hover{color:var(--text-1)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:20px}.modal-section-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin-bottom:8px;border-bottom:1px solid var(--surface-border);padding-bottom:4px}.timeline-stepper{display:flex;flex-direction:column;gap:16px;margin:10px 0}.timeline-step{display:flex;gap:16px;position:relative}.timeline-step:not(:last-child):after{content:"";position:absolute;left:8px;top:20px;bottom:-16px;width:2px;background:var(--surface-border);z-index:1}.timeline-step.completed:not(:last-child):after{background:#f47a1f}.step-indicator{width:18px;height:18px;border-radius:50%;background:var(--surface-2);border:2px solid var(--surface-border);display:flex;align-items:center;justify-content:center;z-index:2;margin-top:2px}.timeline-step.completed .step-indicator{border-color:#f47a1f;background:#f47a1f}.step-info{flex:1;display:flex;flex-direction:column;gap:2px}.step-info strong{font-size:.88rem;color:var(--text-1)}.timeline-step.completed .step-info strong{color:var(--accent-strong)}.step-info span{font-size:.78rem;color:var(--text-2)}.step-info small{font-size:.72rem;color:var(--text-3)}.modal-grid-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modal-grid-details div{background:var(--surface-2);border:1px solid var(--surface-border);border-radius:8px;padding:10px}.modal-grid-details span{display:block;font-size:.68rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.modal-grid-details strong{display:block;margin-top:4px;font-size:.82rem;color:var(--text-1)}.modal-accounting-details{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:10px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.modal-accounting-details div{text-align:center}.modal-accounting-details span{display:block;font-size:.68rem;color:var(--text-2);text-transform:uppercase}.modal-accounting-details strong{display:block;margin-top:4px;font-size:.9rem;color:var(--text-1)}.modal-accounting-details strong.pending-highlight{color:var(--warning)}.modal-accounting-details strong.paid-highlight{color:var(--success)}.preview-attachments{display:flex;gap:12px;margin-top:4px}.preview-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--surface-2);border:1px solid var(--surface-border);border-radius:8px;color:var(--text-1);text-decoration:none;font-size:.82rem;font-weight:600;transition:var(--transition)}.preview-btn:hover{background:var(--row-hover);border-color:var(--accent-border)}.modal-footer{padding:16px 20px;border-top:1px solid var(--surface-border);display:flex;justify-content:flex-end}.btn-primary-modal{padding:8px 20px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary-modal:hover{opacity:.95;box-shadow:0 4px 15px #f47a1f59}.calc-view-wrapper{display:flex;flex-direction:column;gap:24px;background:transparent;padding:24px}@media(min-width:1024px){.calc-view-wrapper{display:grid;grid-template-columns:1.4fr 1fr;align-items:start;gap:32px}}.calc-main-content{background:var(--surface-1);border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);border-radius:8px;padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-header h2{font-size:1.4rem;font-weight:800;color:var(--text-1);font-family:Outfit,sans-serif}.header-icon{color:#ff7a00;filter:drop-shadow(0 0 8px rgba(255,122,0,.4))}.type-selector{display:flex;gap:12px;margin-bottom:24px}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:8px;font-size:.95rem;font-weight:700;background:var(--surface-2);border:1px solid var(--surface-border);color:var(--text-2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-btn:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong)}.type-btn.active{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent-border);box-shadow:none}.calc-form{display:flex;flex-direction:column;gap:20px}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}.input-group.full-width{grid-column:1 / -1}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.8rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center}.input-group input,.input-group select{padding:12px 14px;background:#060b1399;border:1px solid rgba(244,122,31,.24);border-radius:10px;color:#fff;font-size:.95rem;outline:none;transition:all .3s}.input-group input:focus,.input-group select:focus{border-color:#f47a1f;box-shadow:0 0 0 3px #f47a1f33}.input-group select option{background:var(--surface-1);color:var(--text-1)}.calculate-btn{width:100%;background:var(--accent);border:none;color:#fff;padding:16px;border-radius:8px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 10px 24px #ff7a0040;transition:all .3s}.calculate-btn:hover{transform:translateY(-2px);background:var(--accent-strong);box-shadow:0 8px 18px #f47a1f2e}.result-card{margin-top:28px;background:var(--surface-2);border:1px solid var(--surface-border);border-radius:8px;padding:20px;box-shadow:none}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.result-header h3{margin:0;font-size:1.05rem;color:var(--text-1);font-family:Outfit,sans-serif;font-weight:800}.rate-pill{background:#f47a1f1f;border:1px solid rgba(244,122,31,.3);color:#d95f0b;padding:3px 10px;border-radius:6px;font-size:.78rem;font-weight:800}.result-main-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.res-item{display:flex;flex-direction:column;gap:4px}.res-item span{font-size:.76rem;color:var(--text-2)}.res-item strong{font-size:1.05rem;color:var(--text-1)}.res-item.highlight{background:#f47a1f1a;border:1px solid rgba(244,122,31,.2);padding:8px 12px;border-radius:8px}.res-item.highlight strong{color:#f47a1f;font-size:1.2rem;text-shadow:0 0 10px rgba(244,122,31,.3)}.result-divider{height:1px;background:#f47a1f26;margin:16px 0}.result-footer{display:flex;flex-direction:column;gap:12px}.final-price{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ff7a0024,#ffb11f0a);border:1px solid rgba(255,122,0,.35);padding:14px 18px;border-radius:10px}.final-price span{font-weight:800;color:var(--text-1);font-size:.95rem}.final-price strong{font-size:1.6rem;font-weight:900;color:#ff7a00;text-shadow:0 0 15px rgba(255,122,0,.4)}.calc-note-box{display:flex;align-items:center;gap:8px;background:var(--surface-1);padding:10px 12px;border-radius:8px;border:1px solid var(--surface-border)}.calc-note-box svg{color:#ff7a00;flex-shrink:0}.calc-note-box p{margin:0;font-size:.76rem;color:var(--text-2);line-height:1.3}.calc-pricing-guide{background:var(--surface-1);border:1px solid var(--surface-border);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guide-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--surface-border);padding-bottom:12px}.guide-header h3{font-size:1.15rem;color:var(--text-1);font-family:Outfit,sans-serif;font-weight:800}.guide-header svg{color:#d95f0b}.guide-section{display:flex;flex-direction:column;gap:10px}.guide-title{font-size:.88rem;font-weight:900;letter-spacing:.5px;margin:0 0 4px;padding:4px 10px;border-radius:6px;width:fit-content}.guide-title.air{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent-border)}.guide-title.sea{background:#ff7a001f;color:#ff9f1c;border:1px solid rgba(255,122,0,.22)}.guide-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.guide-list li{font-size:.82rem;color:var(--text-2);line-height:1.4}.guide-list li strong{color:var(--text-1)}.bullet-city{padding-left:14px;position:relative}.bullet-city:before{content:"▪";color:#d95f0b;position:absolute;left:2px;font-size:.75rem}.guide-section:nth-child(3) .bullet-city:before{color:#ff9f1c}.guide-disclaimer{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.75rem!important;color:var(--text-3)!important;background:var(--surface-2);padding:6px 10px;border-radius:6px}.guide-disclaimer svg{color:#ff7a00}.guide-footer-promo{background:var(--surface-2);border:1px solid var(--surface-border);padding:12px 14px;border-radius:12px}.guide-footer-promo p{margin:0;font-size:.8rem;color:var(--text-2);line-height:1.4}.profile-hero{display:flex;align-items:center;gap:20px;background:var(--surface-1);padding:24px;border-radius:8px;margin-top:16px;border:1px solid var(--surface-border)}.profile-large-avatar{width:70px;height:70px;background:#f47a1f1f;border:1px solid rgba(244,122,31,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d95f0b;flex-shrink:0}.profile-hero-info h3{font-size:1.25rem;margin-bottom:6px;color:var(--text-1)}.user-code-tag{background:#f47a1f26;color:#d95f0b;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px}.locker-address-card{margin-top:24px;background:var(--surface-1);border-radius:8px;border:1px solid var(--surface-border);padding:24px}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.address-title{display:flex;align-items:center;gap:10px}.address-title h3{color:var(--text-1);font-size:1.05rem;margin:0}.primary-color{color:#d95f0b}.address-status{background:#10b98126;color:var(--success);font-size:.65rem;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.5px}.address-details p{font-size:.85rem;color:var(--text-2);margin-bottom:16px}.address-box{background:var(--surface-2);padding:16px;border-radius:8px;border:1px solid var(--surface-border);display:flex;flex-direction:column;gap:10px}.address-line{display:flex;align-items:center;gap:10px;font-size:.85rem;padding-bottom:10px;border-bottom:1px solid var(--surface-border)}.address-line:last-child{padding-bottom:0;border-bottom:none}.address-line span{color:var(--text-2);width:110px;flex-shrink:0}.address-line strong{flex:1;color:var(--text-1);word-break:break-word}.address-line svg{cursor:pointer;color:var(--text-3);transition:color .15s ease;flex-shrink:0}.address-line svg:hover{color:#d95f0b}.profile-options{margin-top:32px;display:flex;flex-direction:column;gap:12px}.option-item{background:var(--surface-1);padding:16px;border-radius:8px;display:flex;align-items:center;gap:12px;border:1px solid var(--surface-border);color:var(--text-1);font-weight:500;cursor:pointer;transition:background .15s ease}.option-item:hover{background:var(--row-hover)}.option-item.logout{color:var(--danger);margin-top:8px}.option-item.logout:hover{background:#ef44441a}.auth-overlay{position:fixed;inset:0;background:var(--app-bg);background-image:none;z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px}.auth-container{width:100%;max-width:400px;background:var(--surface-1);border:1px solid var(--surface-border);border-radius:8px;padding:32px;box-shadow:var(--shadow-lg);animation:slideUp .5s cubic-bezier(.165,.84,.44,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:30px;position:relative}.auth-back-btn{position:absolute;top:-10px;left:0;background:none;border:none;color:var(--text-2);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.auth-back-btn:hover{color:#f47a1f}.auth-header h1{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;color:var(--text-1);margin-bottom:6px;background:none;-webkit-text-fill-color:currentColor}.auth-header p{color:var(--text-2);font-size:.9rem}.auth-error-badge{background:var(--danger-soft);color:var(--danger);padding:12px;border-radius:8px;font-size:.85rem;margin-bottom:20px;border:1px solid color-mix(in srgb,var(--danger) 28%,transparent);text-align:center;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:16px}.input-field{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.password-toggle:hover{color:#f47a1f}.field-icon{position:absolute;left:14px;color:var(--text-2)}.input-field input{width:100%;padding:14px 14px 14px 42px;background:var(--surface-2);border:1px solid var(--surface-border);border-radius:8px;font-size:.95rem;color:var(--text-1);outline:none;transition:all .3s}.input-field input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--focus-ring)}.auth-submit-btn{background:var(--accent);color:#fff;padding:14px;border-radius:8px;font-weight:700;font-size:1rem;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;box-shadow:0 4px 15px #ff7a004d;cursor:pointer}.auth-submit-btn:hover{background:var(--accent-strong);box-shadow:0 8px 18px #f47a1f2e}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px}.auth-footer button{color:#f47a1f;font-weight:600;font-size:.85rem;cursor:pointer;background:none;border:none}.auth-footer button:hover{color:#d95f0b;text-decoration:underline}.biometric-login{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-2);font-size:.8rem;cursor:pointer;transition:all .3s}.biometric-login:hover{color:#f47a1f}.biometric-login svg{color:#f47a1f;filter:drop-shadow(0 0 6px rgba(244,122,31,.3))}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invoices-view{padding:32px;max-width:1200px;margin:0 auto;color:#fff;min-height:100vh}.btn-back-home{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid rgba(244,122,31,.3);background:#f47a1f1f;color:#d95f0b;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s}.btn-back-home:hover{background:#f47a1f40;border-color:#f47a1f80;transform:translate(-3px)}.print-all-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:.85rem;font-weight:700;color:#dde8ffcc;cursor:pointer;transition:all .2s}.print-all-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff4d}.invoices-list{display:flex;flex-direction:column;gap:20px;margin-top:28px}.invoice-card{background:#07194773;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;border:1px solid rgba(244,122,31,.18);padding:24px;position:relative;box-shadow:0 4px 30px #0006,inset 0 0 20px #f47a1f0d;transition:all .3s cubic-bezier(.16,1,.3,1)}.invoice-card:hover{transform:translateY(-4px);border-color:#f47a1f6b;box-shadow:0 10px 40px #f47a1f26}.invoice-card.paid{border-color:#20e68a40;box-shadow:inset 0 0 25px #20e68a05}.invoice-badge{position:absolute;top:24px;right:24px}.paid-tag{background:#20e68a1f;color:var(--success);border:1px solid rgba(32,230,138,.3);padding:4px 12px;border-radius:20px;font-size:.76rem;font-weight:800;display:flex;align-items:center;gap:5px}.pending-tag{background:#ff7a001f;color:#ff7a00;border:1px solid rgba(255,122,0,.3);padding:4px 12px;border-radius:20px;font-size:.76rem;font-weight:800;display:flex;align-items:center;gap:5px}.pending-verification-tag{background:#f47a1f1f;color:#d95f0b;border:1px solid rgba(244,122,31,.3);padding:4px 12px;border-radius:20px;font-size:.76rem;font-weight:800;display:flex;align-items:center;gap:5px}.invoice-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:20px}.inv-left{display:flex;flex-direction:column;gap:5px}.inv-type{font-size:.72rem;font-weight:900;color:#d95f0b;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 10px rgba(244,122,31,.2)}.inv-ref{margin:4px 0;font-size:1.25rem;color:#fff;font-weight:800}.inv-desc{font-size:.9rem;color:#dde8ffbf;margin:0}.inv-date{font-size:.8rem;color:#dde8ff73;margin-top:4px}.inv-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.inv-amount{display:flex;align-items:baseline;color:#fff}.inv-amount .currency{font-size:.95rem;font-weight:700;color:#d95f0b}.inv-amount .value{font-size:1.7rem;font-weight:900;letter-spacing:-.5px}.inv-partial{font-size:.8rem;color:#dde8ff99;font-weight:700}.invoice-footer{padding-top:18px;border-top:1px solid rgba(244,122,31,.12);display:flex;justify-content:space-between;align-items:center;gap:16px}.inv-details-summary{font-size:.82rem;color:#dde8ff99;display:flex;align-items:center;gap:6px}.inv-actions{display:flex;align-items:center;gap:12px}.download-btn-minimal{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 14px;border-radius:8px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s}.download-btn-minimal:hover{background:#ffffff1f;transform:translateY(-1px)}.pay-invoice-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f47a1f,#d95f0b);border:none;color:#fff;padding:8px 18px;border-radius:8px;font-size:.82rem;font-weight:800;cursor:pointer;box-shadow:0 4px 15px #f47a1f59;transition:all .25s}.pay-invoice-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #f47a1f73}.view-invoice-btn{background:none;border:none;color:#dde8ff99;font-weight:700;font-size:.82rem;display:flex;align-items:center;gap:4px;cursor:pointer;transition:color .2s}.view-invoice-btn:hover{color:#d95f0b}.loading-state,.empty-state-invoices{text-align:center;padding:80px 20px;color:#dde8ff80;background:#0719474d;border:1px dashed rgba(244,122,31,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-icon-glow{color:#f47a1f40;filter:drop-shadow(0 0 10px rgba(244,122,31,.1));margin-bottom:16px}.payment-modal-overlay{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.payment-modal-card{background:#040e2df5;border:1px solid rgba(244,122,31,.35);box-shadow:0 20px 60px #000c,0 0 30px #f47a1f33;border-radius:24px;width:100%;max-width:520px;padding:32px;position:relative;color:#fff;animation:zoomInModal .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes zoomInModal{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-modal-btn{position:absolute;top:24px;right:24px;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#dde8ffb3;display:grid;place-items:center;cursor:pointer;transition:all .2s}.close-modal-btn:hover{background:#ff6b6b26;border-color:#ff6b6b4d;color:var(--danger)}.modal-header-payment{margin-bottom:24px}.modal-header-payment h3{font-size:1.4rem;font-weight:800;margin:0 0 6px;letter-spacing:-.5px}.modal-header-payment p{margin:0;font-size:.88rem;color:#dde8ffb3}.modal-header-payment strong{color:#d95f0b}.payment-method-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#07194799;padding:6px;border-radius:12px;border:1px solid rgba(244,122,31,.15);margin-bottom:24px}.method-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;border:none;background:transparent;color:#dde8ff99;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .25s}.method-tab.active{background:#f47a1f59;color:#fff;box-shadow:0 2px 10px #0000004d,inset 0 0 10px #f47a1f4d;border:1px solid rgba(244,122,31,.25)}.payment-details-form{display:flex;flex-direction:column;gap:18px}.form-group-pay{display:flex;flex-direction:column;gap:8px}.form-group-pay label{font-size:.82rem;font-weight:700;color:#dde8ffcc}.form-group-pay input,.form-group-pay select{min-height:46px;border-radius:10px;border:1px solid rgba(244,122,31,.28);background:#07194799;padding:0 16px;color:#fff;font:inherit;font-size:.9rem;outline:none;box-shadow:inset 0 0 12px #f47a1f0d}.form-group-pay input:focus,.form-group-pay select:focus{border-color:#d95f0b;box-shadow:0 0 12px #f47a1f33}.form-row-pay{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stripe-alert-info{display:flex;gap:10px;background:#f47a1f1f;border:1px solid rgba(244,122,31,.3);padding:12px 16px;border-radius:10px;color:#d95f0b;font-size:.8rem;line-height:1.4;margin-bottom:6px}.stripe-alert-info svg{flex-shrink:0}.bcv-exchange-badge{align-self:center;background:#20e68a1a;border:1px solid rgba(32,230,138,.3);color:var(--success);padding:4px 12px;border-radius:30px;font-size:.78rem;font-weight:800;display:flex;gap:6px}.ves-amount-card{background:linear-gradient(135deg,#071947cc,#f47a1f2e);border:1px solid rgba(244,122,31,.25);padding:18px 24px;border-radius:14px;text-align:center;box-shadow:inset 0 0 15px #f47a1f1a}.ves-amount-card span{font-size:.8rem;color:#dde8ff99}.ves-amount-card h2{margin:4px 0 0;font-size:1.8rem;font-weight:900;color:#d95f0b;text-shadow:0 0 15px rgba(244,122,31,.3)}.pago-movil-instructions{background:#00000040;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.pago-movil-instructions h4{margin:0 0 10px;font-size:.86rem;font-weight:800;color:#dde8ffcc;text-transform:uppercase}.inst-row{display:flex;justify-content:space-between;font-size:.84rem;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.inst-row:last-child{border-bottom:none}.inst-row span{color:#dde8ff8c}.inst-row strong{color:#fff;font-family:monospace;font-size:.9rem}.screenshot-upload-dropzone{border:1px dashed rgba(244,122,31,.4);border-radius:10px;background:#0719474d;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .25s;color:#dde8ff99}.screenshot-upload-dropzone:hover{border-color:#d95f0b;background:#f47a1f14;color:#fff}.screenshot-upload-dropzone span{font-size:.78rem;font-weight:600}.confirm-payment-btn-glow{background:linear-gradient(135deg,#f47a1f 0%,var(--success) 100%);border:none;border-radius:12px;min-height:52px;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 4px 20px #20e68a40;transition:all .25s;margin-top:10px}.confirm-payment-btn-glow:hover{transform:translateY(-2px);box-shadow:0 6px 26px #20e68a73}.confirm-payment-btn-glow:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.payment-success-block{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 10px}.success-lottie-circle{width:80px;height:80px;border-radius:50%;background:#20e68a1f;border:2px solid var(--success);display:grid;place-items:center;margin-bottom:24px;box-shadow:0 0 25px #20e68a59;animation:bounceCircle .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounceCircle{0%{transform:scale(.3)}to{transform:scale(1)}}.checkmark-icon{color:var(--success)}.payment-success-block h2{font-size:1.6rem;font-weight:900;margin:0 0 12px;color:#fff}.payment-success-block p{font-size:.95rem;line-height:1.5;color:#dde8ffb3;margin:0}@media(max-width:768px){.invoices-view{padding:16px}.invoice-main{flex-direction:column;gap:12px}.inv-right{text-align:left;align-items:flex-start}.invoice-footer{flex-direction:column;align-items:flex-start;gap:16px}.inv-actions{width:100%;justify-content:space-between}.payment-modal-card{padding:24px 16px}}.invoices-view{background:var(--app-bg);color:var(--text-1)}.invoice-card,.payment-modal-card{border-radius:8px;border-color:var(--surface-border);background:var(--surface-1);color:var(--text-1);box-shadow:var(--surface-shadow)}.invoice-card:hover{border-color:var(--accent-border);box-shadow:var(--surface-shadow)}.inv-ref,.inv-amount,.invoice-card h2,.invoice-card h3,.invoice-card strong,.payment-modal-card h2{color:var(--text-1)}.inv-desc,.inv-partial,.inv-details-summary,.payment-modal-card p,.payment-success-block p{color:var(--text-2)}.inv-date{color:var(--text-3)}.invoice-footer{border-top-color:var(--surface-border)}.print-all-btn,.download-btn-minimal{border-color:var(--surface-border);background:var(--surface-2);color:var(--text-1)}.print-all-btn:hover,.download-btn-minimal:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong)}.landing-container{min-height:100vh;background:radial-gradient(circle at 70% 12%,rgba(0,102,255,.28),transparent 30%),radial-gradient(circle at 18% 22%,rgba(255,122,0,.1),transparent 24%),linear-gradient(180deg,#02071b,#061845 46%,#02071b);color:#fff;overflow-x:hidden}.landing-hero-rebuilt{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.landing-hero-rebuilt:before{content:"";position:absolute;top:0;left:0;right:0;z-index:-1;height:132px;background:linear-gradient(180deg,#02071bfa,#02071bb8,#02071b00);pointer-events:none}.landing-hero-rebuilt:after{content:"";position:absolute;left:0;top:120px;bottom:0;z-index:-1;width:min(58vw,980px);background:linear-gradient(90deg,#04123af5,#04123ae6 72%,#04123a00);pointer-events:none}.hero-reference-bg{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#02071be6,#02071ba8 33%,#02071b05 62%),var(--hero-bg, url(/brand-logistics-reference.png)) center top / cover no-repeat;filter:saturate(1.07) contrast(1.05)}.tech-active .hero-reference-bg{background:linear-gradient(90deg,#02071be6,#02071b9e 36%,#02071b1f 74%),var(--hero-bg, url(/brand-tech-reference.png)) center top / cover no-repeat}.hero-left-mask{position:absolute;inset:0 auto 0 0;z-index:-2;width:min(58vw,1040px);background:linear-gradient(90deg,#04123a,#04123afa 58%,#04123a00),radial-gradient(circle at 20% 35%,rgba(0,102,255,.28),transparent 34%)}.public-nav{position:relative;z-index:3;width:min(1680px,calc(100% - 88px));min-height:112px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.public-brand{display:flex;align-items:center;gap:14px;text-align:left}.public-brand img{width:92px;height:92px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 16px rgba(0,102,255,.58))}.public-brand span{display:grid;color:#fff;font-family:var(--font-heading);font-size:2rem;font-weight:900;line-height:.9}.public-brand strong{color:var(--accent);font-size:.68em}.public-nav nav{display:flex;justify-content:center;gap:clamp(20px,2.4vw,46px)}.public-nav nav button{position:relative;display:inline-flex;align-items:center;gap:4px;color:#ffffffe6;font-size:.92rem;font-weight:900;text-transform:uppercase}.public-nav nav button.active:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:3px;border-radius:999px;background:var(--accent);box-shadow:0 0 18px #ff7a00cc}.public-actions{display:flex;align-items:center;gap:22px}.public-whatsapp{display:flex;align-items:center;gap:10px;color:#fff;font-size:.9rem;line-height:1.05}.public-whatsapp strong{color:var(--accent)}.public-cta,.hero-main-btn,.landing-contact button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:linear-gradient(135deg,#ff7a00,#ffb11f);color:#fff;font-weight:900;text-transform:uppercase;box-shadow:0 18px 38px #ff7a005c,inset 0 1px #ffffff47}.public-cta{min-width:230px;min-height:56px;padding:0 28px}.hero-live-content{width:min(780px,calc(100% - 88px));margin:70px auto 0;margin-left:max(44px,calc((100vw - 1680px)/2 + 44px))}.division-pill{width:fit-content;display:flex;align-items:center;gap:9px;margin-bottom:24px;padding:12px 22px;border:1px solid rgba(66,148,255,.48);border-radius:999px;background:#051d589e;color:#fffffff0;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.division-pill svg{color:var(--accent)}.hero-live-content h1{margin:0 0 22px;color:#fff;font-family:var(--font-heading);font-size:clamp(4.8rem,7.7vw,8.7rem);font-weight:900;line-height:.86;letter-spacing:0;text-transform:uppercase;text-shadow:0 14px 30px rgba(0,0,0,.42)}.hero-live-content h1 span{display:block;color:var(--accent)}.hero-live-content p{max-width:620px;margin:0 0 34px;color:#ebf2ffeb;font-size:clamp(1.24rem,1.6vw,1.68rem);line-height:1.24}.hero-live-actions{display:flex;align-items:center;gap:22px;margin-bottom:36px}.hero-main-btn,.hero-secondary-btn{min-height:66px;padding:0 34px;font-size:1rem}.hero-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:235px;border:1px solid rgba(66,148,255,.46);border-radius:999px;background:#020c269e;color:#fff;font-weight:900;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;color:#ebf2ffdb}.hero-trust-row>span{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding-right:22px;border-right:1px solid rgba(255,255,255,.24);font-size:.95rem}.hero-trust-row>span:last-child{border-right:0}.hero-trust-row svg{color:#fff}.avatar-stack{display:flex;align-items:center}.avatar-stack img,.avatar-stack strong{width:40px;height:40px;margin-right:-10px;border:2px solid #04123a;border-radius:50%}.avatar-stack img{object-fit:cover}.avatar-stack strong{display:grid;place-items:center;background:var(--accent);color:#fff;font-size:.78rem}.map-switch{position:absolute;z-index:4;right:34px;min-width:94px;min-height:38px;border:1px solid rgba(66,148,255,.34);border-radius:999px;background:#020c26a3;color:#ffffffc7;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-switch.logistics{bottom:86px}.map-switch.tech{bottom:38px}.logistics-active .map-switch.logistics,.tech-active .map-switch.tech{background:linear-gradient(135deg,#ff7a00,#ffb11f);color:#fff}.brand-live-section,.brand-process-section,.tech-live-panel,.landing-contact{position:relative;z-index:2;width:min(1520px,calc(100% - 88px));margin:0 auto}.brand-live-section{padding:64px 0 34px}.brand-section-heading{max-width:820px;margin-bottom:30px}.brand-section-heading span,.tech-live-panel span:first-child{display:inline-flex;margin-bottom:10px;padding:7px 15px;border:1px solid rgba(66,148,255,.34);border-radius:999px;color:#ff9f1c;background:#0518468a;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.brand-section-heading h2,.tech-live-panel h2{margin:0;font-size:clamp(2.15rem,4vw,4.25rem);font-weight:900;line-height:.98;text-transform:uppercase}.brand-section-heading p,.brand-live-card p,.process-card p,.tech-live-panel p,.landing-contact span,.landing-contact a{color:#dde8ffb8}.brand-section-heading p{margin-top:12px;font-size:1.05rem}.brand-card-grid{display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden;border:1px solid rgba(66,148,255,.38);border-radius:24px;background:linear-gradient(180deg,#041c54e0,#030e2cd1);box-shadow:0 0 36px #0066ff2e}.brand-card-grid.tech-grid{grid-template-columns:repeat(4,1fr)}.brand-live-card{min-height:190px;padding:28px 22px 24px;border-right:1px solid rgba(66,148,255,.22)}.brand-live-card:last-child{border-right:0}.brand-card-icon,.process-card div{width:58px;height:58px;display:grid;place-items:center;margin-bottom:14px;border-radius:50%;color:#fff;background:#ff8500;box-shadow:0 0 22px #ff7a004d}.brand-live-card:nth-child(2n) .brand-card-icon{background:#0d6bff;box-shadow:0 0 22px #0d6bff57}.brand-live-card h3{margin:0 0 10px;font-size:1.02rem;text-transform:uppercase}.brand-live-card p{max-width:220px;font-size:.9rem;line-height:1.38}.brand-process-section{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:30px 0 72px}.process-card,.tech-live-panel,.landing-contact{border:1px solid rgba(66,148,255,.32);border-radius:22px;background:linear-gradient(180deg,#051d58bd,#041030d6);box-shadow:0 16px 36px #0000003d}.process-card{min-height:172px;padding:28px 24px}.process-card h3{margin:0 0 8px;text-transform:uppercase}.tech-live-panel{display:grid;grid-template-columns:.86fr 1.14fr;gap:30px;align-items:center;margin-bottom:60px;padding:34px}.tech-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tech-flow span{min-height:92px;display:flex;align-items:center;gap:10px;padding:16px;border:1px solid rgba(66,148,255,.24);border-radius:18px;background:#01081c70;color:#fff;font-weight:800}.tech-flow svg{color:#ff8a00}.landing-contact{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px;padding:22px 26px}.landing-contact strong{color:#fff}.landing-contact button{min-height:46px;padding:0 22px}@media(max-width:1280px){.public-nav{grid-template-columns:auto 1fr}.public-nav nav{display:none}.public-actions{justify-self:end}.brand-card-grid,.brand-card-grid.tech-grid,.brand-process-section,.tech-live-panel,.tech-flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.landing-hero-rebuilt{min-height:auto;padding-bottom:52px}.hero-reference-bg{background-position:58% top;opacity:.55}.hero-left-mask{width:100%;background:linear-gradient(90deg,#04123af5,#04123adb)}.public-nav,.hero-live-content,.brand-live-section,.brand-process-section,.tech-live-panel,.landing-contact{width:calc(100% - 28px);margin-left:auto;margin-right:auto}.public-nav{min-height:86px;display:flex}.public-brand img{width:58px;height:58px}.public-brand span{font-size:1.25rem}.public-whatsapp{display:none}.public-cta{min-width:auto;min-height:42px;padding:0 14px;font-size:.74rem}.hero-live-content{margin-top:38px}.hero-live-content h1{font-size:3.75rem}.hero-live-actions,.hero-trust-row,.landing-contact{align-items:stretch;flex-direction:column}.hero-main-btn,.hero-secondary-btn{width:100%;min-width:0}.hero-trust-row>span{border-right:0}.map-switch{display:none}.brand-card-grid,.brand-card-grid.tech-grid,.brand-process-section,.tech-live-panel,.tech-flow{grid-template-columns:1fr}.brand-live-card{border-right:0;border-bottom:1px solid rgba(66,148,255,.22)}}.public-whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid rgba(32,230,138,.28);background:#20e68a1a;color:#20e68a;font-weight:700;min-height:56px;padding:0 24px;font-size:.92rem;box-shadow:0 8px 24px #20e68a26;transition:all .3s}.public-whatsapp-btn:hover{background:#20e68a2e;border-color:#20e68a73;transform:translateY(-2px);box-shadow:0 12px 30px #20e68a40;color:#fff}.footer-whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(32,230,138,.28);background:#20e68a14;color:#20e68a;padding:10px 20px;font-weight:700;font-size:.85rem;text-transform:uppercase;transition:all .3s}.footer-whatsapp-btn:hover{background:#20e68a29;border-color:#20e68a61;transform:scale(1.03)}.app-container{min-height:100vh;display:grid;grid-template-columns:282px minmax(0,1fr);grid-template-rows:82px 1fr;background:var(--app-bg)}.header{grid-column:2;grid-row:1}.bottom-nav{grid-column:1;grid-row:1 / span 2}.main-content{grid-column:2;grid-row:2;min-width:0;overflow-y:auto;background:var(--app-bg)}.main-content>div{animation:fadeIn .24s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:#aeb3ba;border-radius:999px}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--text-1);font-weight:900;font-size:1.2rem;background:var(--app-bg)}.loading-screen.compact{min-height:min(60vh,560px);font-size:.95rem}.error-screen-full{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--app-bg)}.error-card{max-width:420px;width:100%;padding:34px;border:1px solid var(--surface-border);border-radius:8px;background:var(--surface-1);color:var(--text-1);text-align:center;box-shadow:var(--shadow-lg)}.error-card p{color:var(--text-2);margin:18px 0 26px}.error-actions{display:grid;gap:12px}.btn-retry,.btn-logout-err{padding:13px;border-radius:12px;font-weight:900}.btn-retry{background:var(--accent);color:#fff}.btn-logout-err{border:1px solid var(--surface-border);color:var(--danger)}@media(max-width:1023px){.app-container{display:flex;flex-direction:column;padding-bottom:78px;overflow-x:hidden}.header,.main-content,.bottom-nav{grid-column:auto;grid-row:auto}}