@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary-h:358;--primary-s:83%;--primary-l:51%;--primary:hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-hover:hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 8%));--primary-light:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .15);--primary-glow:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .35);--success:#1fbd59;--success-light:#1fbd5926;--warning:#ff990a;--warning-light:#ff990a26;--danger:#f43e5c;--danger-light:#f43e5c26;--info:#0da2e7;--bg-main:#001422;--bg-surface:#14213d;--bg-card:#14213da6;--bg-card-hover:#14213dd9;--border-glass:#ffffff0d;--border-glass-focus:#ffffff1f;--border-active:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .4);--text-main:#e6e7e9;--text-muted:#a7a9ac;--text-dark:#6b7280;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 30px #0000004d;--shadow-glow:0 0 20px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .2)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-glass) transparent;margin:0;padding:0;font-family:Montserrat,Outfit,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.bg-mesh{z-index:-10;background-color:var(--bg-main);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-mesh:after{content:"";background:radial-gradient(circle, hsla(var(--primary-h), var(--primary-s), var(--primary-l), .12) 0%, transparent 70%);filter:blur(80px);pointer-events:none;width:60%;height:60%;position:absolute;top:-20%;right:-10%}.bg-mesh:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#1fbd590d 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:-10%;left:-10%}h1,h2,h3,h4,h5,h6{color:#fff;letter-spacing:.04em;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-weight:700}p{color:var(--text-muted)}a{color:var(--primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.glass-card:hover{border-color:var(--border-glass-focus);background:var(--bg-card-hover);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 25px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .35);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-glass-focus);color:#fff;transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff;box-shadow:0 0 15px #1fbd5933}.btn-success:hover{background:#199a48;transform:translateY(-1px);box-shadow:0 0 20px #1fbd594d}.btn-warning{background:var(--warning);color:#fff;box-shadow:0 0 15px #ff990a33}.btn-warning:hover{background:#e68600;transform:translateY(-1px);box-shadow:0 0 20px #ff990a4d}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-main);font-size:.875rem;font-weight:500}.form-input{border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:#fff;transition:var(--transition-fast);background:#0f172a99;outline:none;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:#0f172ad9}.form-input::placeholder{color:var(--text-dark)}.form-error{color:var(--danger);font-size:.8rem;font-weight:500}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-primary{background:var(--primary-light);color:var(--primary)}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.nav-links{display:none!important}.mobile-toggle{justify-content:center;align-items:center;display:flex!important}.hero-section{text-align:center;grid-template-columns:1fr!important;gap:30px!important;padding:30px 4%!important}.hero-section h1{font-size:2.2rem!important}.hero-section p{margin:0 auto 24px!important;font-size:.98rem!important}.hero-section div{flex-wrap:wrap;justify-content:center;gap:12px!important}.hero-section .btn{box-sizing:border-box;width:100%}.timeline-grid{grid-template-columns:1fr!important;gap:20px!important}.values-grid{text-align:center;grid-template-columns:1fr!important;gap:40px!important}.values-grid .badge{margin:0 auto 10px}.values-cards{grid-template-columns:1fr!important;gap:15px!important}.form-group{grid-column:span 1!important}.cart-grid{grid-template-columns:1fr!important;gap:20px!important}.cart-item{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.cart-item div:last-child{justify-content:space-between!important;width:100%!important}.catalog-filters{flex-direction:column!important;align-items:stretch!important}.catalog-filters div:first-child{justify-content:center!important}.catalog-filters div:last-child{max-width:100%!important}.kpis-grid{grid-template-columns:1fr!important;gap:15px!important}.footer-grid{text-align:center;grid-template-columns:1fr!important;gap:30px!important}.footer-grid div{flex-direction:column;align-items:center;display:flex}.footer-bottom{text-align:center;flex-direction:column!important;gap:10px!important}}.hero-badge-outline{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#e41d230d;border:1px solid #e41d2340;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 0 15px #e41d231a}.hero-badge-outline svg{color:var(--primary)}.hero-mini-features{border-top:1px solid var(--border-glass);grid-template-columns:repeat(2,1fr);gap:16px;margin-top:35px;padding-top:25px;display:grid}@media (width>=480px){.hero-mini-features{grid-template-columns:repeat(4,1fr)}}.hero-mini-feature-item{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hero-mini-feature-icon{color:var(--primary);background:#e41d2314;border:1px solid #e41d2326;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hero-mini-feature-title{color:#fff;letter-spacing:.03em;font-family:Bebas Neue,sans-serif;font-size:.95rem;line-height:1.1}.hero-mini-feature-subtitle{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:500}.hero-cans-container{flex-direction:column;align-items:center;width:100%;max-width:540px;margin:0 auto;display:flex}.hero-cans-image-wrapper{width:100%;transition:var(--transition-smooth);justify-content:center;display:flex;position:relative}.hero-cans-image{object-fit:contain;filter:drop-shadow(0 15px 35px #0009);width:100%;height:auto;transition:var(--transition-smooth)}.hero-cans-container:hover .hero-cans-image{filter:drop-shadow(0 25px 45px #e41d2326)drop-shadow(0 15px 30px #000000b3);transform:scale(1.03)translateY(-5px)}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.float-effect{animation:6s ease-in-out infinite floatY}.hero-cans-labels{justify-content:space-around;width:100%;margin-top:20px;padding:0 10px;display:flex}.hero-can-label-item{text-align:center;flex:1}.hero-can-label-title{color:#fff;letter-spacing:.04em;margin-bottom:2px;font-family:Bebas Neue,sans-serif;font-size:1.1rem;line-height:1}.hero-can-label-desc{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:500}.hero-stats-banner{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);background:linear-gradient(135deg,#14213dcc 0%,#0f172ad9 100%);width:100%;margin-top:20px;padding:24px 5%}.hero-stats-container{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1280px;margin:0 auto;display:grid}@media (width>=992px){.hero-stats-container{grid-template-columns:repeat(4,1fr)}}.hero-stat-card{align-items:center;gap:16px;padding:10px;display:flex}.hero-stat-icon-wrapper{border:1px solid var(--border-glass);width:46px;height:46px;color:var(--primary);transition:var(--transition-normal);background:#ffffff05;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 15px #0003}.hero-stat-card:hover .hero-stat-icon-wrapper{color:#fff;background:#e41d231a;border-color:#e41d234d;transform:scale(1.1);box-shadow:0 0 15px #e41d2340}.hero-stat-info{flex-direction:column;gap:2px;display:flex}.hero-stat-value{color:#fff;letter-spacing:.04em;font-family:Bebas Neue,sans-serif;font-size:1.5rem;line-height:1}.hero-stat-desc{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:500;line-height:1.2}.nav-btn-outline{border:1px solid var(--border-glass);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);background:0 0;padding:8px 18px;font-size:.85rem;font-weight:600}.nav-btn-outline:hover{background:#ffffff0a;border-color:#ffffff26}.table-dense th,.table-dense td{padding:6px 8px!important;font-size:.78rem!important}.table-dense tr{transition:var(--transition-fast)}.table-dense tr:hover{background:#ffffff05!important}.smart-selector-container{width:100%;position:relative}.smart-selector-input-wrapper{align-items:center;display:flex;position:relative}.smart-selector-dropdown{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass-focus);border-radius:var(--radius-sm);width:100%;max-height:220px;box-shadow:var(--shadow-md);z-index:2000;background:#14213d;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto}.smart-selector-option{color:var(--text-main);cursor:pointer;transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.82rem;display:flex}.smart-selector-option:hover,.smart-selector-option.highlighted{background:var(--primary-light);color:#fff}.smart-selector-option strong{color:#fff}.hotkey-badge{color:var(--text-muted);background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;padding:2px 5px;font-family:monospace;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:inset 0 -1px #0006}.form-input-fast:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.hero-product-bg-overlay{z-index:1;opacity:.18;pointer-events:none;filter:grayscale(15%)contrast(1.15)brightness(.9)blur(1px);background-position:50%;background-repeat:no-repeat;background-size:cover;width:110%;height:110%;position:absolute;top:-10%;left:-5%;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.hero-product-glow-underlay{z-index:0;pointer-events:none;filter:blur(25px);background:radial-gradient(circle,#e41d2317 0%,#14213d73 45%,#00142200 75%);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.hero-cans-container{filter:drop-shadow(0 15px 40px #00000080)drop-shadow(0 0 50px #e41d2314)}.segmented-control-container{width:100%}.segmented-control{border:1px solid var(--border-glass);box-sizing:border-box;background:#00000040;border-radius:8px;width:100%;padding:2px;display:flex}.segmented-button{color:var(--text-muted);cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 4px;font-size:.72rem;font-weight:500;transition:all .2s;overflow:hidden}.segmented-button:hover{color:var(--text-main);background:#ffffff05}.segmented-button.active{font-weight:600;box-shadow:0 2px 6px #e41d234d;background:var(--primary)!important;color:#fff!important}@media (width<=576px){.pagination-numbers{display:none!important}.pagination-mobile-info{display:block!important}}@media (width>=577px){.pagination-mobile-info{display:none!important}}.catalog-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-glass);grid-template-columns:80px 2fr 1.2fr 1.2fr 1fr 140px;align-items:center;gap:16px;padding:12px 24px;font-size:.78rem;font-weight:600;display:grid}.catalog-table-row{transition:var(--transition-normal);grid-template-columns:80px 2fr 1.2fr 1.2fr 1fr 140px;align-items:center;gap:16px;margin-bottom:10px;padding:14px 24px;display:grid}.catalog-table-row:hover{border-color:var(--border-glass-focus);background:var(--bg-card-hover);transform:translateY(-1px)}.mobile-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:105px;margin-right:8px;font-size:.72rem;font-weight:600;display:none}.view-toggle-btn{border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff05;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.view-toggle-btn:hover{color:#fff;background:#ffffff0d}.view-toggle-btn.active{background:var(--primary-light);color:var(--primary);border-color:var(--border-active)}.view-toggle-btn:first-child{border-right:none;border-top-left-radius:8px;border-bottom-left-radius:8px}.view-toggle-btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}@media (width<=900px){.catalog-table-header{display:none!important}.catalog-table-row{gap:12px;padding:18px;grid-template-columns:1fr!important}.catalog-table-row>div{justify-content:flex-start;align-items:center;display:flex}.catalog-table-row .cell-color{border-bottom:1px solid var(--border-glass);width:100%;margin-bottom:4px;padding-bottom:8px;justify-content:flex-start!important}.catalog-table-row .cell-name{width:100%;margin-bottom:6px;font-size:1.05rem;font-weight:700}.catalog-table-row .cell-actions{border-top:1px solid var(--border-glass);width:100%;margin-top:8px;padding-top:12px;justify-content:flex-start!important}.mobile-label{display:inline-block!important}}.table-scroll-container{-webkit-overflow-scrolling:touch;width:100%;position:relative;overflow-x:auto}.table-scroll-container:after{content:"➔";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-active);color:var(--primary);width:26px;height:26px;box-shadow:var(--shadow-sm);pointer-events:none;opacity:0;z-index:100;background:#14213de6;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;animation:1.5s infinite bounceRight;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (width<=768px){.table-scroll-container:after{opacity:.8}}@keyframes bounceRight{0%,to{transform:translateY(-50%)}50%{transform:translate(4px,-50%)}}@media (width<=380px){.sparkline-col:not(:last-child) .sparkline-amount,.sparkline-col:nth-child(odd) .sparkline-month{display:none!important}.sparkline-month{font-size:.58rem!important}}.grid-2-equal{grid-template-columns:1fr 1fr;gap:15px;display:grid}.grid-3-col{grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}.billing-form-grid{grid-template-columns:1.45fr 1fr;gap:25px;display:grid}.grid-2-col-resp{grid-template-columns:1.2fr .8fr;gap:10px;display:grid}.grid-2-condensed{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.grid-addition-lines{grid-template-columns:1.4fr .8fr .8fr .6fr;align-items:flex-end;gap:8px;display:grid}.grid-auto-collect{grid-template-columns:1fr 1.2fr;gap:6px;display:grid}@media (width<=576px){.exchange-rate-text{display:none!important}}@media (width<=992px){.crm-grid,.purchases-grid,.payments-grid,.requests-grid,.portal-orders-grid,.profile-grid,.cart-grid,.forex-grid,.precios-grid,.forecast-grid,.billing-form-grid,.analytics-grids{grid-template-columns:1fr!important;gap:20px!important}}.subnav-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row!important;gap:8px!important;padding:4px!important;display:flex!important;overflow-x:auto!important}.subnav-scroll-container::-webkit-scrollbar{display:none}.subnav-scroll-container button,.subnav-scroll-container a{white-space:nowrap!important;flex-shrink:0!important}.grid-manifest-item{grid-template-columns:1.5fr 70px 100px auto;align-items:flex-end;gap:8px;display:grid}@media (width<=768px){.grid-2-equal,.grid-3-col,.grid-2-col-resp,.grid-2-condensed,.grid-addition-lines,.grid-auto-collect,.grid-manifest-item{grid-template-columns:1fr!important;gap:12px!important}}.btn,button[class*=btn],.subnav-scroll-container button,.view-toggle-btn{min-width:44px;min-height:44px}@media (width<=768px){:root{--font-base:15px}body{font-size:var(--font-base)}}.page-content{padding:20px 4%}@media (width<=768px){.page-content{padding:16px 4%}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}@media (width<=600px){.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}}@media (width<=380px){.kpi-grid{grid-template-columns:1fr}}@media (hover:none){.glass-card:hover,.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover{transform:none}}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);width:100%;overflow-x:auto}.table-responsive table{min-width:480px}@media (width<=768px){.table-responsive table{font-size:.78rem}.table-responsive th,.table-responsive td{white-space:nowrap;padding:8px!important}}.dashboard-bottom-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.dashboard-bottom-grid{grid-template-columns:1fr}}.erp-header-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;display:flex}@media (width<=480px){.erp-header-inner{gap:6px}.erp-header-title{font-size:.88rem!important}.erp-rate-badge{gap:5px!important;padding:5px 8px!important;font-size:.72rem!important}}@media (width<=768px){.erp-main-content{padding:18px 4%!important}}.mobile-drawer-nav{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}@media (width<=768px){.hero-cta-buttons{flex-direction:column!important;gap:12px!important}.hero-cta-buttons .btn{justify-content:center;width:100%!important}}@media (width<=480px){.hero-section{min-height:auto!important;padding:28px 5% 20px!important}.hero-section h1{font-size:2rem!important}.hero-cans-container{max-width:280px!important}}@media (width<=600px){.hero-stats-container{grid-template-columns:1fr 1fr!important;gap:16px!important}}.landing-request-card .form-group{gap:5px;margin-bottom:0}.landing-request-card .form-label{font-size:.82rem}.landing-request-card .form-input{padding:9px 12px;font-size:.9rem}@media (width<=768px){.landing-request-card{padding:24px 16px!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-card{background:#14213df2!important}}@supports (padding:max(0px)){.erp-main-content{padding-left:max(4%, env(safe-area-inset-left))!important;padding-right:max(4%, env(safe-area-inset-right))!important;padding-bottom:max(20px, env(safe-area-inset-bottom))!important}nav,.erp-header{padding-left:max(4%, env(safe-area-inset-left));padding-right:max(4%, env(safe-area-inset-right))}.mobile-drawer-content{padding-bottom:max(25px, env(safe-area-inset-bottom))}}@media (width<=500px){.pwa-install-banner{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.pwa-install-banner .btn{width:100%}}.tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid #ffffff12;gap:4px;padding-bottom:1px;display:flex;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll button{white-space:nowrap;flex-shrink:0}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}@media (width<=480px){.cell-truncate{max-width:120px}}.fab-area{z-index:500;display:none;position:fixed;bottom:20px;right:16px}@media (width<=768px){.fab-area{bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}}.fab-btn{background:var(--primary);color:#fff;cursor:pointer;width:52px;height:52px;transition:var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #e41d2366}.spinner{border:3px solid #ffffff14;border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.glass-card{-webkit-overflow-scrolling:touch;overflow-x:auto}.glass-card table{min-width:480px}}html,body,#root{max-width:100vw;overflow-x:hidden}.bg-mesh{overflow:hidden}.bg-mesh:before,.bg-mesh:after{max-width:100vw}@media (width<=600px){.billing-header-row{flex-direction:column;align-items:flex-start;gap:10px}.billing-header-row h2{font-size:1.1rem}}@media (width<=768px){.erp-main-content{gap:12px;padding:12px 3%!important}.glass-card{border-radius:10px;padding:12px!important}h2{font-size:1.15rem!important}h3{font-size:1rem!important}h4{font-size:.88rem!important}p{font-size:.78rem}.btn{gap:5px!important;min-height:36px!important;padding:7px 14px!important;font-size:.78rem!important}.btn svg{width:13px!important;height:13px!important}.form-input,select.form-input,input.form-input,textarea.form-input{padding-top:8px!important;padding-bottom:8px!important;padding-right:10px!important;font-size:.82rem!important}.form-group{gap:5px;margin-bottom:12px}.form-label{font-size:.76rem}.badge{padding:2px 7px;font-size:.68rem}.glass-card table th,.glass-card table td,.table-responsive th,.table-responsive td,.table-scroll-container th,.table-scroll-container td{font-size:.75rem;padding:6px 8px!important}.kpi-grid>*{padding:12px!important}.subnav-scroll-container{gap:4px;padding:4px 6px}.subnav-scroll-container .btn,.subnav-scroll-container button{min-height:30px;padding:5px 10px;font-size:.72rem}.tabs-scroll button{padding:5px 12px;font-size:.74rem}.dashboard-bottom-grid{gap:10px}.kpi-grid{gap:8px}.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important}.pwa-install-banner{padding:10px 14px;font-size:.78rem}.modal-overlay>div{max-height:92vh;padding:16px!important}.active-agent-card{padding:12px!important}.glass-card:hover,.btn:hover{transform:none}}@media (width<=400px){.btn{padding:6px 10px!important;font-size:.72rem!important}.glass-card{border-radius:8px;padding:10px!important}h2{font-size:1rem!important}h3{font-size:.9rem!important}h4{font-size:.8rem!important}.form-input{padding-top:7px!important;padding-bottom:7px!important;padding-right:9px!important;font-size:.78rem!important}.glass-card table th,.glass-card table td{font-size:.7rem;padding:5px 6px!important}.erp-main-content{padding:10px 2.5%!important}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.empty-state svg{opacity:.3;color:var(--text-muted)}.empty-state-title{color:var(--text-main);opacity:.65;margin:0;font-size:.92rem;font-weight:600}.empty-state-sub{color:var(--text-muted);max-width:280px;margin:0;font-size:.76rem}@media (width<=768px){.empty-state{padding:30px 16px}.empty-state-title{font-size:.82rem}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/600px 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.skeleton-text{border-radius:4px;height:13px;margin-bottom:6px}.w-full{width:100%}.w-3-4{width:75%}.w-1-2{width:50%}.w-1-4{width:25%}.skeleton-row{border-bottom:1px solid #ffffff08;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:10px 0;display:grid}@media (width<=600px){.skeleton-row{grid-template-columns:2fr 1fr}.skeleton-row>:nth-child(n+3){display:none}}.search-input-wrap{flex-shrink:1;width:220px;max-width:100%;position:relative}.search-input-wrap input{box-sizing:border-box;border:1px solid var(--border-glass);color:#fff;background:#ffffff0a;border-radius:8px;outline:none;width:100%;height:36px;padding-left:32px;font-size:.83rem;transition:border-color .15s}.search-input-wrap input:focus{border-color:var(--border-glass-focus)}.search-input-wrap input::placeholder{color:var(--text-muted)}.search-input-wrap .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input-wrap .search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (width<=600px){.search-input-wrap{width:100%}}@supports (padding:max(0px)){.modal-overlay{padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}}.modal-overlay .glass-card,.modal-backdrop .glass-card{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto}@media (width<=600px){.modal-overlay .glass-card,.modal-backdrop .glass-card{border-radius:12px;max-height:85vh}}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);border-top:1px solid var(--border-glass);z-index:990;height:64px;padding-bottom:env(safe-area-inset-bottom);background:#14213dd9;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0006}@media (width<=768px){.mobile-bottom-nav{justify-content:space-around;align-items:center;display:flex}.erp-main-content,main,.portal-main-content{padding-bottom:90px!important}}.mobile-bottom-nav-item{color:var(--text-muted);cursor:pointer;width:100%;height:100%;transition:var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.65rem;font-weight:600;display:flex}.mobile-bottom-nav-item svg{width:20px;height:20px;transition:transform .2s}.mobile-bottom-nav-item:active svg{transform:scale(.85)}.mobile-bottom-nav-item.active{color:#fff}.mobile-bottom-nav-item.active svg{color:var(--primary);filter:drop-shadow(0 0 5px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .5))}.fab-container{z-index:995;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:80px;right:20px}.fab-btn{pointer-events:auto;background:var(--primary);color:#fff;width:50px;height:50px;box-shadow:0 4px 15px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .45);cursor:pointer;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex}.fab-btn:hover{background:var(--primary-hover);box-shadow:0 6px 20px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .6);transform:scale(1.05)}.fab-btn:active{transform:scale(.95)}@media (width>=769px){.fab-container{display:none!important}}@media (width<=768px){.form-input,.form-input-fast{height:48px!important;font-size:.9rem!important}.btn{min-height:44px!important}.bottom-sheet-modal .glass-card{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;position:fixed;bottom:0;left:0;right:0;width:100%!important;max-width:100%!important;max-height:80vh!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;border-bottom:0!important;border-left:0!important;border-right:0!important;border-radius:20px 20px 0 0!important;box-shadow:0 -10px 40px #00000080!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-grid-2{grid-template-columns:1fr 1fr!important;gap:12px!important;display:grid!important}.btn:active,.glass-card:active{opacity:.9;transform:scale(.98)!important}}.app-layout-container{z-index:1;height:100dvh;display:flex;position:relative;overflow:hidden}.desktop-sidebar{-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-glass);background:#121824d9;flex-direction:column;flex-shrink:0;justify-content:space-between;width:280px;height:100%;padding:25px 15px;display:flex;overflow-y:auto}.desktop-sidebar.sidebar-client{background:#121824bf;padding:30px 20px}.sidebar-logo-container{align-items:center;gap:10px;margin-bottom:30px;padding-left:10px;display:flex}.sidebar-logo-container.client-logo{margin-bottom:40px;padding-left:0}.sidebar-logo{object-fit:contain;width:32px;height:32px}.sidebar-brand-name{color:#fff;letter-spacing:-.02em;font-size:1.05rem;font-weight:800;line-height:1;display:block}.sidebar-brand-sub{color:var(--text-muted);letter-spacing:.08em;margin-top:2px;font-size:.6rem;font-weight:600;display:block}.sidebar-nav-groups{flex-direction:column;gap:25px;display:flex}.sidebar-group-title{letter-spacing:.08em;margin-bottom:8px;font-size:.68rem;font-weight:700;display:block}.sidebar-group-nav{flex-direction:column;gap:4px;display:flex}.sidebar-nav-link{border-radius:var(--radius-sm);min-height:44px;color:var(--text-muted);transition:var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;outline:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.85rem;font-weight:500;display:flex}.sidebar-nav-link:hover{background:var(--border-glass);color:#fff}.sidebar-nav-link.active{background:var(--primary-light);color:var(--primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-glass);margin-top:20px;padding-top:20px}.sidebar-user-info{flex-direction:column;gap:4px;margin-bottom:12px;padding-left:8px;display:flex}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:.7rem;font-weight:600}.sidebar-user-role strong{color:var(--primary)}.main-content-wrapper{flex-direction:column;flex-grow:1;min-width:0;height:100%;display:flex;overflow:hidden auto}.app-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);z-index:10;background:#12182480;height:64px;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;height:100%;padding:0 4%;display:flex}.header-left{align-items:center;gap:10px;min-width:0;display:flex}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px;display:none}.header-title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.rate-badge-container{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 14px;display:flex}.rate-badge-container strong{color:#fff}.rate-edit-btn{color:var(--primary);cursor:pointer;min-height:unset;background:0 0;border:0;padding:0 2px;font-size:.7rem;font-weight:600}.rate-edit-form{align-items:center;gap:6px;display:flex}.rate-edit-input{width:80px;height:34px;padding:5px 8px;font-size:.78rem}.stale-rate-banner{color:#ff9f43;background:#ff990a26;border-bottom:1px solid #f973164d;align-items:center;gap:10px;padding:10px 4%;font-size:.82rem;display:flex}.stale-rate-banner span{line-height:1.4}.main-container{flex-grow:1;padding:28px 4%;overflow-x:hidden}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.mobile-drawer-content{background:var(--bg-surface);border-right:1px solid var(--border-glass);width:280px;height:100%;box-shadow:var(--shadow-md);flex-direction:column;justify-content:space-between;padding:25px 20px;display:flex;overflow-y:auto}.mobile-drawer-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.mobile-drawer-logo-container{align-items:center;gap:8px;display:flex}.mobile-drawer-logo{object-fit:contain;width:28px;height:28px}.mobile-drawer-brand-name{color:#fff;font-size:.9rem;font-weight:800;line-height:1;display:block}.mobile-drawer-brand-sub{color:var(--text-muted);margin-top:2px;font-size:.58rem;font-weight:600;display:block}.mobile-drawer-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.mobile-drawer-nav-list{flex-direction:column;gap:20px;display:flex}.mobile-drawer-group-title{margin-bottom:8px;font-size:.68rem;font-weight:700;display:block}.mobile-drawer-group-nav{flex-direction:column;gap:4px;display:flex}.mobile-drawer-footer{border-top:1px solid #ffffff0d;margin-top:20px;padding-top:20px}.mobile-drawer-user-info{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.mobile-drawer-user-name{color:#fff;font-size:.85rem;font-weight:600}.mobile-drawer-user-role{color:var(--text-muted);font-size:.7rem}.mobile-drawer-user-role strong{color:var(--primary)}.mobile-drawer-logout-btn{gap:8px;width:100%}.mobile-drawer-backdrop{flex-grow:1}.sync-toast{z-index:1000;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);color:#fff;background:#0f172ad9;border:1px solid #3b82f64d;align-items:center;gap:12px;max-width:350px;padding:16px 20px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px -5px #00000080}.sync-toast.sync-error{border-color:#ef44444d}.landing-page{--lp-bg-deep-1:#0b0f1a;--lp-bg-deep-2:#12182a;--lp-accent-cool:#35b7f3;--lp-accent-cool-soft:#35b7f31f;--lp-accent-cool-glow:#35b7f359;--lp-card-border:#ffffff17;--lp-card-border-hover:#ffffff2e;--lp-card-shadow-elevated:0 12px 40px #00000073, 0 0 0 1px #ffffff0f inset;--lp-fs-display:clamp(2.1rem, 1.35rem + 3.1vw, 3.6rem);--lp-fs-h2:clamp(1.7rem, 1.28rem + 1.75vw, 2.5rem);--lp-fs-h3:clamp(1.35rem, 1.16rem + .78vw, 1.7rem);--lp-fs-lead:clamp(1rem, .95rem + .24vw, 1.15rem);--lp-fs-body:.95rem;--lp-fs-small:.85rem;--lp-fs-micro:.75rem;--lp-space-2xs:6px;--lp-space-xs:10px;--lp-space-sm:16px;--lp-space-md:24px;--lp-space-lg:36px;--lp-space-xl:56px;--lp-space-2xl:clamp(56px, 8vw, 100px);--lp-gap-grid:clamp(16px, 2vw, 24px);--lp-radius:12px;--lp-radius-sm:8px;--lp-measure:68ch;--lp-maxw:1440px;--lp-seg-tintas-1k:#35b7f3;--lp-seg-tintas-2k:#ed3b41;--lp-seg-aluminios:#adb6c2;--lp-seg-perlas:#c297d8;--lp-seg-barnices:#3bceb1;--lp-seg-fondos:#e4a944;--lp-seg-otros:#8d97a5;background:var(--lp-bg-deep-1)}.landing-page [data-segment=tintas-1k]{--seg-accent:var(--lp-seg-tintas-1k)}.landing-page [data-segment=tintas-2k]{--seg-accent:var(--lp-seg-tintas-2k)}.landing-page [data-segment=aluminios]{--seg-accent:var(--lp-seg-aluminios)}.landing-page [data-segment=perlas]{--seg-accent:var(--lp-seg-perlas)}.landing-page [data-segment=barnices]{--seg-accent:var(--lp-seg-barnices)}.landing-page [data-segment=fondos]{--seg-accent:var(--lp-seg-fondos)}.landing-page [data-segment=otros]{--seg-accent:var(--lp-seg-otros)}.landing-page .bg-mesh{background-color:var(--lp-bg-deep-1)}.landing-page .bg-mesh:before{background:radial-gradient(circle,#1fbd590a 0%,#0000 70%)}.landing-page .bg-mesh:after{background:radial-gradient(circle, var(--lp-accent-cool-soft) 0%, transparent 70%)}.landing-page .glass-card{border-color:var(--lp-card-border)}.landing-page .glass-card:hover{border-color:var(--lp-card-border-hover)}.landing-page .glass-card--elevated:hover{box-shadow:var(--lp-card-shadow-elevated);border-color:var(--lp-accent-cool)}.landing-page .lp-title-soft{text-transform:none;letter-spacing:-.01em;color:#fff;font-family:Montserrat,Outfit,sans-serif;font-weight:800}.landing-page .lp-eyebrow{text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.landing-page .lp-section{padding:var(--lp-space-2xl) 5%;position:relative}.landing-page .lp-section--tight{padding:calc(var(--lp-space-2xl) * .7) 5%}.landing-page .lp-section-head{max-width:680px;margin:0 auto var(--lp-space-xl)}.landing-page .lp-section-head--center{text-align:center}.landing-page .lp-section-head h2{font-size:var(--lp-fs-h2);text-wrap:balance}.landing-page .lp-section-head p{margin-top:var(--lp-space-sm);line-height:1.6;font-size:var(--lp-fs-lead);max-width:var(--lp-measure)}.landing-page .lp-section-head--center p{margin-left:auto;margin-right:auto}.landing-page .lp-pack{font-size:var(--lp-fs-micro);letter-spacing:.04em;text-transform:uppercase;color:#a1a7af;white-space:nowrap;font-weight:600}.landing-page .lp-seg-mark{border-radius:var(--lp-radius-sm);width:42px;height:42px;color:var(--seg-accent,var(--lp-accent-cool));background:color-mix(in srgb, var(--seg-accent,var(--lp-accent-cool)) 14%, transparent);border:1px solid color-mix(in srgb, var(--seg-accent,var(--lp-accent-cool)) 32%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-page .lp-seg-mark--sm{border-radius:7px;width:34px;height:34px}@media (width<=900px){.landing-page .catalog-table-row .cell-name{flex-direction:column;align-items:flex-start;gap:2px}}.landing-page .lp-pending{font-size:var(--lp-fs-small);color:var(--text-muted);border-left:1px solid var(--lp-card-border);padding-left:var(--lp-space-sm);line-height:1.6}.landing-page .hero-section{padding:var(--lp-space-lg) 5% var(--lp-space-md);gap:var(--lp-space-lg);grid-template-columns:1.2fr 1fr;align-items:center;min-height:70vh;display:grid}.landing-page .hero-title{font-size:var(--lp-fs-display);margin-bottom:var(--lp-space-md);text-wrap:balance;font-weight:800;line-height:1.08}.landing-page .hero-title-accent{color:var(--primary)}.landing-page .hero-lead{font-size:var(--lp-fs-lead);margin-bottom:var(--lp-space-lg);max-width:var(--lp-measure);line-height:1.6}.landing-page .hero-cta-buttons{gap:var(--lp-space-sm);flex-wrap:wrap;display:flex}.landing-page .hero-cta{font-size:var(--lp-fs-body);padding:14px 28px}.landing-page .hero-visual{justify-content:center;width:100%;display:flex;position:relative}.landing-page .hero-cans-container{z-index:2;position:relative}@media (width<=900px){.landing-page .hero-section{grid-template-columns:1fr}}.landing-page .lp-doors{gap:var(--lp-gap-grid);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1080px;margin:0 auto;display:grid}.landing-page .lp-door{gap:var(--lp-space-2xs);padding:var(--lp-space-md);height:100%;transition:var(--transition-normal);flex-direction:column;display:flex}.landing-page .lp-door-title{font-size:var(--lp-fs-h3);color:#fff;text-transform:none}.landing-page .lp-door-blurb{font-size:var(--lp-fs-small);flex:1;line-height:1.6}.landing-page .lp-door-go{align-items:center;gap:var(--lp-space-2xs);margin-top:var(--lp-space-xs);font-size:var(--lp-fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-weight:700;display:inline-flex}.landing-page .lp-door:hover .lp-door-go{gap:var(--lp-space-xs)}.landing-page .lp-steps{gap:var(--lp-space-sm);counter-reset:paso;flex-direction:column;max-width:820px;margin:0 auto;list-style:none;display:flex}.landing-page .lp-step{align-items:start;gap:var(--lp-space-sm);padding:var(--lp-space-md);grid-template-columns:auto auto 1fr;display:grid}.landing-page .lp-step-num{font-size:var(--lp-fs-h3);color:var(--primary);min-width:1.4ch;font-weight:800;line-height:1}.landing-page .lp-step-title{font-size:var(--lp-fs-h3);color:#fff;text-transform:none;margin-bottom:var(--lp-space-2xs)}@media (width<=640px){.landing-page .lp-step{grid-template-columns:auto 1fr}.landing-page .lp-step .lp-seg-mark{display:none}}.landing-page .lp-guides{gap:var(--lp-gap-grid);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1080px;margin:0 auto;display:grid}.landing-page .lp-faq-filters{gap:var(--lp-space-2xs);margin-bottom:var(--lp-space-lg);flex-wrap:wrap;justify-content:center;display:flex}.landing-page .lp-faq-list{gap:var(--lp-space-xs);flex-direction:column;max-width:820px;margin:0 auto;display:flex}.landing-page .lp-faq-item{padding:0;overflow:hidden}.landing-page .lp-faq-q{justify-content:space-between;align-items:center;gap:var(--lp-space-sm);padding:var(--lp-space-sm) var(--lp-space-md);cursor:pointer;color:#fff;font-weight:600;font-size:var(--lp-fs-body);min-height:44px;list-style:none;display:flex}.landing-page .lp-faq-q::-webkit-details-marker{display:none}.landing-page .lp-faq-chevron{color:var(--primary);flex-shrink:0;transition:transform .2s}.landing-page .lp-faq-item[open] .lp-faq-chevron{transform:rotate(180deg)}.landing-page .lp-faq-a{padding:0 var(--lp-space-md) var(--lp-space-md);font-size:var(--lp-fs-small);max-width:var(--lp-measure);line-height:1.7}.landing-page .lp-wa-float{z-index:90;align-items:center;gap:var(--lp-space-xs);color:#fff;font-weight:700;font-size:var(--lp-fs-small);transition:var(--transition-normal);background:#218c48;border-radius:999px;padding:14px 20px;display:inline-flex;position:fixed;bottom:clamp(16px,3vw,28px);right:clamp(16px,3vw,28px);box-shadow:0 10px 30px #00000073}.landing-page .lp-wa-float:hover{background:#1c783e;transform:translateY(-2px)}@media (width<=640px){.landing-page .lp-wa-label{display:none}.landing-page .lp-wa-float{padding:14px}}.landing-page .lp-legal{max-width:780px;margin:0 auto;padding:50px 5% 100px}.landing-page .lp-legal h2{text-transform:none;margin:36px 0 12px;font-size:1.5rem}.landing-page .lp-legal h2:first-child{margin-top:0}.landing-page .lp-legal p,.landing-page .lp-legal li{margin-bottom:12px;font-size:.95rem;line-height:1.7}.landing-page .lp-legal ul,.landing-page .lp-legal ol{margin-bottom:16px;padding-left:22px}.landing-page .lp-legal strong{color:#fff}@media (width<=768px){.landing-page .lp-section{padding:60px 4%}.landing-page .lp-section--tight{padding:45px 4%}}