@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";button{font-family:inherit}input,select,textarea{font-size:16px!important}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.no-select{-webkit-user-select:none;user-select:none}.scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html,body{overscroll-behavior-y:contain}button,.btn,.btn-action,a.nav-item,.clickable{min-height:44px;min-width:44px}button,.btn,.btn-action{touch-action:manipulation}button:active,.btn:active,.btn-action:active,.clickable:active{opacity:.7;transform:scale(.98)}html{position:fixed;width:100%;height:100%;overflow:hidden}body,#root{width:100%;height:100%;overflow:auto}@media(hover:hover){button,.btn,.btn-action,.clickable{cursor:pointer}}@media(hover:none){button,.btn,.btn-action,.clickable{cursor:default}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e60012,#c40010);padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:30px}.logo-ixnova h1{font-size:48px;font-weight:700;margin:0 0 10px;text-transform:uppercase;letter-spacing:2px}.logo-ixnova .logo-ix{color:#1a1a2e}.logo-ixnova .logo-nova{color:#e60012}.login-header h2{font-size:20px;color:#333;margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;font-size:14px;border-left:4px solid #c62828}.btn-login{background:#e60012;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:10px}.btn-login:hover:not(:disabled){background:#c40010}.btn-login:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.login-container{padding:16px;min-height:100vh;min-height:-webkit-fill-available}.login-box{max-width:none;width:100%;padding:24px 20px;border-radius:16px}.login-header{margin-bottom:24px}.logo-ixnova h1{font-size:40px}.login-header h2{font-size:16px}.login-form{gap:16px}.form-group label{font-size:13px}.form-group input{padding:14px 16px;font-size:16px;min-height:48px;border-radius:10px}.error-message{padding:14px 16px;font-size:13px;border-radius:10px}.btn-login{padding:16px 24px;font-size:16px;min-height:52px;border-radius:10px;margin-top:8px}}.home-container{padding:20px;max-width:1200px;margin:0 auto}.welcome-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #eee}.welcome-text h1{margin:0 0 4px;font-size:28px;color:#1a1a1a;font-weight:700}.welcome-subtitle{margin:0;color:#666;font-size:15px}.welcome-date{color:#999;font-size:14px;text-transform:capitalize}.welcome-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.refresh-cache-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.refresh-cache-btn:hover:not(:disabled){background:#e60012;border-color:#e60012;color:#fff}.refresh-cache-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-cache-btn svg{flex-shrink:0}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat-card{display:flex;align-items:center;gap:14px;background:#fff;padding:18px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.stat-card svg{color:#e60012}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1}.stat-label{font-size:13px;color:#666;margin-top:4px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}.quick-search{background:#fff;padding:18px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.quick-search-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.quick-search-header svg{color:#00bcd4}.quick-search-fields{display:flex;gap:10px}.quick-search-input{flex:1;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.quick-search-input:focus{outline:none;border-color:#00bcd4}.quick-search-cantidad{width:80px;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s;text-align:center}.quick-search-cantidad:focus{outline:none;border-color:#00bcd4}.quick-search-cantidad::-webkit-outer-spin-button,.quick-search-cantidad::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quick-search-cantidad[type=number]{-moz-appearance:textfield}.quick-search-btn{padding:12px 20px;background:#00bcd4;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;min-width:100px}.quick-search-btn:hover:not(:disabled){background:#00acc1}.quick-search-btn:disabled{background:#ccc;cursor:not-allowed}.last-quote{background:linear-gradient(135deg,#fff,#fff8e1);padding:18px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #ffe082;cursor:pointer;transition:transform .2s,box-shadow .2s}.last-quote:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.last-quote-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.last-quote-header svg{color:#ff9800}.last-quote-info{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.last-quote-name{font-size:16px;font-weight:600;color:#1a1a1a}.last-quote-date{font-size:12px;color:#666}.last-quote-btn{width:100%;padding:10px 16px;background:#ff9800;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.last-quote-btn:hover{background:#f57c00}.section-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:28px}.nav-card{position:relative;display:flex;align-items:center;gap:16px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease}.nav-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a;border-color:var(--card-color, #e60012)}.nav-card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.nav-card-content h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a1a1a}.nav-card-content p{margin:0;font-size:13px;color:#666}.nav-card-badge{position:absolute;top:12px;right:12px;background:#e60012;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:12px;min-width:24px;text-align:center}.my-discounts{margin-top:8px}.discounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.discount-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;text-align:center}.discount-card.nc{background:#faf5fc;border-color:#ce93d8}.discount-label{display:block;font-size:12px;color:#666;margin-bottom:6px}.discount-card.nc .discount-label{color:#7b1fa2}.discount-value{display:block;font-size:28px;font-weight:700;color:#e60012}.discount-card.nc .discount-value{color:#7b1fa2}.discount-card.nc small{display:block;font-size:10px;color:#7b1fa2;margin-top:4px;font-style:italic}@media(max-width:900px){.stats-section{grid-template-columns:repeat(2,1fr)}.stat-card:last-child{grid-column:1 / -1}}@media(max-width:768px){.home-container{padding:16px 12px}.welcome-section{flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:16px}.welcome-text h1{font-size:22px}.welcome-subtitle{font-size:14px}.welcome-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.welcome-date{font-size:13px}.refresh-cache-btn{padding:10px 16px;font-size:12px}.refresh-cache-btn span{display:none}.stats-section{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.stat-card{padding:16px}.stat-card:last-child{grid-column:auto}.stat-value{font-size:22px}.stat-label{font-size:12px}.quick-actions{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.quick-search,.last-quote{padding:16px}.quick-search-header,.last-quote-header{font-size:13px;margin-bottom:10px}.quick-search-input-wrapper{flex-direction:column;gap:10px}.quick-search-input{width:100%;padding:14px 16px;font-size:16px;min-height:48px}.quick-search-btn{width:100%;padding:14px 20px;min-height:48px;font-size:15px}.last-quote-btn{padding:14px 16px;min-height:48px;font-size:15px}.section-title{font-size:16px;margin-bottom:12px}.cards-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.nav-card{padding:16px;gap:14px}.nav-card-icon{width:50px;height:50px;border-radius:10px}.nav-card-icon svg{width:24px;height:24px}.nav-card-content h3{font-size:15px}.nav-card-content p{font-size:12px}.nav-card-badge{top:10px;right:10px;font-size:11px;padding:3px 8px}.discounts-grid{grid-template-columns:repeat(2,1fr);gap:10px}.discount-card.nc{grid-column:1 / -1}.discount-card{padding:14px 12px;border-radius:10px}.discount-label{font-size:11px}.discount-value{font-size:24px}}@media(max-width:400px){.welcome-text h1{font-size:20px}.discounts-grid{grid-template-columns:1fr}.discount-card.nc{grid-column:auto}}.stock-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.stock-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;overflow:hidden;position:relative;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stock-modal-close{position:absolute;top:12px;right:12px;background:#ffffff4d;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s;z-index:1}.stock-modal-close:hover{background:#ffffff80}.stock-modal-header{padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff}.stock-modal-header.verde{background:linear-gradient(135deg,#4caf50,#2e7d32)}.stock-modal-header.amarillo{background:linear-gradient(135deg,#ffc107,#ff9800)}.stock-modal-header.naranja{background:linear-gradient(135deg,#ff9800,#f57c00)}.stock-modal-header.rojo{background:linear-gradient(135deg,#f44336,#c62828)}.stock-modal-header.gris{background:linear-gradient(135deg,#9e9e9e,#616161)}.stock-modal-status{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.stock-modal-body{padding:20px}.stock-modal-codigo,.stock-modal-producto,.stock-modal-disponible,.stock-modal-necesita{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.stock-modal-codigo:last-child,.stock-modal-producto:last-child,.stock-modal-disponible:last-child,.stock-modal-necesita:last-child{border-bottom:none}.stock-modal-body .label{font-size:14px;color:#666}.stock-modal-body .value{font-size:15px;font-weight:600;color:#1a1a1a;text-align:right;max-width:60%}.stock-modal-error{background:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:12px}.stock-modal-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.stock-modal-btn{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.stock-modal-btn.primary{background:#e60012;color:#fff;border:none}.stock-modal-btn.primary:hover{background:#c40010}.stock-modal-btn.secondary{background:#fff;color:#333;border:2px solid #e0e0e0}.stock-modal-btn.secondary:hover{background:#f5f5f5}@media(max-width:768px){.stock-modal-overlay{padding:16px;align-items:flex-end}.stock-modal{border-radius:20px 20px 0 0;max-width:none}.stock-modal-header{padding:24px 16px}.stock-modal-status{font-size:16px}.stock-modal-body{padding:16px}.stock-modal-actions{flex-direction:column;padding:12px 16px 20px}.stock-modal-btn{min-height:48px}.stock-modal-btn.primary{order:1}.stock-modal-btn.secondary{order:2}.quick-search-fields{flex-wrap:wrap}.quick-search-input{width:100%;flex:none;min-height:48px;font-size:16px}.quick-search-cantidad{width:calc(40% - 5px);min-height:48px;font-size:16px}.quick-search-btn{width:calc(60% - 5px);min-height:48px;font-size:15px}}.modal-overlay .modal-content{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:24px;color:#1a1a1a}.btn-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-close:hover{background:#f5f5f5;color:#e60012}.producto-form{padding:30px}.form-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0 0 20px;font-size:18px;color:#1a1a1a}.hint-text{font-size:13px;color:#666;margin:-10px 0 15px;font-style:italic}.section-header h3{margin:0}.form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#e60012}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group label{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.fotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-width:100%}.foto-item{position:relative;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;max-width:180px;transition:all .2s}.foto-item.dragging{opacity:.5;transform:scale(.95)}.foto-item:hover{border-color:#ccc}.drag-handle{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;cursor:move;z-index:1;opacity:0;transition:opacity .2s}.foto-item:hover .drag-handle{opacity:1}.foto-item img{width:100%;height:120px;object-fit:contain;background:#f5f5f5}.foto-actions{padding:8px;display:flex;flex-direction:column;gap:6px}.btn-principal{width:100%;padding:6px 8px;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s}.btn-principal.active{background:#fff3cd;border-color:#ffc107;color:#856404}.btn-principal:hover{border-color:#ffc107}.btn-remove{width:100%;padding:6px 8px;border:none;background:#ffebee;color:#c62828;border-radius:6px;font-size:11px;cursor:pointer;transition:background .2s}.btn-remove:hover{background:#ffcdd2}.foto-upload{border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:120px;max-width:180px;background:#fafafa;cursor:pointer;transition:all .2s;position:relative}.foto-upload:hover{border-color:#e60012;background:#fff5f5}.foto-upload.drag-over{border-color:#e60012;background:#fff5f5;border-width:3px}.foto-upload.drag-over .upload-label{color:#e60012;font-weight:600}.foto-upload input{display:none}.upload-label{padding:20px 15px;text-align:center;color:#666;font-size:13px;cursor:pointer}.variante-item{padding:20px;background:#f9f9f9;border-radius:8px;margin-bottom:16px}.variante-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.variante-header h4{margin:0;font-size:16px;color:#333}.btn-remove-small{padding:6px 12px;border:none;background:#ffebee;color:#c62828;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.btn-remove-small:hover{background:#ffcdd2}.btn-add-variante{width:auto;padding:8px 16px;margin-top:16px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-variante:hover{background:#e60012;border-color:#e60012;color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e0e0e0;margin-top:30px}.select-with-action{display:flex;gap:10px}.select-with-action select{flex:1}.btn-add-inline{width:46px;background:#e60012;color:#fff;border:none;border-radius:8px;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-add-inline:hover{background:#c40010}.inline-create-form{display:flex;gap:8px;align-items:center}.inline-create-form input{flex:1;margin:0!important}.btn-save-inline,.btn-cancel-inline{width:40px;height:40px;border-radius:8px;border:none;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:18px}.btn-save-inline{background:#4caf50;color:#fff}.btn-save-inline:hover{background:#388e3c}.btn-cancel-inline{background:#f44336;color:#fff}.btn-cancel-inline:hover{background:#d32f2f}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.modal-overlay .modal-content{max-width:none;width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;margin:0;display:flex;flex-direction:column}.modal-header{padding:14px 16px;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #eee;flex-shrink:0}.modal-header h2{font-size:17px}.btn-close{width:40px;height:40px;border-radius:10px;background:#f5f5f5}.producto-form{padding:16px 16px 100px;flex:1;overflow-y:auto}.form-section{margin-bottom:20px;padding-bottom:20px}.form-section h3{font-size:15px;margin-bottom:12px;color:#333}.hint-text{font-size:12px;margin:-8px 0 12px}.section-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.section-header h3{margin-bottom:0}.section-header .btn-add-variante{width:100%;justify-content:center}.form-group{margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px;color:#555}.form-group input,.form-group textarea,.form-group select{padding:14px 16px;font-size:16px;min-height:50px;border-radius:10px}.form-group textarea{min-height:100px}.form-row{grid-template-columns:1fr;gap:0}.checkbox-group{padding:16px 0}.checkbox-group label{font-size:15px;gap:12px}.checkbox-group input[type=checkbox]{width:26px;height:26px}.fotos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.foto-item{max-width:none}.foto-item img{height:90px}.foto-actions{padding:8px;gap:6px}.btn-principal,.btn-remove{padding:10px;font-size:11px;min-height:38px}.foto-upload{max-width:none;min-height:90px}.upload-label{padding:14px 10px;font-size:12px}.variante-item{padding:14px;margin-bottom:12px;border-radius:10px}.variante-header{margin-bottom:12px;flex-wrap:wrap;gap:8px}.variante-header h4{font-size:14px;flex:1}.btn-remove-small{padding:10px 14px;font-size:12px;min-height:38px}.btn-add-variante{width:100%;padding:14px 16px;font-size:14px;min-height:48px;justify-content:center;display:flex;align-items:center;border-radius:10px}.select-with-action{flex-direction:column;gap:10px}.select-with-action select{width:100%}.btn-add-inline{width:100%;height:48px;font-size:18px;border-radius:10px}.inline-create-form{flex-direction:column;gap:10px}.inline-create-form input{width:100%;min-width:auto}.inline-create-form .btn-save-inline,.inline-create-form .btn-cancel-inline{width:100%;height:48px}.inline-create-form{display:grid;grid-template-columns:1fr;gap:10px}.inline-create-form input{grid-column:1}.inline-create-form>div,.inline-create-form>button{grid-column:1}.inline-create-form:has(.btn-save-inline){grid-template-columns:1fr 1fr}.inline-create-form:has(.btn-save-inline) input{grid-column:1 / -1}.btn-save-inline,.btn-cancel-inline{width:100%;height:48px;font-size:16px}.form-actions{position:fixed;bottom:0;left:0;right:0;flex-direction:column;gap:10px;padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));margin:0;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -4px 20px #00000014;z-index:100}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%;padding:16px 20px;font-size:16px;min-height:52px;justify-content:center;border-radius:10px;display:flex;align-items:center}.form-actions .btn-primary{order:1}.form-actions .btn-secondary{order:2}}@media(max-width:400px){.fotos-grid{grid-template-columns:1fr}.foto-item img{height:120px}}.productos-list-wrapper{display:flex;flex-direction:column;gap:20px}.marcas-tabs{display:flex;gap:8px;padding:4px;background:#f5f5f5;border-radius:12px;overflow-x:auto;flex-wrap:nowrap}.marcas-tabs .tab{padding:10px 20px;background:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.marcas-tabs .tab:hover{background:#f9f9f9}.marcas-tabs .tab.active{background:#e60012;color:#fff}.sortable{cursor:pointer;user-select:none;position:relative}.sortable:hover{background:#ebebeb}.sortable svg{display:inline-block;margin-left:4px;vertical-align:middle}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;align-items:center;gap:12px}.btn-pagination{padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-pagination:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#333;font-weight:500}.productos-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.productos-table{width:100%;border-collapse:collapse}.productos-table thead{background:#f5f5f5}.productos-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.productos-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.productos-table tbody tr:hover{background:#f9f9f9}.productos-table tbody tr:last-child{border-bottom:none}.productos-table td{padding:16px;font-size:14px;color:#333;vertical-align:middle}.productos-table td:nth-child(6),.productos-table td:nth-child(7){display:table-cell;vertical-align:middle}.producto-row{min-height:80px}.drag-handle{cursor:grab;background:none;border:none;font-size:20px;color:#999;padding:8px;transition:color .2s}.drag-handle:hover{color:#333}.drag-handle:active{cursor:grabbing}.producto-thumb{width:60px;height:60px;object-fit:contain;border-radius:6px;border:1px solid #e0e0e0;background:#f5f5f5}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-variantes{background:#e3f2fd;color:#1565c0}.badge-unico{background:#f3e5f5;color:#7b1fa2}.badge-activo{background:#e8f5e9;color:#2e7d32}.badge-inactivo{background:#fbe9e7;color:#d84315}.actions,.product-mobile-actions{display:flex;gap:8px}.btn-action{padding:8px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s}.btn-action:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000001a}.btn-edit:hover{background:#e3f2fd;border-color:#2196f3}.btn-enable:hover{background:#e8f5e9;border-color:#4caf50}.btn-disable:hover{background:#fff3e0;border-color:#ff9800}.btn-delete:hover{background:#ffebee;border-color:#f44336}@media(max-width:768px){.productos-table-container{background:transparent;box-shadow:none;border-radius:0;overflow:visible}.productos-table{display:block}.productos-table thead{display:none}.productos-table tbody{display:flex;flex-direction:column;gap:12px}.productos-table tbody tr,.producto-row{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto;background:#fff;border-radius:14px;box-shadow:0 2px 10px #00000014;border:none;overflow:hidden;padding:0}.productos-table tbody tr:hover{background:#fff}.productos-table td{padding:0;border:none;display:block}.productos-table td:nth-child(1){grid-column:1;grid-row:1 / 3;display:flex;align-items:flex-start;padding:12px 0 12px 12px;gap:8px}.drag-handle{padding:6px;touch-action:none;color:#ccc;cursor:grab;flex-shrink:0;margin-top:8px}.drag-handle:active{cursor:grabbing;color:#666}.drag-handle svg{width:18px;height:18px}.productos-table td:nth-child(2){grid-column:1;grid-row:1 / 3;padding:12px 12px 12px 44px}.producto-thumb{width:60px;height:60px;border-radius:8px}.productos-table td:nth-child(3){grid-column:2;grid-row:1;font-weight:700;font-size:15px;color:#1a1a1a;line-height:1.3;padding:12px 12px 2px 0}.productos-table td:nth-child(5){display:none}.productos-table td:nth-child(6){grid-column:2;grid-row:2;font-size:12px;color:#e60012;font-weight:600;padding:2px 12px 12px 0}.productos-table td:nth-child(4){grid-column:1 / -1;grid-row:3;font-size:12px;color:#555;padding:10px 14px;line-height:1.4;word-break:break-word;background:#f9f9f9;border-top:1px solid #eee}.productos-table td:nth-child(4):before{content:"Códigos: ";font-weight:600;color:#888}.productos-table td:nth-child(7){grid-column:1;grid-row:4;padding:10px 4px 10px 14px;background:#f2f2f2;display:flex;align-items:center;justify-content:flex-start}.productos-table td:nth-child(8){grid-column:1;grid-row:4;padding:10px 0 10px 85px;background:#f2f2f2;display:flex;align-items:center}.badge{padding:5px 10px;font-size:10px;border-radius:6px;white-space:nowrap}.productos-table td:last-child,.productos-table td.acciones-columna{grid-column:2;grid-row:4;padding:0;background:#f2f2f2;display:flex;align-items:center;justify-content:flex-end}.product-mobile-actions{display:flex;justify-content:flex-end;gap:6px;padding:10px 14px 10px 0;margin-top:0;border-top:none;background:transparent}.product-mobile-actions button,.product-mobile-actions .btn-action{padding:6px;min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:0;flex-shrink:0;border-width:2px}.product-mobile-actions button svg,.product-mobile-actions .btn-action svg{width:16px;height:16px}.product-mobile-actions button:hover,.product-mobile-actions .btn-action:hover{transform:none}.btn-edit{background:#e3f2fd;border-color:#90caf9}.btn-enable{background:#e8f5e9;border-color:#a5d6a7}.btn-disable{background:#fff3e0;border-color:#ffcc80}.btn-delete{background:#ffebee;border-color:#ef9a9a}.productos-table td:first-child{position:relative}}.productos-container{max-width:1400px}.productos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.productos-header h1{margin:0 0 5px;color:#1a1a1a;font-size:28px}.subtitle{color:#666;font-size:14px;margin:0}.btn-primary{background:#e60012;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#c40010}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#fff;color:#333;border:2px solid #ddd;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#999;background:#f5f5f5}.search-bar{margin-bottom:20px}.search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .2s}.loading{text-align:center;padding:60px 20px;color:#666;font-size:16px}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;border:2px dashed #ddd}.empty-state p{font-size:18px;color:#666;margin:0 0 10px}.empty-hint{font-size:14px!important;color:#999!important}@media(max-width:768px){.productos-container{padding:0}.productos-header{flex-direction:column;align-items:stretch;gap:4px;margin-bottom:16px}.productos-header>div{margin-bottom:12px}.productos-header h1{font-size:22px;margin-bottom:2px}.productos-header .subtitle{font-size:13px}.productos-header .btn-primary,.btn-primary{width:100%;padding:14px 20px;font-size:15px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;min-height:50px}.search-bar{margin-bottom:16px}.search-input{padding:14px 16px;font-size:16px;border-radius:10px;min-height:50px}.search-input:focus{box-shadow:0 0 0 3px #e600121a}.loading{padding:40px 16px;background:#fff;border-radius:12px;font-size:15px}.empty-state{padding:48px 20px;border-radius:14px;background:#fff;box-shadow:0 2px 10px #0000000d}.empty-state p{font-size:15px;margin-bottom:8px}.empty-hint{font-size:13px!important}}.familias-container{max-width:1200px}.familias-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.tabs-container{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e0e0e0;padding-bottom:0}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#333;background:#f5f5f5}.tab-btn.active{color:#e60012;border-bottom-color:#e60012}.section-header h2{margin:0;font-size:20px;color:#333}.familias-header h1{margin:0 0 5px;color:#1a1a1a;font-size:28px}.familias-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.familias-table{width:100%;border-collapse:collapse}.familias-table thead{background:#f5f5f5}.familias-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.familias-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.familias-table tbody tr:hover{background:#f9f9f9}.familias-table tbody tr:last-child{border-bottom:none}.familias-table td{padding:16px;font-size:14px;color:#333}.modal-content-small{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d}.familia-form{padding:30px}.familia-form .form-group{margin-bottom:20px}.familia-form .form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.familia-form .form-group input,.familia-form .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:inherit}.familia-form .form-group input:focus,.familia-form .form-group textarea:focus{outline:none;border-color:#e60012}@media(max-width:768px){.familias-container{padding:0}.familias-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.familias-header h1{font-size:22px}.familias-header .subtitle{font-size:13px}.familias-header .btn-primary{width:100%;justify-content:center}.tabs-container{gap:0;margin-bottom:16px}.tab-btn{flex:1;justify-content:center;padding:14px 12px;font-size:14px;gap:6px}.tab-btn svg{width:18px;height:18px}.section-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.section-header h2{font-size:18px}.section-header .btn-primary{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.familias-table-container{background:transparent;box-shadow:none;border-radius:0;overflow-x:hidden}.familias-table{display:block;width:100%}.familias-table thead{display:none}.familias-table tbody{display:block;width:100%}.familias-table tbody tr{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e0e0e0}.familias-table tbody tr:hover{background:#fff}.familias-table td{display:block;width:100%;padding:4px 0;border-bottom:none;text-align:left!important}.familias-table td:first-child{font-size:16px;font-weight:600;color:#1a1a1a;padding-bottom:12px;border-bottom:1px dashed #f0f0f0}.familias-table td:first-child strong{color:#e60012}.familias-table td:nth-child(2){font-size:13px;color:#666;margin-bottom:8px;line-height:1.4}.familias-table td:nth-child(3){margin-bottom:12px}.badge{padding:6px 12px;font-size:11px}.familias-table td:last-child{margin-top:12px;padding-top:12px;border-top:1px dashed #f0f0f0}.familias-table td .actions{display:flex;justify-content:space-around;gap:8px;width:100%}.familias-table td .actions .btn-action{flex:1;min-width:0;height:44px;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:10px}.familias-table td .actions .btn-action svg{width:20px;height:20px}.empty-state{padding:32px 16px}.loading{padding:32px 16px;text-align:center}.modal-overlay{padding:0;align-items:flex-end}.modal-content-small{max-width:none;width:100%;max-height:90vh;border-radius:20px 20px 0 0}.modal-header{padding:16px 20px;position:sticky;top:0;background:#fff;z-index:10;border-radius:20px 20px 0 0}.modal-header h2{font-size:18px}.btn-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.familia-form{padding:20px}.familia-form .form-group{margin-bottom:16px}.familia-form .form-group input,.familia-form .form-group textarea{padding:14px 16px;font-size:16px}.form-actions{flex-direction:column;gap:10px;padding-top:8px}.form-actions button{width:100%;padding:14px 20px;font-size:15px;min-height:48px}.form-actions .btn-primary{order:1}.form-actions .btn-secondary{order:2}}.plantillas-container{max-width:1400px}.plantillas-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.plantillas-header h1{margin:0 0 5px;color:#1a1a1a;font-size:28px}.btn-upload{background:#e60012;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;display:inline-block}.btn-upload:hover:not(.disabled){background:#c40010}.btn-upload.disabled{background:#ccc;cursor:not-allowed}.plantillas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.plantilla-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.plantilla-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.plantilla-image{width:100%;height:200px;overflow:hidden;background:#f5f5f5}.plantilla-image img{width:100%;height:100%;object-fit:contain}.plantilla-info{padding:16px}.plantilla-info h3{margin:0 0 12px;font-size:16px;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plantilla-actions{display:flex;gap:8px}.btn-toggle{flex:1;padding:8px 12px;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-toggle.active{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.btn-toggle:hover{border-color:#4caf50}.btn-delete-plantilla{padding:8px 12px;border:2px solid #ffcdd2;background:#fff;color:#c62828;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete-plantilla:hover{background:#ffebee;border-color:#f44336}.modal-config-rentabilidad{width:600px;max-width:95vw;display:flex;flex-direction:column;max-height:85vh}.rentabilidad-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.hint-text{font-size:.9rem;color:#666;margin-bottom:16px;font-style:italic}.marca-config-item{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.marca-header{display:flex;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid transparent;transition:all .2s}.marca-config-item:has(.familias-list-config) .marca-header{border-bottom-color:#e2e8f0}.btn-expand{background:none;border:none;padding:4px;margin-right:8px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:4px}.btn-expand:hover{background:#e2e8f0;color:#334155}.marca-nombre{flex:1;font-weight:600;color:#1e293b;font-size:1rem}.input-group-margen{display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:0 8px;width:100px}.input-group-margen:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.input-group-margen input{width:100%;border:none;outline:none;padding:6px 0;text-align:right;font-size:.95rem;font-weight:500;color:#0f172a;-moz-appearance:textfield}.input-group-margen input::-webkit-outer-spin-button,.input-group-margen input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group-margen .suffix{color:#94a3b8;font-size:.9rem;font-weight:500;margin-left:4px;user-select:none}.familias-list-config{padding:8px 0;background:#fff}.familia-config-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 48px;border-bottom:1px solid #f1f5f9}.familia-config-item:last-child{border-bottom:none}.familia-nombre{font-size:.9rem;color:#475569}.input-group-margen.small{width:80px;height:30px}.input-group-margen.small input{font-size:.85rem;padding:4px 0}.input-group-margen.small .suffix{font-size:.8rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#64748b;gap:12px}.catalogo-container{max-width:1400px}.catalogo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.catalogo-header h1{margin:0 0 5px;color:#1a1a1a;font-size:28px}.btn-generate{background:#e60012;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #e600124d}.btn-generate:hover:not(:disabled){background:#c40010;transform:translateY(-2px);box-shadow:0 6px 16px #e6001266}.btn-generate:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.acciones-generar{display:flex;gap:10px;align-items:center}.btn-generate.web{background:#2196f3}.btn-generate.web:hover:not(:disabled){background:#1976d2}.btn-generate.print{background:#e60012}.catalogo-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.productos-section,.seleccion-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2,.seleccion-section h2{margin:0 0 16px;font-size:18px;color:#1a1a1a}.btn-toggle-all{padding:8px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-toggle-all:hover{border-color:#e60012;color:#e60012}.filtros-container{display:flex;gap:12px;margin-bottom:16px}.search-input-catalogo{flex:1;padding:10px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s}.search-input-catalogo:focus{outline:none;border-color:#e60012}.familia-select{min-width:200px;padding:10px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;cursor:pointer;transition:border-color .2s}.familia-select:focus{outline:none;border-color:#e60012}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:16px;background:#f9f9f9;border-radius:8px}.btn-page{padding:8px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-page:hover:not(:disabled){border-color:#e60012;color:#e60012;background:#fff5f5}.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:14px;color:#666;font-weight:600}.plantilla-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px;background:#f9f9f9;border-radius:8px}.plantilla-selector label{font-weight:600;font-size:14px}.plantilla-selector select{flex:1;padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;cursor:pointer}.productos-list{display:flex;flex-direction:column;gap:4px;max-height:600px;overflow-y:auto;padding:10px;background:#f5f5f5;border-radius:8px}.seleccionados-list{display:flex;flex-direction:column;gap:4px;max-height:600px;overflow-y:auto;background:#f5f5f5;padding:10px;border-radius:8px}.producto-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s;background:#fff}.producto-item:hover,.producto-item.selected{border-color:#e60012;background:#fff5f5}.producto-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.producto-mini-thumb{width:30px;height:30px;object-fit:contain;border-radius:4px;border:1px solid #eee;background:#f5f5f5}.producto-info{flex:1}.producto-info h4{margin:0;font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seleccionado-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;user-select:none}.seleccionado-item.dragging{opacity:.5;background:#e3f2fd;border-color:#2196f3;box-shadow:0 4px 12px #0000001a}.drag-handle-catalogo{cursor:grab;color:#999;padding:0 5px;font-size:20px;display:flex;align-items:center}.drag-handle-catalogo:active{cursor:grabbing;color:#333}.orden-numero{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:#e60012;color:#fff;border-radius:50%;font-weight:700;font-size:12px}.producto-mini-thumb-small{width:30px;height:30px;object-fit:contain;border-radius:4px;border:1px solid #eee;background:#f5f5f5}.seleccionado-item .producto-info h4{font-size:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.btn-remove-compact{padding:4px 8px;font-size:12px;background:#fff;border:1px solid #ffcdd2;color:#c62828;border-radius:4px;cursor:pointer}.btn-remove-compact:hover{background:#ffebee}.orden-actions{display:flex;gap:6px}.btn-move,.btn-remove{padding:6px 10px;border:1px solid #e0e0e0;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px}.btn-move:hover:not(:disabled){background:#e3f2fd;border-color:#2196f3}.btn-move:disabled{opacity:.3;cursor:not-allowed}.btn-remove:hover{background:#ffebee;border-color:#f44336}.catalog-page-root{box-sizing:border-box;width:1448px;height:2048px;background-size:cover;background-position:top left;font-family:Arial,Helvetica,sans-serif}.catalog-page{box-sizing:border-box;width:100%;height:100%;padding:250px 101px 201px 250px;display:flex;flex-direction:column;justify-content:flex-start;gap:40px}.catalog-product{box-sizing:border-box;background-color:#fff;padding:10px 16px;border-top:1px solid #d0d0d0;display:grid;grid-template-columns:1.4fr 1.2fr;column-gap:18px}.catalog-product-header{grid-column:1 / -1;margin-bottom:6px}.catalog-product-header h2{font-size:13px;margin:0 0 4px;color:#e60000}.catalog-product-desc{font-size:8px;margin:0;line-height:1.4}.catalog-product-body{display:grid;grid-template-columns:1.1fr 1.3fr;column-gap:16px;align-items:flex-start}.catalog-product-photo{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.catalog-product-photo img{max-width:100%;height:auto;object-fit:contain}.catalog-product-minis{display:flex;gap:4px}.catalog-product-minis img{width:45px;height:45px;object-fit:contain}.catalog-product-table-wrapper{width:100%}.catalog-product-table{width:100%;border-collapse:collapse;font-size:7px}.catalog-product-table thead tr{background-color:#555;color:#fff}.catalog-product-table th,.catalog-product-table td{padding:2px 3px;text-align:left;border-bottom:1px solid #dddddd}.catalog-product-table th:nth-child(1),.catalog-product-table td:nth-child(1){width:22%}.catalog-product-table th:nth-child(2),.catalog-product-table td:nth-child(2){width:43%}.catalog-product-table th:nth-child(3),.catalog-product-table td:nth-child(3){width:10%;text-align:center}.catalog-product-table th:nth-child(4),.catalog-product-table td:nth-child(4){width:25%}.catalog-product-table tbody tr:nth-child(odd){background-color:#f7f7f7}.page-content{width:2100px;margin:0 auto;padding:60px 80px;display:flex;flex-direction:column;gap:80px}.product-block{width:100%;display:flex;flex-direction:row;gap:60px;align-items:flex-start}.product-image{width:520px;height:auto}.secondary-images{display:flex;flex-direction:row;gap:15px;margin-top:20px}.secondary-images img{width:120px;height:auto}.product-info{flex:1;margin-right:40px}.product-description{margin-bottom:20px}.product-table{width:100%;border-collapse:collapse;font-size:28px}.product-table th{background:#333;color:#fff;padding:10px}.product-table td{padding:10px;border-bottom:1px solid #ccc}.product-separator{width:95%;height:2px;background-color:#d0d0d0;margin:40px auto}.pagina-catalogo{width:2475px;height:3500px;background-image:url(/catalogo-plantilla-a4.jpg);background-size:cover;background-repeat:no-repeat;background-color:#fff;position:relative;padding:350px 120px 200px;box-sizing:border-box;display:flex;flex-direction:column;gap:0px}.bloque-producto{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:flex-start;border:none;padding:0;margin:0}.columna-izquierda{width:35%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px}.img-principal{width:100%;max-width:600px;height:auto;object-fit:contain;margin-bottom:20px}.miniaturas{display:flex;flex-direction:row;flex-wrap:nowrap!important;gap:12px;justify-content:center;margin-top:20px;width:100%;max-width:600px}.miniatura{width:165px!important;height:165px!important;max-width:165px!important;min-width:165px!important;object-fit:contain;flex-shrink:0!important;flex-grow:0!important;border-radius:4px}.qr-container{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:center;padding:6px;background:#fff;border-radius:6px;border:2px solid #e60012;z-index:10}.qr-label{font-size:14px;font-weight:700;color:#e60012;margin-bottom:4px;text-align:center}.qr-code{width:150px;height:150px;display:block}.columna-derecha{width:60%;display:flex;flex-direction:column;position:relative}.titulo-container{background-color:#d40000;color:#fff;padding:10px 40px 10px 20px;margin-bottom:25px;clip-path:polygon(0 0,95% 0,100% 100%,0% 100%);width:100%;box-sizing:border-box}.titulo-producto{font-size:42px;font-weight:800;margin:0;text-transform:uppercase;color:#fff}.lista-caracteristicas{margin:0 0 30px;padding-left:25px;font-size:26px;line-height:38px;color:#333}.lista-caracteristicas li{margin-bottom:8px}.tabla-producto{width:100%;font-size:24px;border-collapse:collapse;margin-bottom:20px;background-color:#fff}.tabla-producto th{background:#444;color:#fff;padding:12px 15px;text-align:left;font-weight:700;border:1px solid #444}.tabla-producto td{padding:10px 15px;border:1px solid #ccc;color:#000}.tabla-producto tbody tr:nth-child(2n){background-color:#f2f2f2}.tabla-producto th:nth-child(3),.tabla-producto td:nth-child(3),.tabla-producto th:nth-child(4),.tabla-producto td:nth-child(4){text-align:center}.linea-separadora-producto{width:100%;height:4px;background-color:#000;margin-top:20px;margin-bottom:40px;border-radius:2px}.img-rotada{transform:rotate(-90deg);max-width:400px!important;max-height:500px!important;margin-top:40px;margin-bottom:40px;align-self:center;box-shadow:0 5px 15px #0000001a}.footer-catalogo{position:absolute;bottom:40px;left:40px;font-size:45px;font-weight:600;color:#333;z-index:100}.config-catalogo-section{background:#f9f9f9;border-radius:8px;padding:20px;margin:20px 0}.config-catalogo-section h3{margin:0 0 16px;font-size:16px;color:#333;font-weight:600}.config-item{margin-bottom:16px}.config-item label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.footer-input,.file-input{width:100%;padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:inherit;transition:border-color .2s}.footer-input:focus,.file-input:focus{outline:none;border-color:#e60012}.file-input{cursor:pointer}.preview-container{margin-top:10px;display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border-radius:6px;border:2px solid #e0e0e0}.preview-image{width:80px;height:80px;object-fit:contain;border-radius:4px;box-shadow:0 2px 4px #0000001a;background:#f5f5f5}.btn-remove-preview{padding:6px 12px;background:#f44336;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.btn-remove-preview:hover{background:#d32f2f}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-content.modal-wide{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.modal-header h2{margin:0;font-size:20px;color:#1a1a1a}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:2px solid #f0f0f0}.btn-modal.secondary:hover{border-color:#ccc;background:#f9f9f9}.btn-action{padding:8px 16px;border:2px solid #e0e0e0;background:#fff;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-action:hover{border-color:#e60012;color:#e60012}.btn-action.config{border-color:#2196f3;color:#2196f3}.btn-action.config:hover{background:#e3f2fd}.btn-action.import{border-color:#4caf50;color:#4caf50}.btn-action.import:hover{background:#e8f5e9}.btn-action.save{border-color:#ff9800;color:#ff9800}.btn-action.save:hover{background:#fff3e0}.import-textarea{width:100%;min-height:200px;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-family:monospace;font-size:13px;resize:vertical;transition:border-color .2s}.import-textarea:focus{outline:none;border-color:#4caf50}.import-results{margin-top:16px;padding:12px;background:#f9f9f9;border-radius:6px}.import-results h4{margin:0 0 8px;font-size:14px}.import-results .found{color:#4caf50}.import-results .not-found{color:#f44336}.import-results ul{margin:8px 0 0;padding-left:20px;max-height:150px;overflow-y:auto}.import-results li{font-size:13px;margin-bottom:4px;font-family:monospace}.saved-configs-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.saved-config-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;transition:all .2s}.saved-config-item:hover{border-color:#e60012;background:#fff5f5}.saved-config-info{flex:1}.saved-config-info h4{margin:0 0 4px;font-size:14px;color:#333}.saved-config-info p{margin:0;font-size:12px;color:#666}.saved-config-actions{display:flex;gap:8px}.btn-config-action{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-config-action.load{background:#e3f2fd;color:#1976d2;border:1px solid #1976d2}.btn-config-action.load:hover{background:#1976d2;color:#fff}.btn-config-action.delete{background:#ffebee;color:#c62828;border:1px solid #c62828}.btn-config-action.delete:hover{background:#c62828;color:#fff}.save-config-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.save-config-form input{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px}.save-config-form input:focus{outline:none;border-color:#ff9800}.acciones-productos{display:flex;gap:8px;margin-top:12px}.modo-selector{display:flex;gap:0;margin-bottom:16px;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0}.modo-btn{flex:1;padding:10px 16px;border:none;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.modo-btn:first-child{border-right:1px solid #e0e0e0}.modo-btn:hover:not(.active){background:#f5f5f5}.modo-btn.active{background:#e60012;color:#fff}.familias-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto;padding:10px;background:#f5f5f5;border-radius:8px}.familia-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:grab;transition:all .2s}.familia-item:hover{border-color:#e60012;box-shadow:0 2px 8px #0000001a}.familia-item.dragging{opacity:.5;background:#e3f2fd;border-color:#2196f3}.familia-orden{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:#e60012;color:#fff;border-radius:50%;font-weight:700;font-size:13px}.familia-info{flex:1}.familia-info h4{margin:0 0 2px;font-size:14px;color:#333}.familia-info span{font-size:12px;color:#666}.familia-badge{padding:4px 10px;background:#f0f0f0;border-radius:12px;font-size:12px;font-weight:600;color:#666}.detalle-container{display:flex;flex-direction:column;gap:12px}.familia-selector-detalle{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px}.familia-selector-detalle label{font-weight:600;font-size:13px;white-space:nowrap}.familia-selector-detalle select{flex:1;padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;cursor:pointer}.familia-selector-detalle select:focus{outline:none;border-color:#e60012}.detalle-info{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#e3f2fd;border-radius:6px;font-size:13px}.detalle-info span{color:#1976d2;font-weight:600}.btn-volver-familias{padding:6px 12px;background:#fff;border:1px solid #1976d2;color:#1976d2;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-volver-familias:hover{background:#1976d2;color:#fff}.productos-detalle-list{display:flex;flex-direction:column;gap:4px;max-height:500px;overflow-y:auto;padding:10px;background:#f5f5f5;border-radius:8px}.empty-familia{text-align:center;padding:40px 20px;color:#666}.empty-familia p{margin:0}.nav-familias{display:flex;gap:8px;margin-top:12px}.btn-nav-familia{flex:1;padding:8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-nav-familia:hover:not(:disabled){border-color:#e60012;color:#e60012}.btn-nav-familia:disabled{opacity:.4;cursor:not-allowed}.btn-editar-variantes{padding:4px 8px;font-size:11px;background:#fff3e0;border:1px solid #ff9800;color:#e65100;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-editar-variantes:hover{background:#ff9800;color:#fff}.btn-editar-variantes.parcial{background:#ffecb3;border-color:#ffa000}.variantes-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.variante-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;background:#fff}.variante-item:hover{border-color:#ff9800;background:#fff8e1}.variante-item.selected{border-color:#4caf50;background:#e8f5e9}.variante-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.variante-info{flex:1;display:flex;flex-direction:column;gap:2px}.variante-codigo{font-weight:600;font-size:14px;color:#333}.variante-descripcion{font-size:12px;color:#666}.variante-meta{display:flex;gap:12px;font-size:11px;color:#999}.variantes-actions{display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.btn-variantes-action{padding:6px 12px;font-size:12px;border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid #e0e0e0;background:#fff}.btn-variantes-action:hover{background:#f5f5f5}.btn-variantes-action.select-all{border-color:#4caf50;color:#4caf50}.btn-variantes-action.select-all:hover{background:#e8f5e9}.btn-variantes-action.deselect-all{border-color:#f44336;color:#f44336}.btn-variantes-action.deselect-all:hover{background:#ffebee}.variantes-badge{font-size:10px;padding:2px 6px;border-radius:10px;background:#e0e0e0;color:#666;white-space:nowrap}.variantes-badge.parcial{background:#ffecb3;color:#e65100}.variantes-badge.completo{background:#c8e6c9;color:#2e7d32}.usuarios-container{padding:20px;max-width:1200px}.usuarios-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.usuarios-header h1{margin:0 0 5px;color:#1a1a1a;font-size:28px}.usuarios-header .subtitle{margin:0;color:#666;font-size:14px}.btn-nuevo-usuario{background:#e60012;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-nuevo-usuario:hover{background:#c40010;transform:translateY(-2px)}.usuarios-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #00000014}.stat-number{display:block;font-size:32px;font-weight:700;color:#e60012;margin-bottom:4px}.stat-label{font-size:13px;color:#666}.usuarios-search{margin-bottom:20px}.search-input-wrapper .search-icon{position:absolute;left:16px;color:#999;pointer-events:none}.usuarios-search .search-input{width:100%;padding:14px 16px 14px 48px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:border-color .2s,box-shadow .2s;background:#fff}.usuarios-search .search-input:focus{outline:none;border-color:#e60012;box-shadow:0 0 0 3px #e600121a}.usuarios-search .search-input::placeholder{color:#999}.usuarios-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.usuarios-table{width:100%;border-collapse:collapse}.usuarios-table th,.usuarios-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.usuarios-table th{background:#f9f9f9;font-weight:600;font-size:13px;color:#666;text-transform:uppercase}.usuarios-table td{font-size:14px}.usuarios-table tr:hover{background:#fafafa}.usuarios-table tr.inactivo{opacity:.6}.rol-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.rol-badge.admin{background:#e3f2fd;color:#1565c0}.rol-badge.cliente{background:#f3e5f5;color:#7b1fa2}.rol-badge.vendedor{background:#fff3e0;color:#e65100}.estado-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.estado-badge.activo{background:#e8f5e9;color:#2e7d32}.estado-badge.inactivo{background:#ffebee;color:#c62828}.acciones-btns{display:flex;gap:8px}.btn-accion{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-accion.editar{background:#e3f2fd}.btn-accion.editar:hover{background:#bbdefb}.btn-accion.toggle{background:#fff3e0}.btn-accion.toggle:hover{background:#ffe0b2}.btn-accion.eliminar{background:#ffebee}.btn-accion.eliminar:hover{background:#ffcdd2}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-content.modal-marcas{max-width:650px}.modal-header h2{margin:0;font-size:20px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:disabled{background:#f5f5f5;color:#999}.form-help{margin:8px 0 0;font-size:12px;color:#666}.btn-modal.primary:hover{background:#c40010}.empty-state{padding:40px;text-align:center;color:#666}.descuentos-section{background:#f9f9f9;border-radius:8px;padding:16px;margin-top:8px}.descuentos-marca-section{background:#fff8e1;border-radius:8px;padding:16px;margin-top:16px;border:1px solid #ffe082}.descuentos-label{display:block;font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.descuentos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.descuentos-grid .form-group{margin-bottom:0}.descuentos-grid input{text-align:center}.password-input-container{display:flex;align-items:center;gap:8px}.password-input-container input{flex:1}.password-toggle{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;padding:8px 12px;cursor:pointer;color:#666;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-cambiar-password{display:flex;align-items:center;gap:8px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;padding:10px 16px;cursor:pointer;color:#666;font-size:14px;transition:all .2s;width:100%;justify-content:center}.btn-cancelar-password{background:none;border:none;color:#e60012;font-size:12px;cursor:pointer;margin-top:8px;padding:4px 0}.btn-cancelar-password:hover{text-decoration:underline}.descuento-nc label{color:#7b1fa2!important}.descuento-nc input{border-color:#ce93d8!important;background:#faf5fc}.descuento-nc input:focus{border-color:#7b1fa2!important}.nc-hint{display:block;font-size:10px;color:#7b1fa2;margin-top:4px;font-style:italic}.btn-accion.marcas{background:#fff8e1;color:#f57c00}.btn-accion.marcas:hover{background:#f57c00;color:#fff}.btn-accion.impersonar{background:#e8f5e9;color:#2e7d32}.btn-accion.impersonar:hover{background:#2e7d32;color:#fff}.modal-info{margin:0 0 8px;color:#333}.modal-help{margin:0 0 20px;color:#666;font-size:13px}.marcas-descuentos-list{display:flex;flex-direction:column;gap:12px}.marca-descuento-item{display:flex;align-items:center;justify-content:space-between;background:#f9f9f9;border-radius:8px;padding:12px 16px}.marca-nombre{font-weight:600;color:#333;min-width:150px}.marca-descuentos-inputs{display:flex;gap:12px}.marca-descuentos-inputs .input-group{display:flex;align-items:center;gap:4px}.marca-descuentos-inputs .input-group label{font-size:11px;color:#666;font-weight:500}.marca-descuentos-inputs .input-group input{width:60px;padding:6px 8px;border:2px solid #e0e0e0;border-radius:4px;font-size:13px;text-align:center}.marca-descuentos-inputs .input-group input:focus{outline:none;border-color:#e60012}.marca-descuentos-inputs .input-group span{font-size:12px;color:#666}.marca-descuentos-inputs .input-group.nc label{color:#7b1fa2}.marca-descuentos-inputs .input-group.nc input{border-color:#ce93d8;background:#faf5fc}.marca-descuentos-inputs .input-group.nc input:focus{border-color:#7b1fa2}.empty-marcas{text-align:center;color:#999;padding:40px 20px;font-style:italic}.checkboxes-section{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:8px 0}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#e60012}.checkbox-text{display:flex;flex-direction:column;gap:2px;font-weight:500;color:#333}.checkbox-text small{font-weight:400;color:#666;font-size:12px}@media(max-width:768px){.usuarios-container{padding:12px}.usuarios-header{flex-direction:column;gap:12px;margin-bottom:16px}.usuarios-header h1{font-size:22px}.usuarios-header .subtitle{font-size:13px}.btn-nuevo-usuario{width:100%;padding:14px 20px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}.usuarios-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:14px 12px}.stat-number{font-size:26px}.stat-label{font-size:11px}.usuarios-search{margin-bottom:16px}.usuarios-search .search-input{padding:14px 16px 14px 48px;font-size:16px;border-radius:12px}.search-input-wrapper .search-icon{left:14px}.usuarios-table-container{background:transparent;box-shadow:none;border-radius:0;overflow:visible}.usuarios-table{display:block}.usuarios-table thead{display:none}.usuarios-table tbody{display:flex;flex-direction:column;gap:12px}.usuarios-table tr{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;border:none}.usuarios-table tr:hover{background:#fff}.usuarios-table tr.inactivo{opacity:.7}.usuarios-table td{padding:0;border:none;font-size:14px}.usuarios-table td:first-child{font-weight:700;font-size:14px;color:#e60012;margin-bottom:8px;word-break:break-all}.usuarios-table td:nth-child(2){font-size:15px;font-weight:600;color:#333;margin-bottom:10px}.usuarios-table td:nth-child(3),.usuarios-table td:nth-child(4){display:inline-block;margin-right:8px;margin-bottom:10px}.usuarios-table td:nth-child(5){font-size:12px;color:#999;margin-bottom:12px}.usuarios-table td:nth-child(5):before{content:"Creado: ";color:#666}.usuarios-table td:last-child{padding-top:12px;border-top:1px solid #f0f0f0}.acciones-btns{display:flex;gap:10px;justify-content:flex-start}.btn-accion{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px}.btn-accion svg{width:18px;height:18px}.rol-badge,.estado-badge{padding:6px 12px;font-size:11px}.empty-state{padding:32px 16px;background:#fff;border-radius:12px}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:none;width:100%;max-height:90vh;border-radius:20px 20px 0 0}.modal-content.modal-marcas{max-width:none}.modal-header{padding:16px 20px;position:sticky;top:0;background:#fff;z-index:10;border-radius:20px 20px 0 0}.modal-header h2{font-size:16px;gap:8px}.modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f5f5f5}.modal-body{padding:16px 20px;max-height:calc(90vh - 140px);overflow-y:auto}.modal-footer{padding:12px 20px 20px;position:sticky;bottom:0;background:#fff;flex-direction:column;gap:10px}.btn-modal{width:100%;padding:14px 20px;font-size:15px;min-height:48px}.btn-modal.secondary{order:2}.btn-modal.primary{order:1}.form-group input,.form-group select{padding:14px 16px;font-size:16px;min-height:48px}.form-help{font-size:11px}.password-input-container input{font-size:16px;min-height:48px}.password-toggle{width:48px;height:48px}.btn-cambiar-password{padding:14px 16px;min-height:48px}.descuentos-section{padding:14px}.descuentos-grid{grid-template-columns:1fr;gap:14px}.descuentos-grid .form-group input{text-align:left}.descuento-nc{margin-top:4px}.nc-hint{font-size:9px}.descuentos-marca-section{padding:14px;margin-top:12px}.marcas-descuentos-list{gap:14px}.marca-descuento-item{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.marca-nombre{font-size:14px;min-width:auto;margin-bottom:4px}.marca-descuentos-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.marca-descuentos-inputs .input-group{flex-direction:column;align-items:stretch;gap:4px}.marca-descuentos-inputs .input-group label{font-size:10px;text-align:center}.marca-descuentos-inputs .input-group input{width:100%;padding:10px 8px;font-size:15px;min-height:44px}.marca-descuentos-inputs .input-group span{display:none}.modal-info{font-size:14px}.modal-help{font-size:12px}.empty-marcas{padding:24px 16px;font-size:13px}.alert{font-size:13px;padding:12px 14px}}.stock-container{padding:24px;max-width:1200px;margin:0 auto}.stock-header{margin-bottom:24px}.stock-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.stock-header .subtitle{color:#666;margin:4px 0 0;font-size:14px}.stock-search-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.search-row{display:flex;gap:12px;margin-bottom:16px}.search-icon{position:absolute;left:14px;color:#999}.search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .2s}.cantidad-input{width:150px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px}.btn-buscar{padding:12px 24px;background:#e60012;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-buscar:hover:not(:disabled){background:#c40010}.btn-buscar:disabled{background:#ccc;cursor:not-allowed}.btn-action{display:flex;align-items:center;gap:6px;padding:10px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s}.btn-action:hover:not(:disabled){border-color:#e60012;color:#e60012}.btn-action.multiple{border-color:#2196f3;color:#2196f3}.btn-action.multiple:hover{background:#2196f3;color:#fff}.btn-action.pdf{border-color:#f44336;color:#f44336}.btn-action.pdf:hover:not(:disabled){background:#f44336;color:#fff}.btn-action.excel{border-color:#4caf50;color:#4caf50}.btn-action.excel:hover:not(:disabled){background:#4caf50;color:#fff}.btn-action.limpiar{border-color:#999;color:#999}.btn-action.limpiar:hover{background:#999;color:#fff}.error-message{margin-top:12px;padding:12px 16px;background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px}.stock-results-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.stock-results-section h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#999}.empty-state p{margin:0;font-size:15px}.resultados-list{display:flex;flex-direction:column;gap:12px}.resultado-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fafafa;border-radius:10px;border-left:4px solid #e0e0e0;transition:all .2s}.resultado-item:hover{background:#f5f5f5}.resultado-item.verde{border-left-color:#4caf50;background:#f1f8e9}.resultado-item.amarillo{border-left-color:#ff9800;background:#fff8e1}.resultado-item.naranja{border-left-color:#ff5722;background:#fbe9e7}.resultado-item.gris{border-left-color:#9e9e9e;background:#fafafa}.resultado-imagen{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f0f0f0}.resultado-imagen img{width:100%;height:100%;object-fit:contain}.resultado-imagen .no-imagen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc}.resultado-info{flex:1;min-width:0}.resultado-codigo{font-weight:700;font-size:16px;color:#1a1a1a;margin-bottom:2px}.resultado-titulo{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.resultado-descripcion{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.resultado-stock{font-size:13px;color:#888}.resultado-stock strong{color:#1a1a1a}.cantidad-solicitada{color:#666;margin-left:8px}.resultado-estado{flex-shrink:0}.estado-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.estado-badge.verde{background:#4caf50;color:#fff}.estado-badge.amarillo{background:#ff9800;color:#fff}.estado-badge.naranja{background:#ff5722;color:#fff}.estado-badge.gris{background:#9e9e9e;color:#fff}.resultado-acciones{flex-shrink:0}.btn-ver{width:40px;height:40px;border-radius:8px;border:2px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#666}.btn-ver:hover{border-color:#e60012;color:#e60012}.stock-historial-section{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #00000014}.historial-header h3{font-size:14px;font-weight:600;color:#666;margin:0}.btn-limpiar-historial{background:none;border:none;color:#999;font-size:13px;cursor:pointer;padding:4px 8px}.btn-limpiar-historial:hover{color:#e60012}.historial-item{padding:6px 12px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:16px;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.historial-item:hover{background:#e60012;border-color:#e60012;color:#fff}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-header h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.modal-close{width:36px;height:36px;border-radius:8px;border:none;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#666}.modal-close:hover{background:#e60012;color:#fff}.modal-hint{color:#666;font-size:14px;margin:0 0 16px}.multiple-textarea{width:100%;min-height:200px;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:monospace;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0}.btn-modal{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal.secondary{background:#fff;color:#666;border:2px solid #e0e0e0}.btn-modal.secondary:hover{border-color:#999}.modal-content.modal-detalle{max-width:500px}.detalle-foto-container{display:flex;justify-content:center;margin-bottom:20px}.detalle-foto-principal{width:200px;height:200px;object-fit:contain;border-radius:12px;background:#f5f5f5;box-shadow:0 4px 12px #0000001a}.detalle-no-foto{width:200px;height:200px;background:#f5f5f5;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc}.detalle-no-foto p{margin:8px 0 0;font-size:13px}.detalle-titulo{font-size:20px;font-weight:700;margin:0 0 8px;color:#1a1a1a;text-align:center}.detalle-familia{color:#e60012;font-size:14px;font-weight:600;margin:0 0 12px;text-align:center}.detalle-descripcion{color:#666;font-size:14px;line-height:1.6;margin:0 0 20px;text-align:center}.detalle-section{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.detalle-section h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.detalle-table{width:100%;font-size:14px}.detalle-table td{padding:8px 0;vertical-align:top}.detalle-table td:first-child{color:#666;width:140px}.detalle-table-wrapper{overflow-x:auto;margin:0}.detalle-table.variantes{border-collapse:collapse;width:100%;font-size:12px}.detalle-table.variantes th,.detalle-table.variantes td{padding:6px 8px;text-align:left;border-bottom:1px solid #e0e0e0;white-space:normal;word-break:break-word}.detalle-table.variantes th{background:#f5f5f5;font-weight:600;font-size:11px;text-transform:uppercase;color:#666}.detalle-table.variantes td:first-child{width:auto}.detalle-video-link{display:inline-block;padding:10px 20px;background:#e60012;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .2s}.detalle-video-link:hover{background:#c40010;text-decoration:none}@media(max-width:768px){.stock-container{padding:12px}.stock-header{margin-bottom:16px}.stock-header h1{font-size:22px}.stock-header .subtitle{font-size:13px}.stock-search-section{padding:16px;margin-bottom:16px}.search-row{flex-direction:column;gap:10px}.search-input-group{width:100%}.search-input{width:100%;padding:14px 16px 14px 44px;font-size:16px}.cantidad-input{width:100%;padding:14px 16px;font-size:16px}.btn-buscar{width:100%;padding:16px 24px;font-size:16px;min-height:50px}.actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-action{justify-content:center;padding:12px 10px;font-size:13px}.btn-action svg{width:16px;height:16px}.error-message{font-size:13px;padding:10px 14px}.stock-results-section{padding:16px;margin-bottom:16px}.stock-results-section h2{font-size:16px;margin-bottom:12px}.empty-state{padding:32px 16px}.empty-state svg{width:40px;height:40px}.empty-state p{font-size:14px}.resultados-list{gap:12px}.resultado-item{display:flex;flex-direction:column;padding:0;gap:0;position:relative;overflow:hidden;border-left:none;border-top:4px solid #e0e0e0}.resultado-item.verde{border-top-color:#4caf50}.resultado-item.amarillo{border-top-color:#ff9800}.resultado-item.naranja{border-top-color:#ff5722}.resultado-item.gris{border-top-color:#9e9e9e}.resultado-item .resultado-imagen{position:absolute;top:12px;left:12px;width:56px;height:56px}.resultado-item .resultado-info{padding:12px 12px 12px 80px;min-height:68px}.resultado-codigo{font-size:15px;color:#e60012;margin-bottom:4px}.resultado-titulo{font-size:13px;line-height:1.3}.resultado-descripcion{font-size:12px;white-space:normal;overflow:visible;text-overflow:clip;margin-bottom:2px}.resultado-stock{font-size:12px}.resultado-item .resultado-estado,.resultado-item .resultado-acciones{position:static}.resultado-item:after{content:"";display:block;clear:both}.resultado-estado{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#00000005;border-top:1px solid rgba(0,0,0,.06);width:100%}.estado-badge{padding:6px 14px;font-size:11px;border-radius:16px}.resultado-acciones{position:absolute;bottom:10px;right:12px}.btn-ver{width:44px;height:44px;border-radius:10px}.btn-ver svg{width:20px;height:20px}.stock-historial-section{padding:14px 16px}.historial-header h3{font-size:13px}.btn-limpiar-historial{font-size:12px;padding:6px 10px}.historial-items{gap:10px}.historial-item{padding:10px 16px;font-size:14px;border-radius:20px;min-height:40px;display:flex;align-items:center}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:none;width:100%;max-height:90vh;border-radius:20px 20px 0 0;margin:0}.modal-content.modal-detalle{max-width:none}.modal-header{padding:16px 20px;position:sticky;top:0;background:#fff;z-index:10;border-radius:20px 20px 0 0}.modal-header h2{font-size:16px}.modal-close{width:40px;height:40px}.modal-body{padding:16px 20px;max-height:calc(90vh - 140px);overflow-y:auto}.modal-hint{font-size:13px}.multiple-textarea{min-height:180px;font-size:16px;padding:14px}.modal-footer{padding:12px 20px 20px;position:sticky;bottom:0;background:#fff;flex-direction:column;gap:10px}.btn-modal{width:100%;padding:14px 24px;font-size:15px;min-height:48px}.btn-modal.secondary{order:2}.btn-modal.primary{order:1}.detalle-foto-container{margin-bottom:16px}.detalle-foto-principal,.detalle-no-foto{width:160px;height:160px}.detalle-no-foto svg{width:48px;height:48px}.detalle-titulo{font-size:18px}.detalle-familia{font-size:13px}.detalle-descripcion{font-size:13px;margin-bottom:16px}.detalle-section{margin-top:16px;padding-top:16px}.detalle-section h4,.detalle-table{font-size:13px}.detalle-table td{padding:6px 0}.detalle-table td:first-child{width:110px}.detalle-table-wrapper{margin:0 -20px;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.detalle-table.variantes{min-width:400px;font-size:11px}.detalle-table.variantes th,.detalle-table.variantes td{padding:8px 6px}.detalle-video-link{width:100%;text-align:center;padding:12px 20px;font-size:14px}}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-action.ganancias{background:#fff;color:#ff9800;border-color:#ff9800}.btn-action.ganancias:hover{background:#ff9800;color:#fff}@media(max-width:768px){.cotizador-container{padding:12px 12px 180px}.cotizador-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.cotizador-header h1{font-size:22px}.header-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.header-actions .btn-action{padding:10px 12px;font-size:12px;justify-content:center}.header-actions .btn-action svg{display:none}.cliente-section{flex-direction:column;align-items:stretch;gap:12px}.cliente-selector{flex-direction:column;align-items:stretch}.cliente-selector select{min-width:auto;width:100%;padding:14px 12px;font-size:16px}.cliente-descuentos-container{gap:10px}.cliente-descuentos{flex-wrap:wrap}.cliente-descuentos-marca{flex-direction:column;gap:8px}.descuentos-marca-list{gap:6px}.search-section{padding:12px;margin-bottom:16px}.search-row{flex-direction:column;gap:10px}.search-input-group{width:100%}.search-input{width:100%;padding:14px 14px 14px 44px;font-size:16px}.cantidad-group{width:100%;justify-content:flex-start}.cantidad-input{width:80px;padding:14px 12px;font-size:16px}.btn-agregar{width:100%;padding:14px;justify-content:center;font-size:16px}.actions-row{flex-wrap:wrap;gap:8px}.actions-row .btn-action{flex:1;min-width:calc(50% - 4px);justify-content:center;padding:10px 8px;font-size:12px}.items-table-container{overflow-x:visible}.items-table{min-width:auto;display:block}.items-table thead{display:none}.items-table tbody{display:flex;flex-direction:column;gap:12px}.items-table tbody tr.item-row{display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto;gap:8px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000f;position:relative}.items-table tbody td{display:block;padding:0;border:none;text-align:left}.items-table tbody td.foto-cell{grid-column:1;grid-row:1 / 3;display:flex;align-items:flex-start;justify-content:center}.items-table tbody td.foto-cell .item-foto,.items-table tbody td.foto-cell .item-foto-placeholder{width:56px;height:56px;border-radius:8px}.items-table tbody td.codigo-cell{grid-column:2;grid-row:1;font-size:14px}.items-table tbody td.codigo-cell strong{color:#e60012;font-size:15px}.items-table tbody td.descripcion-cell{grid-column:2;grid-row:2}.items-table tbody td.descripcion-cell .item-titulo{font-size:13px;line-height:1.3;color:#333}.items-table tbody td.descripcion-cell .item-descripcion-corta{font-size:11px;margin-top:2px}.items-table tbody td.descripcion-cell .caja-hint{font-size:10px}.items-table tbody td.stock-cell,.items-table tbody td.cantidad-cell,.items-table tbody td.precio-lista-cell,.items-table tbody td.precio-descuento,.items-table tbody td.precio-venta,.items-table tbody td.iva-cell{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid #f0f0f0}.items-table tbody td.stock-cell:before,.items-table tbody td.cantidad-cell:before,.items-table tbody td.precio-lista-cell:before,.items-table tbody td.precio-descuento:before,.items-table tbody td.precio-venta:before,.items-table tbody td.iva-cell:before{content:attr(data-label);font-size:12px;font-weight:600;color:#666}.items-table tbody td.stock-cell .stock-badge{font-size:11px;padding:4px 8px}.items-table tbody td.cantidad-cell .cantidad-input-tabla{width:80px;padding:10px 12px;font-size:16px;text-align:center}.items-table tbody td.precio-lista-cell,.items-table tbody td.precio-descuento,.items-table tbody td.precio-venta{font-size:14px;font-weight:600}.items-table tbody td.precio-descuento{color:#2e7d32;background:transparent}.items-table tbody td.precio-venta{color:#ff9800;background:transparent}.items-table tbody td.iva-cell{font-size:13px}.items-table tbody td.actions-cell{position:absolute;top:8px;right:8px;grid-column:auto;border:none;padding:0}.items-table tbody td.actions-cell .item-actions{gap:4px}.items-table tbody td.actions-cell .btn-item{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.items-table tbody td.actions-cell .btn-item svg{width:18px;height:18px}.totales-section{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;padding:0;margin:0;box-shadow:0 -4px 20px #00000026;border-top:2px solid #e60012}.totales-card{width:100%;min-width:auto;border-radius:0;box-shadow:none;padding:12px 16px}.totales-card h3{font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.totales-row{padding:4px 0;font-size:13px}.totales-row.descuento{font-size:12px}.totales-row.total{font-size:18px;padding:8px 0 4px}.nota-nc{font-size:10px;padding:4px 8px}.totales-card .btn-action.guardar{width:100%;margin-top:8px;padding:12px;font-size:14px;justify-content:center}.empty-state{padding:40px 20px}.empty-state svg{width:48px;height:48px}.empty-state p{font-size:14px}.modal-overlay{padding:10px;align-items:flex-end}.modal-content{max-height:85vh;border-radius:16px 16px 0 0;width:100%;max-width:none}.modal-header{padding:16px;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{font-size:18px}.modal-body{padding:16px;max-height:calc(85vh - 120px);overflow-y:auto}.modal-footer{padding:12px 16px;position:sticky;bottom:0;background:#fff}.multiple-textarea{font-size:16px;min-height:150px}.ganancia-input{width:80px;font-size:16px}.familia-ganancia-row,.cotizacion-item{flex-direction:column;align-items:flex-start;gap:8px}.cotizacion-actions{width:100%}.cotizacion-actions .btn-cot{flex:1}}.cotizador-container{padding:20px;max-width:1400px}.cotizador-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.cotizador-header h1{margin:0 0 5px;color:#1a1a1a;font-size:28px;display:flex;align-items:center;gap:10px}.cotizador-header .subtitle{margin:0;color:#666;font-size:14px;font-family:monospace}.header-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative}.btn-action.acciones-toggle{display:none}.header-actions-menu{display:flex;gap:10px;flex-wrap:wrap}.descuentos-toggle{display:none}.descuentos-content{display:flex;flex-direction:column;gap:8px}.mobile-footer-action{display:none}.btn-action{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid}.btn-action.guardar{background:#fff;color:#4caf50;border-color:#4caf50}.btn-action.guardar:hover:not(:disabled){background:#4caf50;color:#fff}.btn-action.cargar{background:#fff;color:#2196f3;border-color:#2196f3}.btn-action.cargar:hover{background:#2196f3;color:#fff}.btn-action.pdf{background:#fff;color:#e60012;border-color:#e60012}.btn-action.pdf:hover:not(:disabled){background:#e60012;color:#fff}.btn-action.multiple{background:#fff;color:#9c27b0;border-color:#9c27b0}.btn-action.multiple:hover{background:#9c27b0;color:#fff}.btn-action.limpiar{background:#fff;color:#f44336;border-color:#f44336}.btn-action.limpiar:hover{background:#f44336;color:#fff}.btn-action.enviar{background:#4caf50;color:#fff;border-color:#4caf50}.btn-action.enviar:hover:not(:disabled){background:#388e3c;border-color:#388e3c}.btn-action:disabled{opacity:.5;cursor:not-allowed}.cliente-section{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.cliente-selector{display:flex;align-items:center;gap:10px}.cliente-selector label{font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.cliente-selector select{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;min-width:250px;cursor:pointer}.cliente-selector select:focus{outline:none;border-color:#e60012}.cliente-descuentos-container{display:flex;flex-direction:column;gap:8px}.cliente-descuentos{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.descuento-badge{background:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:12px;font-weight:600;font-size:13px}.descuento-badge.small{padding:2px 8px;font-size:12px}.descuento-badge.nc{background:#f3e5f5;color:#7b1fa2}.descuento-badge.nc small{font-size:10px;font-weight:400;opacity:.8}.sin-descuento{color:#999;font-style:italic}.cliente-descuentos-marca{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#fff8e1;border-radius:8px;border:1px solid #ffe082}.descuentos-marca-label{font-size:13px;color:#f57c00;font-weight:600;white-space:nowrap}.descuentos-marca-list{display:flex;flex-wrap:wrap;gap:10px}.descuento-marca-item{display:flex;align-items:center;gap:4px;background:#fff;padding:4px 8px;border-radius:6px;border:1px solid #ffe082}.descuento-marca-item .marca-nombre{font-size:12px;font-weight:600;color:#333}.cliente-info-readonly{display:flex;align-items:center;gap:8px;font-weight:600;color:#333}.cliente-info-readonly svg{color:#e60012}.cliente-nombre{font-size:15px}.search-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.search-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.search-input-group{flex:1;min-width:250px;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#999}.search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.search-input:focus{outline:none;border-color:#e60012}.cantidad-group{display:flex;align-items:center;gap:4px}.cantidad-input{width:80px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;text-align:center}.cantidad-input:focus{outline:none;border-color:#e60012}.cantidad-label{color:#666;font-size:13px}.btn-agregar{display:flex;align-items:center;gap:6px;padding:12px 24px;background:#e60012;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-agregar:hover:not(:disabled){background:#c40010}.btn-agregar:disabled{background:#ccc;cursor:not-allowed}.actions-row{display:flex;gap:10px;flex-wrap:wrap}.error-message{margin-top:12px;padding:12px 16px;background:#ffebee;color:#c62828;border-radius:8px;font-size:14px}.items-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.items-section h2{margin:0 0 16px;font-size:18px;color:#333}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state p{margin:0;font-size:16px}.items-table-container{overflow-x:auto}.items-table{width:100%;border-collapse:collapse;min-width:800px}.items-table th{background:#f9f9f9;padding:12px 14px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;border-bottom:2px solid #e0e0e0}.items-table th.th-sortable{cursor:pointer;user-select:none;white-space:nowrap}.items-table th.th-sortable:hover{background:#f0f0f0;color:#333}.items-table th.th-foto{width:50px;padding:8px}.sort-icon{margin-left:4px;vertical-align:middle}.sort-icon.inactive{opacity:.3;font-size:12px}.sort-icon.active{color:#e60012}.items-table td{padding:12px 14px;border-bottom:1px solid #f0f0f0;font-size:14px}.items-table tr:hover{background:#fafafa}.foto-cell{width:50px;padding:8px!important}.item-foto{width:45px;height:45px;object-fit:contain;border-radius:6px;background:#f9f9f9}.item-foto-placeholder{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:6px;color:#ccc}.codigo-cell{font-family:monospace;white-space:nowrap}.descripcion-cell{min-width:200px}.item-titulo{font-weight:500;color:#333}.item-descripcion-corta{font-size:12px;color:#888;margin-top:2px}.caja-hint{display:block;color:#aaa;font-size:11px;margin-top:4px}.stock-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.stock-badge.verde{background:#e8f5e9;color:#2e7d32}.stock-badge.amarillo{background:#fff8e1;color:#f57f17}.stock-badge.naranja{background:#fff3e0;color:#e65100}.stock-badge.gris{background:#f5f5f5;color:#757575}.cantidad-input-tabla{width:70px;padding:8px;border:1px solid #e0e0e0;border-radius:6px;text-align:center;font-size:14px}.cantidad-input-tabla:focus{outline:none;border-color:#e60012}.precio-tachado{text-decoration:line-through;color:#999}.precio-descuento{color:#2e7d32;font-weight:600}.precio-venta{color:#ff9800;font-weight:600;background:#fff8e1}.iva-cell{text-align:center;font-size:12px;color:#666;white-space:nowrap}.subtotal-cell{font-weight:600;white-space:nowrap}.item-actions{display:flex;gap:6px}.btn-item{padding:6px 8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-item.ver{background:#e3f2fd;color:#1976d2}.btn-item.ver:hover{background:#bbdefb}.btn-item.eliminar{background:#ffebee;color:#c62828}.btn-item.eliminar:hover{background:#ffcdd2}.totales-section{display:flex;justify-content:flex-end;margin-bottom:20px}.totales-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 8px #00000014;min-width:320px}.totales-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#333}.totales-row.descuento{color:#2e7d32}.totales-row .ahorro{font-weight:600}.totales-row.total{border-top:2px solid #e0e0e0;margin-top:8px;padding-top:16px;font-size:18px;font-weight:700;color:#e60012}.nota-nc{margin-top:12px;padding-top:12px;border-top:1px dashed #ce93d8;font-size:11px;color:#7b1fa2;font-style:italic}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-content.modal-wide{max-width:700px}.modal-content.modal-detalle{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h2{margin:0;font-size:20px;display:flex;align-items:center;gap:10px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px}.modal-close:hover{color:#333}.modal-body{padding:24px}.modal-hint{color:#666;font-size:14px;margin-bottom:16px}.multiple-textarea{width:100%;min-height:200px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:monospace;resize:vertical}.multiple-textarea:focus{outline:none;border-color:#e60012}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0}.btn-modal{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal.primary{background:#e60012;color:#fff;border:none}.btn-modal.primary:hover:not(:disabled){background:#c40010}.btn-modal.primary:disabled{background:#ccc;cursor:not-allowed}.btn-modal.secondary{background:#fff;color:#333;border:2px solid #e0e0e0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:#333}.form-group input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px}.form-group input:focus{outline:none;border-color:#e60012}.empty-message{text-align:center;color:#999;padding:40px}.cotizaciones-list{display:flex;flex-direction:column;gap:12px}.cotizacion-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f9f9f9;border-radius:8px;gap:16px}.cotizacion-info h4{margin:0 0 4px;font-size:15px;color:#333}.cotizacion-info p{margin:0;font-size:12px;color:#666}.cotizacion-actions{display:flex;gap:8px}.btn-cot{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cot.cargar{background:#e60012;color:#fff}.btn-cot.cargar:hover:not(:disabled){background:#c40010}.btn-cot.cargar:disabled{background:#ccc}.btn-cot.eliminar{background:#ffebee;color:#c62828;padding:8px 10px}.btn-cot.eliminar:hover{background:#ffcdd2}.detalle-foto-container{text-align:center;margin-bottom:20px}.detalle-foto-principal{max-width:200px;max-height:200px;object-fit:contain;border-radius:8px}.detalle-no-foto{width:200px;height:200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;color:#999}.detalle-titulo{text-align:center;margin:0 0 8px;font-size:20px;color:#333}.detalle-familia{text-align:center;color:#e60012;font-weight:600;margin:0 0 16px}.detalle-descripcion{color:#666;font-size:14px;margin:0 0 20px;text-align:center}.detalle-section{margin-top:20px}.detalle-section h4{margin:0 0 12px;font-size:14px;color:#333;text-transform:uppercase}.detalle-table{width:100%;border-collapse:collapse}.detalle-table td,.detalle-table th{padding:10px 12px;border:1px solid #e0e0e0;font-size:13px}.detalle-table th{background:#333;color:#fff;text-align:left}.detalle-table td:first-child{font-weight:600;background:#f9f9f9;width:140px}.detalle-table.variantes td:first-child{background:transparent;width:auto}.detalle-table-wrapper{max-height:200px;overflow-y:auto}.loading{text-align:center;padding:60px;color:#666;font-size:16px}@media(max-width:768px){.cotizador-container{padding:12px 12px 180px}.cotizador-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.cotizador-header h1{font-size:22px}.header-actions{flex-direction:row;width:100%;gap:8px;position:relative}.btn-action.acciones-toggle{display:flex;flex:1;justify-content:center;background:#fff;color:#607d8b;border-color:#607d8b}.btn-action.acciones-toggle:hover{background:#607d8b;color:#fff}.btn-action.desktop-only{display:none}.header-actions-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:12px;margin-top:8px;flex-direction:column;gap:8px;z-index:100;box-shadow:0 4px 20px #00000026}.header-actions-menu.show{display:flex}.header-actions-menu .btn-action{width:100%;justify-content:center}.descuentos-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px 16px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:600;color:#333;cursor:pointer}.descuentos-toggle:hover{background:#eee}.descuentos-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0}.descuentos-content.show{max-height:500px;padding-top:12px}.cliente-section{flex-direction:column;align-items:stretch;gap:12px}.cliente-selector{flex-direction:column;align-items:stretch}.cliente-selector select{min-width:auto;width:100%;padding:14px 12px;font-size:16px}.cliente-descuentos-container{gap:10px}.cliente-descuentos{flex-wrap:wrap}.cliente-descuentos-marca{flex-direction:column;gap:8px}.descuentos-marca-list{gap:6px}.mobile-footer-action{display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 20px;box-shadow:0 -4px 20px #00000026;z-index:500;border-top:2px solid #4caf50}.btn-send-pedido{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.btn-send-pedido:hover:not(:disabled){background:#388e3c}.btn-send-pedido:disabled{background:#ccc;cursor:not-allowed}.btn-send-pedido .items-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:14px}.search-section{padding:12px;margin-bottom:16px}.search-row{flex-direction:column;gap:10px}.search-input-group{width:100%}.search-input{width:100%;padding:14px 14px 14px 44px;font-size:16px}.cantidad-group{width:100%;justify-content:flex-start}.cantidad-input{width:80px;padding:14px 12px;font-size:16px}.btn-agregar{width:100%;padding:14px;justify-content:center;font-size:16px}.actions-row{flex-wrap:wrap;gap:8px}.actions-row .btn-action{flex:1;min-width:calc(50% - 4px);justify-content:center;padding:10px 8px;font-size:12px}.items-table-container{overflow-x:visible}.items-table{min-width:auto;display:block}.items-table thead{display:none}.items-table tbody{display:flex;flex-direction:column;gap:12px}.items-table tbody tr.item-row{display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto;gap:8px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000f;position:relative}.items-table tbody td{display:block;padding:0;border:none;text-align:left}.items-table tbody td.foto-cell{grid-column:1;grid-row:1 / 3;display:flex;align-items:flex-start;justify-content:center}.items-table tbody td.foto-cell .item-foto,.items-table tbody td.foto-cell .item-foto-placeholder{width:56px;height:56px;border-radius:8px}.items-table tbody td.codigo-cell{grid-column:2;grid-row:1;font-size:14px}.items-table tbody td.codigo-cell strong{color:#e60012;font-size:15px}.items-table tbody td.descripcion-cell{grid-column:2;grid-row:2}.items-table tbody td.descripcion-cell .item-titulo{font-size:13px;line-height:1.3;color:#333}.items-table tbody td.descripcion-cell .item-descripcion-corta{font-size:11px;margin-top:2px}.items-table tbody td.descripcion-cell .caja-hint{font-size:10px}.items-table tbody td.stock-cell,.items-table tbody td.cantidad-cell,.items-table tbody td.precio-lista-cell,.items-table tbody td.precio-descuento,.items-table tbody td.precio-venta,.items-table tbody td.iva-cell{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid #f0f0f0}.items-table tbody td.stock-cell:before,.items-table tbody td.cantidad-cell:before,.items-table tbody td.precio-lista-cell:before,.items-table tbody td.precio-descuento:before,.items-table tbody td.precio-venta:before,.items-table tbody td.iva-cell:before{content:attr(data-label);font-size:12px;font-weight:600;color:#666}.items-table tbody td.stock-cell .stock-badge{font-size:11px;padding:4px 8px}.items-table tbody td.cantidad-cell .cantidad-input-tabla{width:80px;padding:10px 12px;font-size:16px;text-align:center}.items-table tbody td.precio-lista-cell,.items-table tbody td.precio-descuento,.items-table tbody td.precio-venta{font-size:14px;font-weight:600}.items-table tbody td.precio-descuento{color:#2e7d32;background:transparent}.items-table tbody td.precio-venta{color:#ff9800;background:transparent}.items-table tbody td.iva-cell{font-size:13px}.items-table tbody td.actions-cell{position:absolute;top:8px;right:8px;grid-column:auto;border:none;padding:0}.items-table tbody td.actions-cell .item-actions{gap:4px}.items-table tbody td.actions-cell .btn-item{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.items-table tbody td.actions-cell .btn-item svg{width:18px;height:18px}.totales-section{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;padding:0;margin:0;box-shadow:0 -4px 20px #00000026;border-top:2px solid #e60012}.totales-card{width:100%;min-width:auto;border-radius:0;box-shadow:none;padding:12px 16px}.totales-card h3{font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.totales-row{padding:4px 0;font-size:13px}.totales-row.descuento{font-size:12px}.totales-row.total{font-size:18px;padding:8px 0 4px}.nota-nc{font-size:10px;padding:4px 8px}.totales-card .btn-action.guardar{width:100%;margin-top:8px;padding:12px;font-size:14px;justify-content:center}.empty-state{padding:40px 20px}.empty-state svg{width:48px;height:48px}.empty-state p{font-size:14px}.modal-overlay{padding:10px;align-items:flex-end}.modal-content{max-height:85vh;border-radius:16px 16px 0 0;width:100%;max-width:none}.modal-header{padding:16px;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{font-size:18px}.modal-body{padding:16px;max-height:calc(85vh - 120px);overflow-y:auto}.modal-footer{padding:12px 16px;position:sticky;bottom:0;background:#fff}.multiple-textarea{font-size:16px;min-height:150px}.ganancia-input{width:80px;font-size:16px}.familia-ganancia-row,.cotizacion-item{flex-direction:column;align-items:flex-start;gap:8px}.cotizacion-actions{width:100%}.cotizacion-actions .btn-cot{flex:1}}.ganancia-general-section{background:#fff8e1;border-radius:8px;padding:16px;margin-bottom:20px;border:2px solid #ff9800}.ganancia-input-group{display:flex;align-items:center;gap:8px}.ganancia-input{width:100px;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;text-align:center;font-weight:600}.ganancia-input:focus{outline:none;border-color:#ff9800}.ganancia-suffix{font-weight:600;color:#666;font-size:16px}.form-hint{display:block;color:#666;font-size:12px;margin-top:6px}.ganancias-familias-section{margin-top:20px}.ganancias-familias-section h4{margin:0 0 12px;font-size:14px;color:#333}.ganancias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ganancia-familia-item{background:#f9f9f9;border-radius:8px;padding:12px}.ganancia-familia-item label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.ganancia-familia-item .ganancia-input{width:70px;padding:8px 10px;font-size:14px}.ganancia-familia-item .ganancia-input::placeholder{color:#bbb;font-weight:400}.no-familias-hint{color:#999;font-style:italic;font-size:14px;padding:20px;text-align:center;background:#f9f9f9;border-radius:8px}.btn-action.historial{background:#fff;color:#607d8b;border-color:#607d8b}.btn-action.historial:hover{background:#607d8b;color:#fff}.modal-enviar{max-width:520px}.modal-header-enviar{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.modal-header-enviar h2,.modal-header-enviar .modal-close{color:#fff}.enviar-resumen{background:#f8f9fa;border-radius:10px;padding:16px;margin-bottom:16px}.enviar-resumen-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.enviar-resumen-row:last-child{border-bottom:none}.enviar-resumen-row span{color:#666;font-size:14px}.enviar-resumen-row strong{color:#333;font-size:14px}.enviar-total{background:#e8f5e9;margin:8px -16px -16px;padding:12px 16px;border-radius:0 0 10px 10px}.enviar-total strong{color:#2e7d32;font-size:18px}.enviar-warning{display:flex;gap:12px;padding:14px;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;margin-bottom:16px}.enviar-warning svg{flex-shrink:0;color:#f57c00;margin-top:2px}.enviar-warning strong{display:block;color:#e65100;font-size:14px;margin-bottom:4px}.enviar-warning p{margin:0;color:#5d4037;font-size:13px;line-height:1.4}.enviar-transporte-section{background:#f5f5f5;border-radius:8px;padding:16px;margin-bottom:16px}.enviar-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.enviar-section-header h4{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#333}.enviar-section-header h4 svg{color:#607d8b}.btn-modificar-transporte{background:none;border:1px solid #607d8b;color:#607d8b;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-modificar-transporte:hover{background:#607d8b;color:#fff}.enviar-transporte-info{color:#333;font-size:14px}.enviar-transporte-info p{margin:0 0 4px}.enviar-transporte-vacio{display:flex;align-items:center;gap:8px;color:#ff9800;font-size:14px;margin:0}.enviar-observaciones{margin-bottom:16px}.enviar-observaciones label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#333;margin-bottom:8px}.enviar-observaciones textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.enviar-observaciones textarea:focus{outline:none;border-color:#4caf50}.enviar-info{display:flex;align-items:center;gap:10px;padding:12px;background:#e3f2fd;border-radius:8px;color:#1565c0;font-size:13px}.enviar-info svg{flex-shrink:0}.btn-confirmar-envio{background:#4caf50!important;display:flex;align-items:center;gap:8px}.btn-confirmar-envio:hover:not(:disabled){background:#388e3c!important}.modal-transporte{max-width:450px}.modal-historial{max-width:550px}.loading-historial{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#666}.historial-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.historial-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f9f9f9;border-radius:8px;gap:12px}.historial-info{flex:1;min-width:0}.historial-numero{display:flex;align-items:center;gap:8px;margin-bottom:4px}.historial-numero strong{font-size:15px;color:#333}.badge-nc{background:#7b1fa2;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.historial-fecha{font-size:12px;color:#666;margin-bottom:4px}.historial-detalles{font-size:13px;color:#999}.btn-ver-pedido{display:flex;align-items:center;gap:6px;background:#e60012;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-ver-pedido:hover{background:#c40010}.modal-pedido-detalle{max-width:550px}.pedido-detalle-info{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:16px}.pedido-detalle-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.pedido-detalle-row span{color:#666}.pedido-detalle-row strong{color:#333}.pedido-detalle-obs{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.pedido-detalle-obs span{font-size:13px;color:#666;display:block;margin-bottom:4px}.pedido-detalle-obs p{margin:0;font-size:14px;color:#333;background:#fff;padding:10px;border-radius:6px;border:1px solid #e0e0e0}.modal-pedido-detalle h4{margin:0 0 12px;font-size:14px;color:#333}.pedido-detalle-items{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;margin-bottom:16px}.pedido-detalle-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f5f5f5;border-radius:6px;font-size:13px}.pedido-detalle-item .item-info{flex:1;min-width:0}.pedido-detalle-item .item-info strong{display:block;color:#333;margin-bottom:2px}.pedido-detalle-item .item-info span{color:#666;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pedido-detalle-item .item-cantidad{color:#666;font-weight:500}.pedido-detalle-item .item-precio{color:#333;font-weight:600}.pedido-detalle-totales{background:#f8f9fa;border-radius:8px;padding:12px 16px}.pedido-detalle-totales .total-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:#666}.pedido-detalle-totales .total-row.descuento{color:#4caf50}.pedido-detalle-totales .total-row.total-final{border-top:2px solid #e0e0e0;margin-top:8px;padding-top:12px;font-weight:700;font-size:16px;color:#333}.cantidad-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.cantidad-wrapper.distribuidor{flex-direction:row;gap:4px}.btn-cantidad-step{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#666;transition:all .2s;padding:0}.btn-cantidad-step:hover:not(:disabled){background:#e60012;border-color:#e60012;color:#fff}.btn-cantidad-step:disabled{opacity:.5;cursor:not-allowed}.cantidad-input-tabla.cantidad-invalida{border-color:#f44336!important;background:#ffebee!important}.cantidad-error-msg{position:absolute;bottom:-18px;left:0;right:0;font-size:10px;color:#f44336;text-align:center;white-space:nowrap}.cantidad-cell{position:relative}.badge-distribuidor{display:inline-flex;align-items:center;gap:4px;background:#9c27b0;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}@media(max-width:768px){.modal-enviar,.modal-transporte,.modal-historial,.modal-pedido-detalle{max-width:none;margin:10px;max-height:calc(100vh - 20px)}.enviar-resumen-row{flex-direction:column;align-items:flex-start;gap:4px}.enviar-total{flex-direction:row;align-items:center}.enviar-section-header{flex-direction:column;align-items:flex-start;gap:10px}.btn-modificar-transporte{width:100%;padding:10px}.historial-item{flex-direction:column;align-items:stretch;gap:10px}.btn-ver-pedido{width:100%;justify-content:center;padding:12px}.pedido-detalle-item{flex-wrap:wrap}.pedido-detalle-item .item-info{width:100%;margin-bottom:4px}.btn-confirmar-envio{width:100%;justify-content:center;padding:14px 20px}}.pedido-enviado-exito{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border-radius:10px;margin-bottom:20px;animation:slideIn .3s ease}.pedido-enviado-exito svg:first-child{flex-shrink:0}.pedido-enviado-exito span{flex:1;font-weight:600;font-size:15px}.pedido-enviado-exito button{display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:6px;padding:6px;cursor:pointer;color:#fff;transition:background .2s}.pedido-enviado-exito button:hover{background:#ffffff4d}.warning-cantidades-invalidas{display:flex;gap:14px;padding:16px;background:#fff3e0;border:2px solid #ff9800;border-radius:10px;margin-bottom:16px}.warning-cantidades-invalidas>svg{flex-shrink:0;color:#e65100;margin-top:2px}.warning-cantidades-invalidas strong{display:block;color:#e65100;font-size:15px;margin-bottom:6px}.warning-cantidades-invalidas p{margin:0 0 10px;color:#5d4037;font-size:13px;line-height:1.4}.warning-cantidades-invalidas ul{margin:0;padding:0 0 0 20px;font-size:13px;color:#5d4037}.warning-cantidades-invalidas li{margin-bottom:4px}.warning-cantidades-invalidas li strong{display:inline;font-size:13px;margin-bottom:0}.modal-limpiar{max-width:420px}.modal-header-limpiar{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.modal-header-limpiar h2,.modal-header-limpiar .modal-close{color:#fff}.limpiar-warning-icon{display:flex;justify-content:center;margin-bottom:16px}.limpiar-warning-icon svg{color:#ff9800}.limpiar-mensaje{text-align:center;font-size:18px;font-weight:600;color:#333;margin:0 0 12px}.limpiar-detalle{text-align:center;font-size:14px;color:#666;margin:0;line-height:1.5}.limpiar-detalle strong{color:#f44336}.modal-footer-limpiar{display:flex;gap:12px}.modal-footer-limpiar .btn-modal{flex:1}.btn-modal.danger{background:#f44336;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.config-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.config-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.config-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.config-modal-title{display:flex;align-items:center;gap:12px}.config-modal-title svg{color:#374151}.config-modal-title h2{margin:0;font-size:18px;font-weight:600;color:#111827}.btn-close-modal{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-close-modal:hover{background:#fee2e2;color:#dc2626}.config-modal-content{padding:24px;overflow-y:auto;max-height:calc(90vh - 180px)}.config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:#6b7280}.config-loading .spinning{animation:spin 1s linear infinite}.config-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px}.config-success{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#dcfce7;border:1px solid #86efac;border-radius:8px;color:#166534;font-size:14px;font-weight:500;margin-bottom:16px}.config-field{margin-bottom:20px}.config-field label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.config-field label svg{color:#6b7280}.config-field-help{font-size:13px;color:#6b7280;margin:0 0 12px;line-height:1.5}.config-input-wrapper{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:border-color .2s}.config-input-wrapper:focus-within{border-color:#3b82f6}.config-input-prefix{padding:12px 0 12px 16px;font-size:16px;font-weight:500;color:#6b7280;background:#f9fafb}.config-input-wrapper input{flex:1;padding:12px 16px 12px 8px;font-size:16px;font-weight:500;border:none;outline:none;background:#f9fafb}.config-input-wrapper input::placeholder{color:#9ca3af}.config-field-preview{margin:12px 0 0;padding:10px 14px;background:#eff6ff;border-radius:8px;font-size:14px;color:#1d4ed8}.config-field-preview strong{font-weight:600}.config-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-cancel{padding:10px 20px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:#2563eb}.btn-save:disabled{background:#93c5fd;cursor:not-allowed}.btn-save .spinning{animation:spin 1s linear infinite}@media(max-width:520px){.config-modal{margin:16px;max-width:calc(100% - 32px)}.config-modal-header{padding:16px 20px}.config-modal-content{padding:20px}.config-modal-footer{padding:16px 20px}}.modal-ofertas-overlay{position:fixed;inset:0;width:100%;height:100%;height:100dvh;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;padding-top:env(safe-area-inset-top,20px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn .2s ease}.modal-ofertas-container{width:100%;max-width:600px;max-height:90vh;max-height:90dvh;background:#fff;border-radius:16px;display:flex;flex-direction:column;animation:slideDown .3s ease;margin-top:10px;margin-bottom:auto}@keyframes slideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}@media(min-width:768px){.modal-ofertas-overlay{align-items:center}.modal-ofertas-container{max-height:80vh;border-radius:16px;margin:1rem}}.modal-ofertas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-ofertas-header .header-title{display:flex;align-items:center;gap:.5rem}.modal-ofertas-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#1a1a2e}.modal-ofertas-header svg{color:#f97316}.badge-nuevas{display:flex;align-items:center;gap:.25rem;background:#22c55e;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px;font-weight:500}.btn-close{background:none;border:none;padding:.5rem;cursor:pointer;color:#666;border-radius:50%;transition:all .2s}.modal-ofertas-search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-ofertas-search input{flex:1;border:none;background:transparent;font-size:.95rem;outline:none}.modal-ofertas-search svg{color:#999}.btn-clear{background:none;border:none;padding:.25rem;cursor:pointer;color:#999}.btn-clear:hover{color:#f97316}.modal-ofertas-marcas{display:flex;gap:.5rem;padding:.75rem 1.25rem;overflow-x:auto;flex-shrink:0;border-bottom:1px solid #e0e0e0}.marca-chip{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#f3f4f6;border:1px solid #e0e0e0;border-radius:20px;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .2s}.marca-chip:hover{border-color:#f97316}.marca-chip.active{background:#fff7ed;border-color:#f97316;color:#ea580c}.chip-count{background:#e0e0e0;padding:.1rem .4rem;border-radius:10px;font-size:.7rem}.marca-chip.active .chip-count{background:#f97316;color:#fff}.modal-ofertas-actions{display:flex;gap:.5rem;padding:.75rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0}.btn-modo-seleccion:hover{border-color:#f97316;color:#f97316}.btn-modo-seleccion.activo{background:#fff7ed;border-color:#f97316;color:#ea580c}.checkbox-marca,.checkbox-oferta{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.checkbox-marca:hover,.checkbox-oferta:hover{border-color:#f97316}.checkbox-marca.checked,.checkbox-oferta.checked{background:#f97316;border-color:#f97316;color:#fff}.checkbox-marca.partial{background:#fed7aa;border-color:#f97316}.partial-mark{font-weight:700;color:#ea580c}.oferta-item.seleccionado{background:#fff7ed;border-color:#f97316}.oferta-bonificacion-detalle{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:8px;padding:.5rem .75rem;margin-bottom:.5rem}.bonificacion-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.bonificacion-header svg{color:#22c55e}.bonificacion-titulo{font-weight:700;font-size:.75rem;color:#16a34a;text-transform:uppercase}.bonificacion-escalas{display:flex;flex-direction:column;gap:2px}.bonificacion-escala-item{font-size:.8rem;color:#166534}.bonificacion-escala-item strong{color:#15803d}.oferta-lleva-paga{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#1e40af;background:#dbeafe;padding:.25rem .5rem;border-radius:4px;margin-bottom:.5rem}.modal-ofertas-content{flex:1;overflow-y:auto;padding:1rem 1.25rem}.marca-grupo{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.marca-count{background:#f97316;color:#fff;font-size:.7rem;padding:.15rem .5rem;border-radius:10px}.marca-ofertas{display:none;flex-direction:column;gap:.5rem;padding:.75rem;background:#fff}.marca-ofertas.visible{display:flex}.oferta-item{display:flex;gap:.75rem;padding:.75rem;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s}.oferta-item:hover{border-color:#f97316;background:#fff7ed}.oferta-info{flex:1;min-width:0}.oferta-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.oferta-codigo{font-weight:600;color:#1a1a2e;font-size:.9rem}.badge-nueva{display:inline-flex;align-items:center;gap:.2rem;background:#22c55e;color:#fff;font-size:.65rem;padding:.15rem .4rem;border-radius:4px;font-weight:500}.oferta-descripcion{margin:0 0 .5rem;font-size:.8rem;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oferta-precios{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.precio-lista{color:#999;font-size:.8rem}.precio-oferta{font-weight:700;color:#f97316;font-size:1rem}.ahorro{background:#dcfce7;color:#166534;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-weight:500}.oferta-rangos{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.rango-tag{font-size:.7rem;padding:.2rem .4rem;background:#e0e7ff;color:#3730a3;border-radius:4px}.oferta-vigencia{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#666}.dias-restantes{color:#f59e0b;font-weight:500}.btn-agregar-oferta{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f97316;color:#fff;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;align-self:center;transition:all .2s}.btn-agregar-oferta:hover{background:#ea580c;transform:scale(1.05)}.btn-agregar-oferta:active{transform:scale(.95)}@media(max-width:480px){.modal-ofertas-header{padding:.75rem 1rem}.modal-ofertas-header h2{font-size:1rem}.modal-ofertas-content{padding:.75rem}.oferta-item{padding:.5rem}.precio-oferta{font-size:.95rem}.btn-agregar-oferta{width:40px;height:40px}}@supports (-webkit-touch-callout: none){.modal-ofertas-container{max-height:70vh}}@media(max-width:767px){.modal-ofertas-search input{font-size:16px!important}}@media(min-width:1024px){.modal-ofertas-overlay{align-items:center;padding:40px 20px}.modal-ofertas-container{max-width:900px;width:95%;max-height:85vh;margin-top:0;display:flex;flex-direction:column}.modal-ofertas-header{padding:1.25rem 1.5rem;flex-shrink:0}.modal-ofertas-header h2{font-size:1.25rem}.modal-ofertas-search{padding:1rem 1.5rem;flex-shrink:0}.modal-ofertas-marcas,.modal-ofertas-actions{padding:.75rem 1.5rem;flex-shrink:0}.modal-ofertas-content{flex:1;min-height:0;padding:1.25rem 1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.marca-grupo{overflow:visible}.oferta-item{padding:1rem;gap:1rem}.oferta-codigo{font-size:.95rem}.oferta-descripcion{font-size:.85rem;-webkit-line-clamp:1}.precio-oferta{font-size:1.1rem}.marca-grupo-header{padding:1rem 1.25rem}.marca-nombre{font-size:1rem}.marca-ofertas{padding:1rem;gap:.75rem}}.modal-especiales-overlay{position:fixed;inset:0;width:100%;height:100%;height:100dvh;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;padding-top:env(safe-area-inset-top,20px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn .2s ease}.modal-especiales-container{width:100%;max-width:600px;max-height:85vh;max-height:85dvh;background:#fff;border-radius:16px;display:flex;flex-direction:column;animation:slideDown .3s ease;margin-top:10px;margin-bottom:auto;overflow:hidden}@supports (-webkit-touch-callout: none){.modal-especiales-container{max-height:80vh;max-height:80dvh}.modal-especiales-content{-webkit-overflow-scrolling:touch;overflow-y:scroll}}.modal-especiales-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-especiales-header .header-title{display:flex;align-items:center;gap:.5rem}.modal-especiales-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#1a1a2e}.badge-count{background:#e0e0e0;color:#666;font-size:.75rem;padding:.2rem .5rem;border-radius:10px;font-weight:500}.tipo-destacado .badge-count{background:#fef9c3;color:#ca8a04}.tipo-nuevo_ingreso .badge-count{background:#ede9fe;color:#7c3aed}.modal-especiales-header .btn-close{background:none;border:none;padding:.5rem;cursor:pointer;color:#666;border-radius:50%;transition:all .2s}.modal-especiales-header .btn-close:hover{background:#f0f0f0;color:#333}.modal-especiales-search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-especiales-search input{flex:1;border:none;background:transparent;font-size:16px;outline:none}.modal-especiales-search svg{color:#999}.modal-especiales-search .btn-clear{background:none;border:none;padding:.25rem;cursor:pointer;color:#999}.modal-especiales-actions{display:flex;gap:.5rem;padding:.75rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0}.btn-modo-seleccion{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-modo-seleccion:hover{border-color:#7c3aed;color:#7c3aed}.btn-modo-seleccion.activo{background:#ede9fe;border-color:#7c3aed;color:#7c3aed}.tipo-destacado .btn-modo-seleccion:hover,.tipo-destacado .btn-modo-seleccion.activo{border-color:#eab308;color:#ca8a04}.tipo-destacado .btn-modo-seleccion.activo{background:#fef9c3}.btn-agregar-seleccionados{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#22c55e;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-agregar-seleccionados:hover{background:#16a34a}.modal-especiales-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#666;text-align:center}.loading-state svg,.empty-state svg{color:#d1d5db;margin-bottom:1rem}.loading-state svg.spin{animation:spin 1s linear infinite}.productos-lista{display:flex;flex-direction:column;gap:1rem}.marca-grupo{border:1px solid #e0e0e0;border-radius:8px}.marca-grupo-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;cursor:pointer;transition:background .2s}.marca-grupo-header:hover{background:#f0f0f0}.marca-nombre{font-weight:600;color:#1a1a2e;flex:1}.marca-count{color:#fff;font-size:.7rem;padding:.15rem .5rem;border-radius:10px}.chevron{color:#666;transition:transform .2s}.chevron.expanded{transform:rotate(180deg)}.marca-productos{display:none;flex-direction:column;gap:.35rem;padding:.75rem;background:#fff}.marca-productos.visible{display:flex}.producto-item-compact{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;min-height:44px}.producto-item-compact:hover{border-color:#7c3aed;background:#faf5ff}.tipo-destacado .producto-item-compact:hover{border-color:#eab308;background:#fefce8}.producto-item-compact.seleccionado{background:#ede9fe;border-color:#7c3aed}.tipo-destacado .producto-item-compact.seleccionado{background:#fef9c3;border-color:#eab308}.producto-item-compact .producto-codigo{font-weight:600;color:#1a1a2e;font-size:.75rem;line-height:1.2;min-width:75px;max-width:75px;flex-shrink:0}.producto-item-compact .producto-descripcion{flex:1;font-size:.65rem;color:#666;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-width:0}.producto-item-compact .producto-precio{font-weight:600;color:#059669;font-size:.75rem;line-height:1.2;min-width:65px;text-align:right;flex-shrink:0}.btn-agregar-compact{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fff;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:all .15s}.btn-agregar-compact:hover{transform:scale(1.1);filter:brightness(1.1)}.btn-agregar-compact:active{transform:scale(.95)}.checkbox-marca{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.checkbox-producto{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.checkbox-marca:hover,.checkbox-producto:hover{border-color:#7c3aed}.tipo-destacado .checkbox-marca:hover,.tipo-destacado .checkbox-producto:hover{border-color:#eab308}.checkbox-marca.checked,.checkbox-producto.checked{background:#7c3aed;border-color:#7c3aed;color:#fff}.tipo-destacado .checkbox-marca.checked,.tipo-destacado .checkbox-producto.checked{background:#eab308;border-color:#eab308}.checkbox-marca.partial{background:#ddd6fe;border-color:#7c3aed}.tipo-destacado .checkbox-marca.partial{background:#fef08a;border-color:#eab308}.partial-mark{font-weight:700;color:#7c3aed}.tipo-destacado .partial-mark{color:#ca8a04}@media(max-width:768px){.modal-especiales-overlay{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));align-items:center;justify-content:center;overflow:hidden}.modal-especiales-container{width:100%;max-width:100%;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:0;border-radius:16px;display:flex;flex-direction:column}.modal-especiales-header,.modal-especiales-search,.modal-especiales-actions{flex-shrink:0}.modal-especiales-content{flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.productos-lista,.marca-grupo{overflow:visible}.marca-productos.visible{max-height:none;overflow:visible}}@media(max-width:480px){.modal-especiales-header{padding:.75rem 1rem}.modal-especiales-header h2{font-size:1rem}.modal-especiales-content{padding:.75rem}.producto-item-compact{gap:.5rem;padding:.4rem .5rem}.producto-item-compact .producto-codigo{min-width:65px;max-width:65px;font-size:.7rem}.producto-item-compact .producto-descripcion{font-size:.6rem}.producto-item-compact .producto-precio{min-width:55px;font-size:.7rem}.btn-agregar-compact{width:24px;height:24px}.btn-agregar-compact svg{width:14px;height:14px}}@media(min-width:1024px){.modal-especiales-overlay{align-items:center;padding:40px 20px}.modal-especiales-container{max-width:900px;width:95%;max-height:85vh;margin-top:0;display:flex;flex-direction:column}.modal-especiales-header{padding:1.25rem 1.5rem;flex-shrink:0}.modal-especiales-header h2{font-size:1.25rem}.modal-especiales-search{padding:1rem 1.5rem;flex-shrink:0}.modal-especiales-search input{font-size:16px}.modal-especiales-actions{padding:.75rem 1.5rem;flex-shrink:0}.modal-especiales-content{flex:1;min-height:0;padding:1.25rem 1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.marca-grupo{overflow:visible}.producto-item-compact{padding:.75rem 1rem;gap:1rem}.producto-item-compact .producto-codigo{min-width:90px;max-width:90px;font-size:.85rem}.producto-item-compact .producto-descripcion{font-size:.8rem;-webkit-line-clamp:1}.producto-item-compact .producto-precio{min-width:85px;font-size:.9rem}.btn-agregar-compact{width:32px;height:32px}.marca-grupo-header{padding:1rem 1.25rem}.marca-nombre{font-size:1rem}.marca-productos{padding:1rem;gap:.5rem}}.header-top-vendidos{background:linear-gradient(135deg,#10b981,#059669)!important}.header-top-vendidos .header-title,.header-top-vendidos .header-title h2,.header-top-vendidos .btn-close{color:#fff!important}.header-top-vendidos .badge-count{background:#fff3!important;color:#fff!important}.modal-top-vendidos-filtros{padding:12px 20px;background:#f8fafc;border-bottom:1px solid #eee}.select-filtro-cliente{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:10px;font-size:.9rem;background:#fff;cursor:pointer;font-weight:500;color:#333}.select-filtro-cliente:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.productos-lista-simple{padding:0}.producto-item-simple{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid #f0f0f0;transition:background .2s}.producto-item-simple:hover{background:#f8fafc}.producto-item-simple.seleccionado{background:#ecfdf5}.producto-item-simple .checkbox-producto{width:22px;height:22px;border:2px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.producto-item-simple .checkbox-producto.checked{background:#10b981;border-color:#10b981;color:#fff}.producto-info-simple{flex:1;min-width:0}.producto-codigo-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.producto-info-simple .producto-codigo{font-weight:600;color:#333;font-size:.9rem}.producto-posicion{font-size:.7rem;font-weight:600;color:#10b981;background:#ecfdf5;padding:2px 6px;border-radius:4px}.producto-info-simple .producto-descripcion{font-size:.8rem;color:#666;margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.producto-vendidos{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#10b981;font-weight:500}.producto-precio-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.producto-precio-action .precio-lista{font-size:.95rem;font-weight:600;color:#10b981}.producto-item-simple .btn-agregar-producto{width:36px;height:36px;background:#10b981;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #10b9814d}.producto-item-simple .btn-agregar-producto:hover{background:#059669;transform:scale(1.05)}.modal-especiales-container.tipo-top-vendidos .btn-agregar-seleccionados{background:linear-gradient(135deg,#10b981,#059669)}.modal-especiales-container.tipo-top-vendidos .btn-modo-seleccion.activo{background:#ecfdf5;border-color:#10b981;color:#059669}@media(max-width:480px){.producto-item-simple{padding:12px 16px;gap:10px}.producto-info-simple .producto-codigo{font-size:.85rem}.producto-info-simple .producto-descripcion{font-size:.75rem}.producto-precio-action .precio-lista{font-size:.85rem}.producto-item-simple .btn-agregar-producto{width:32px;height:32px}}.pedido-vendedor-container{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#f5f7fa;overflow:hidden;overflow-x:hidden;max-width:100%;touch-action:manipulation;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@supports (-webkit-touch-callout: none){.pedido-vendedor-container{min-height:-webkit-fill-available}}.pv-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;flex-shrink:0}.pv-header h1{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;margin:0}.pv-numero{font-size:.75rem;background:#fff3;padding:4px 10px;border-radius:20px}.pv-header-actions{display:flex;align-items:center;gap:12px}.pv-btn-config{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.pv-btn-config:hover{background:#ffffff40}.pv-tabs{display:flex;gap:0;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.pv-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.pv-tab:hover{color:#2563eb;background:#f9fafb}.pv-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}.pv-progress{display:flex;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.pv-step{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;flex:1}.pv-step .step-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:#e5e7eb;color:#6b7280;transition:all .2s}.pv-step.active .step-number{background:#2563eb;color:#fff}.pv-step.completed .step-number{background:#10b981;color:#fff}.pv-step .step-name{font-size:.7rem;color:#6b7280}.pv-step.active .step-name{color:#2563eb;font-weight:600}.pv-step.completed .step-name{color:#10b981}.pv-error{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fef2f2;color:#dc2626;font-size:.85rem;flex-shrink:0}.pv-error button{margin-left:auto;background:none;border:none;color:#dc2626;cursor:pointer;padding:4px}.pv-content{flex:1;overflow-y:auto;padding:16px 16px 80px}.pv-paso h2{display:flex;align-items:center;gap:8px;font-size:1rem;color:#1f2937;margin-bottom:16px}.filtro-vendedor-clientes{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-bottom:12px}.filtro-vendedor-clientes label{font-size:.85rem;font-weight:500;color:#0369a1;white-space:nowrap}.filtro-vendedor-clientes select{flex:1;padding:6px 10px;border:1px solid #7dd3fc;border-radius:6px;font-size:.9rem;background:#fff;color:#1f2937;cursor:pointer}.filtro-vendedor-clientes select:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.pv-search{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px}.pv-search svg{color:#9ca3af;flex-shrink:0}.pv-search input{flex:1;border:none;outline:none;font-size:.95rem;background:transparent}.pv-search .btn-buscar{min-width:48px;min-height:48px;width:48px;height:48px;padding:0;background:#2563eb;color:#fff;border:none;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.pv-search .btn-buscar:hover{background:#1d4ed8;transform:scale(1.05)}.pv-search .btn-buscar:active{transform:scale(.95)}.pv-search .btn-buscar:disabled{background:#9ca3af;cursor:not-allowed}.pv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280;gap:12px}.pv-loading .spin{animation:spin 1s linear infinite}.pv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280;text-align:center}.pv-empty svg{margin-bottom:12px;opacity:.5}.pv-empty p{margin:0;font-weight:500}.pv-empty small{margin-top:4px;font-size:.8rem}.clientes-list{display:flex;flex-direction:column;gap:10px}.cliente-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000f}.cliente-card:hover{border-color:#bfdbfe}.cliente-card.selected{border-color:#2563eb;background:#eff6ff}.cliente-info{display:flex;flex-direction:column;gap:2px}.cliente-info strong{font-size:.95rem;color:#1f2937}.cliente-info small{font-size:.8rem;color:#6b7280}.cliente-card .check-icon{color:#2563eb}.cliente-card.con-deuda{border-left:3px solid #ef4444;flex-wrap:wrap}.cliente-deuda-info{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px;padding-top:8px;border-top:1px dashed #e5e7eb}.deuda-monto{display:flex;align-items:center;gap:4px}.deuda-label{font-size:.75rem;color:#6b7280}.deuda-valor{font-size:.85rem;font-weight:600;color:#dc2626}.deuda-dias{display:flex;align-items:center;gap:4px;font-size:.75rem;padding:2px 8px;border-radius:12px;background:#fef3c7;color:#92400e}.deuda-dias.dias-alerta{background:#fed7aa;color:#c2410c}.deuda-dias.dias-critico{background:#fecaca;color:#b91c1c}.config-deuda-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:16px;overflow:hidden}.deuda-alert-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;color:#b91c1c;font-weight:600;font-size:.9rem}.deuda-alert-body{padding:12px 16px}.deuda-detalle{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.deuda-item{display:flex;flex-direction:column;gap:2px}.deuda-item-label{font-size:.75rem;color:#6b7280}.deuda-item-valor{font-size:1.1rem;font-weight:700;color:#dc2626}.deuda-item-dias{font-size:.9rem;font-weight:600;padding:4px 10px;border-radius:6px;background:#fef3c7;color:#92400e}.deuda-item-dias.dias-alerta{background:#fed7aa;color:#c2410c}.deuda-item-dias.dias-critico{background:#fecaca;color:#b91c1c}.cobranza-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:all .2s}.cobranza-checkbox:hover{border-color:#22c55e;background:#f0fdf4}.cobranza-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#22c55e;cursor:pointer}.cobranza-checkbox input[type=checkbox]:checked+.checkmark+.cobranza-text{color:#15803d;font-weight:600}.cobranza-text{font-size:.9rem;color:#374151}.config-form{display:flex;flex-direction:column;gap:20px;background:#fff;padding:20px;border-radius:12px}.config-field{display:flex;flex-direction:column;gap:8px}.config-field>label{font-size:.9rem;font-weight:500;color:#374151}.config-field small{font-size:.75rem;color:#6b7280}.config-input-group{display:flex;align-items:center;gap:12px}.config-input-group button{width:40px;height:40px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151}.config-input-group button:hover{background:#f3f4f6}.config-input-group input{width:80px;text-align:center;font-size:1.25rem;font-weight:600;padding:8px;border:1px solid #e5e7eb;border-radius:8px}.config-field label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.config-field input[type=checkbox]{width:20px;height:20px;accent-color:#2563eb}.config-resumen{margin-top:20px;padding:16px;background:#f9fafb;border-radius:10px}.config-resumen h4{margin:0 0 10px;font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.config-resumen p{margin:4px 0;font-size:.9rem;color:#374151}.config-resumen strong{color:#1f2937}.pv-buscar-producto{margin-bottom:16px}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 3px #0000000f}.item-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:6px;gap:.375rem;overflow:visible!important}.item-codigo{font-family:monospace;font-size:.85rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:4px}.item-marca{font-size:.7rem;font-weight:600;color:#059669;background:#d1fae5;padding:2px 6px;border-radius:4px;margin-left:6px;text-transform:uppercase}.item-actions-buttons{display:flex!important;gap:4px;flex-shrink:0;margin-left:auto}.item-actions-buttons .btn-editar-item,.item-actions-buttons .btn-eliminar{display:flex!important;visibility:visible!important;opacity:1!important;width:28px;height:28px;padding:4px;align-items:center;justify-content:center;border-radius:6px;border:none;cursor:pointer}.btn-eliminar{background:#fef2f2!important;color:#ef4444!important;position:static!important}.btn-editar-item{background:#fffbeb!important;color:#f59e0b!important}.btn-editar-item:hover{background:#fef3c7!important;color:#d97706}.btn-eliminar:hover{background:#fee2e2!important;color:#dc2626}.modal-editar-item{max-width:400px}.editar-item-info{background:#f3f4f6;padding:12px;border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.editar-item-info strong{font-size:15px;color:#111827}.editar-item-info span{font-size:13px;color:#6b7280}.editar-item-field{margin-bottom:16px}.editar-item-field label{display:flex;align-items:center;gap:6px;font-weight:500;margin-bottom:8px;color:#374151;font-size:14px}.input-cantidad-modal{width:100%;padding:12px;font-size:16px;border:1px solid #d1d5db;border-radius:8px;text-align:center}.input-cantidad-modal:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-observacion-modal{width:100%;padding:12px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;resize:vertical;font-family:inherit}.input-observacion-modal:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-observacion-item{max-width:450px}.observacion-item-info{background:#f3f4f6;padding:12px;border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.observacion-item-info code{font-family:monospace;font-size:14px;color:#2563eb;font-weight:600}.observacion-item-info span{font-size:13px;color:#6b7280}.observacion-item-field{margin-bottom:8px}.observacion-item-field label{display:flex;align-items:center;gap:6px;font-weight:500;margin-bottom:8px;color:#374151;font-size:14px}.btn-observacion-item{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#9ca3af;cursor:pointer;transition:all .15s ease}.btn-observacion-item:hover{background:#f3f4f6;color:#6b7280}.btn-observacion-item.tiene-observacion{background:#dbeafe;color:#2563eb}.btn-observacion-item.tiene-observacion:hover{background:#bfdbfe;color:#1d4ed8}.item-descripcion{font-size:.9rem;color:#374151;margin-bottom:8px;line-height:1.3}.item-precio{display:flex;align-items:center;gap:8px;margin-bottom:10px}.precio-venta{font-size:1.1rem;font-weight:600;color:#1f2937}.descuento-badge{font-size:.7rem;background:#dcfce7;color:#15803d;padding:2px 6px;border-radius:4px;font-weight:600}.item-cantidad{display:flex;align-items:center;gap:8px;margin-bottom:8px}.item-cantidad button{width:32px!important;height:32px!important;min-width:32px!important;border:1px solid #e5e7eb;border-radius:6px;background:#fff;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer}.item-cantidad span{width:40px;text-align:center;font-weight:600;font-size:1rem}.cantidad-input,.item-cantidad .cantidad-input{width:50px!important;min-width:50px!important;height:32px!important;text-align:center!important;font-weight:600;font-size:.9rem!important;padding:0 4px!important;border:1px solid #d1d5db!important;border-radius:6px!important;background:#f9fafb;color:#1f2937;-moz-appearance:textfield!important}.cantidad-input::-webkit-outer-spin-button,.cantidad-input::-webkit-inner-spin-button,.item-cantidad .cantidad-input::-webkit-outer-spin-button,.item-cantidad .cantidad-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cantidad-input:focus{outline:none;border-color:#2563eb;background:#fff}.item-subtotal{font-size:.85rem;color:#6b7280;text-align:right}.item-subtotal strong{color:#1f2937}.item-subtotal .iva-aclaracion{font-size:.75rem;color:#6b7280;font-weight:400}.productos-resumen{position:fixed;bottom:76px;left:16px;right:16px;background:#1f2937;color:#fff;padding:12px 16px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;z-index:10}.productos-resumen strong{font-size:1.1rem}.pv-acciones-secundarias{margin-top:20px;display:flex;justify-content:center}.btn-secundario{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.85rem;cursor:pointer}.btn-secundario:hover:not(:disabled){background:#f9fafb}.btn-secundario:disabled{opacity:.5;cursor:not-allowed}.resumen-seccion{background:#fff;padding:16px;border-radius:12px;margin-bottom:12px}.resumen-seccion h4{margin:0 0 10px;font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.resumen-seccion p{margin:4px 0;font-size:.9rem;color:#374151}.resumen-comentario{background:#f8fafc;border:1px dashed #cbd5e1}.comentario-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s}.comentario-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.comentario-textarea::placeholder{color:#9ca3af}.resumen-items{display:flex;flex-direction:column;gap:8px}.resumen-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:.85rem}.resumen-item:last-child{border-bottom:none}.ri-producto{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ri-codigo{font-family:monospace;color:#2563eb;font-weight:500}.ri-descripcion{color:#4b5563;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ri-valores{display:flex;align-items:center;gap:12px;flex-shrink:0}.ri-cantidad{color:#6b7280}.ri-subtotal{font-weight:600;text-align:right}.resumen-productos-seccion{overflow-x:auto}.resumen-items-tabla{overflow-x:auto;margin:0 -12px;padding:0 12px}.tabla-resumen-productos{width:100%;border-collapse:collapse;font-size:.85rem}.tabla-resumen-productos thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.tabla-resumen-productos th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.tabla-resumen-productos th.th-cant,.tabla-resumen-productos th.th-precio-lista,.tabla-resumen-productos th.th-dto,.tabla-resumen-productos th.th-precio-unit,.tabla-resumen-productos th.th-iva,.tabla-resumen-productos th.th-subtotal{text-align:right}.tabla-resumen-productos tbody tr{border-bottom:1px solid #f3f4f6}.tabla-resumen-productos tbody tr:last-child{border-bottom:none}.tabla-resumen-productos tbody tr.row-bonificado{background:linear-gradient(90deg,#fef3c7,#fefce8)}.tabla-resumen-productos td{padding:10px 8px;vertical-align:middle}.tabla-resumen-productos .td-codigo code{font-family:monospace;color:#2563eb;font-weight:500;font-size:.8rem}.tabla-resumen-productos .td-descripcion{color:#374151;max-width:200px}.tabla-resumen-productos .td-cant,.tabla-resumen-productos .td-precio-lista,.tabla-resumen-productos .td-precio-unit,.tabla-resumen-productos .td-dto,.tabla-resumen-productos .td-iva,.tabla-resumen-productos .td-subtotal{text-align:right;white-space:nowrap}.tabla-resumen-productos .td-cant{font-weight:500;color:#4b5563}.tabla-resumen-productos .td-precio-lista{color:#6b7280}.tabla-resumen-productos .td-precio-unit{color:#374151}.tabla-resumen-productos .td-iva{color:#6b7280;font-size:.8rem}.tabla-resumen-productos .td-subtotal strong{color:#111827}.tabla-resumen-productos .precio-gratis{color:#059669;font-weight:600;font-size:.75rem}.tabla-resumen-productos .descuento-resumen{display:inline-block;background:#fef3c7;color:#b45309;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.tabla-resumen-productos .oferta-resumen{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.badge-bonif-mini,.badge-oferta-mini{display:inline-flex;align-items:center;margin-left:6px;padding:2px 4px;border-radius:3px;vertical-align:middle}.badge-bonif-mini{background:#fef3c7;color:#b45309}.badge-oferta-mini{background:#dbeafe;color:#1d4ed8}@media(max-width:768px){.tabla-resumen-productos{font-size:.75rem}.tabla-resumen-productos th,.tabla-resumen-productos td{padding:8px 4px}.tabla-resumen-productos th.th-descripcion,.tabla-resumen-productos .td-descripcion{max-width:100px}.tabla-resumen-productos th.th-precio-lista,.tabla-resumen-productos .td-precio-lista,.tabla-resumen-productos th.th-dto,.tabla-resumen-productos .td-dto,.tabla-resumen-productos th.th-iva,.tabla-resumen-productos .td-iva{display:none}}.resumen-total{display:flex;justify-content:space-between;align-items:center;background:#1f2937;color:#fff;padding:16px 20px;border-radius:12px;margin-top:16px}.resumen-total span{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.resumen-total strong{font-size:1.4rem}.pv-footer{position:fixed;bottom:0;left:0;right:0;display:flex;gap:12px;padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb;z-index:100}.btn-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 16px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-anterior{background:#f3f4f6;color:#374151}.btn-anterior:disabled{opacity:.4;cursor:not-allowed}.btn-siguiente{background:#2563eb;color:#fff}.btn-siguiente:disabled{background:#9ca3af;cursor:not-allowed}.btn-enviar{background:#10b981;color:#fff}.btn-enviar:disabled{background:#9ca3af;cursor:not-allowed}.pv-modal-overlay{position:fixed;inset:0;width:100%;height:100%;height:100dvh;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;padding-top:env(safe-area-inset-top,20px);overflow-y:auto;-webkit-overflow-scrolling:touch}.pv-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:85vh;max-height:85dvh;overflow:hidden;display:flex;flex-direction:column;animation:slideDown .3s ease-out;margin-top:10px;margin-bottom:auto}.pv-modal.modal-small{max-height:300px}.pv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.pv-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;color:#1f2937}.pv-modal-header button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.pv-modal-body{padding:20px;overflow-y:auto;flex:1}.pv-modal-footer{display:flex;gap:12px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #e5e7eb;background:#fff}.pv-modal-footer button{flex:1;min-height:50px;padding:14px 16px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.pv-modal-footer button:active{transform:scale(.98)}.btn-cancelar{background:#f3f4f6;color:#374151}.btn-agregar,.btn-guardar{background:#2563eb;color:#fff}.producto-info{margin-bottom:20px}.prod-codigo{display:inline-block;font-family:monospace;font-size:.9rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:4px 10px;border-radius:6px;margin-bottom:8px}.prod-marca{display:inline-block;font-size:.8rem;font-weight:600;color:#059669;background:#d1fae5;padding:3px 8px;border-radius:4px;margin-left:8px;text-transform:uppercase}.prod-iva{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px;margin-left:8px}.prod-descripcion{font-size:1rem;color:#1f2937;margin:8px 0;line-height:1.4}.prod-precio{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #f3f4f6}.prod-precio span{color:#6b7280;font-size:.85rem}.prod-precio strong{font-size:1.1rem;color:#1f2937}.prod-stock{font-size:.85rem;color:#6b7280;padding-top:8px}.prod-stock .hay-stock{color:#10b981;font-weight:600}.prod-stock .sin-stock{color:#ef4444;font-weight:600}.cantidad-selector{margin-bottom:16px}.cantidad-selector label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:8px}.cantidad-input{display:flex;align-items:center;gap:12px}.cantidad-input button{width:44px;height:44px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem}.cantidad-input button:hover{background:#f3f4f6}.cantidad-input input{width:70px;text-align:center;font-size:1.2rem;font-weight:600;padding:10px;border:1px solid #e5e7eb;border-radius:10px}.descuento-loading{display:flex;align-items:center;gap:8px;padding:10px 0;color:#6b7280;font-size:.85rem}.descuento-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#dcfce7;color:#15803d;border-radius:8px;font-size:.9rem;margin-bottom:16px}.precio-venta-preview{padding:16px;background:#f9fafb;border-radius:10px;text-align:center}.precio-venta-preview span{display:block;font-size:.8rem;color:#6b7280;margin-bottom:4px}.precio-venta-preview strong{display:block;font-size:1.5rem;color:#1f2937;margin-bottom:4px}.precio-venta-preview small{font-size:.75rem;color:#9ca3af}.input-borrador{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.95rem}.no-borradores{text-align:center;color:#6b7280;padding:20px}.borradores-list{display:flex;flex-direction:column;gap:10px}.borrador-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border-radius:10px;cursor:pointer}.borrador-item:hover{background:#f3f4f6}.borrador-info{display:flex;flex-direction:column;gap:2px}.borrador-info strong{font-size:.9rem;color:#1f2937}.borrador-info small{font-size:.75rem;color:#6b7280}.btn-eliminar-borrador{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px}.pedido-exito{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.exito-icon{color:#10b981;margin-bottom:20px}.pedido-exito h2{margin:0 0 10px;color:#1f2937}.pedido-exito p{color:#6b7280}.config-section{margin-bottom:24px}.config-label{display:block;font-weight:600;color:#333;margin-bottom:12px;font-size:15px}.config-options{display:flex;gap:12px}.config-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.config-option:hover{border-color:#2563eb;background:#f5f9ff}.config-option.selected{border-color:#2563eb;background:#e3f2fd}.config-option .option-title{font-weight:600;font-size:15px;color:#333}.config-option .option-desc{font-size:12px;color:#666}.config-textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;resize:vertical;font-family:inherit;box-sizing:border-box}.config-textarea:focus{outline:none;border-color:#2563eb}.stock-badge{display:inline-block;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin:10px 0}.stock-badge.stock-disponible{background:#e8f5e9;color:#2e7d32}.stock-badge.stock-parcial{background:#fff8e1;color:#f57f17}.stock-badge.stock-consultar{background:#fff3e0;color:#e65100}.stock-badge-mini{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin:6px 0}.stock-badge-mini.stock-disponible{background:#e8f5e9;color:#2e7d32}.stock-badge-mini.stock-parcial{background:#fff8e1;color:#f57f17}.stock-badge-mini.stock-consultar{background:#fff3e0;color:#e65100}.stock-badge-mini.stock-sin-info{background:#f5f5f5;color:#757575}.resumen-totales{background:#fff;padding:16px;border-radius:12px;margin-top:12px}.resumen-linea{display:flex;justify-content:space-between;padding:8px 0;font-size:.9rem;color:#374151;border-bottom:1px solid #f3f4f6}.resumen-linea:last-of-type{border-bottom:none}.resumen-totales .resumen-total{margin-top:12px;padding-top:12px;border-top:2px solid #e5e7eb}.item-observacion{margin-top:8px;padding:8px 10px;background:#f5f5f5;border-radius:6px;font-size:.8rem;color:#666}.observacion-section{margin:16px 0}.observacion-section label{display:block;font-size:13px;color:#666;margin-bottom:6px}.observacion-input{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.observacion-input:focus{outline:none;border-color:#2196f3}.observacion-input::placeholder{color:#aaa}.cantidad-section{margin:16px 0}.cantidad-section>label{display:block;font-size:13px;color:#666;margin-bottom:8px}.cantidad-controls{display:flex;align-items:center;justify-content:center;gap:0}.btn-cantidad{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:2px solid #e0e0e0;font-size:20px;font-weight:600;color:#333;cursor:pointer;transition:all .2s}.btn-cantidad:first-child{border-radius:10px 0 0 10px;border-right:none}.btn-cantidad:last-child{border-radius:0 10px 10px 0;border-left:none}.btn-cantidad:hover{background:#e0e0e0}.btn-cantidad:active{background:#d0d0d0}.cantidad-controls .cantidad-input{width:80px;height:48px;text-align:center;font-size:18px;font-weight:600;border:2px solid #e0e0e0;border-left:none;border-right:none;border-radius:0;outline:none;-moz-appearance:textfield}.cantidad-controls .cantidad-input::-webkit-outer-spin-button,.cantidad-controls .cantidad-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.precio-total-section{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:#f0f4f8;border-radius:12px;margin-top:16px}.precio-total-label{font-size:13px;color:#666}.precio-total-valor{font-size:1.8rem;font-weight:700;color:#1f2937}.descuento-aplicado-badge{font-size:12px;background:#dcfce7;color:#15803d;padding:4px 10px;border-radius:20px;font-weight:600}.btn-nuevo-cliente{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .2s}.btn-nuevo-cliente:hover{background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-1px)}.cliente-nuevo-seleccionado{margin-top:16px;padding:16px;background:#fff8e1;border:2px solid #ffb74d;border-radius:12px}.cliente-nuevo-header{display:flex;align-items:center;gap:6px;color:#e65100;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cliente-nuevo-seleccionado strong{display:block;font-size:1rem;color:#1f2937;margin-bottom:4px}.cliente-nuevo-seleccionado small{display:block;font-size:.8rem;color:#666}.cliente-nuevo-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3e0;color:#e65100;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;margin-left:8px;text-transform:uppercase}.modal-nuevo-cliente{max-height:90vh}.nuevo-cliente-form{display:flex;flex-direction:column;gap:16px}.nuevo-cliente-form .form-group{display:flex;flex-direction:column;gap:6px}.nuevo-cliente-form .form-group label{font-size:13px;font-weight:600;color:#333}.nuevo-cliente-form .form-group input,.nuevo-cliente-form .form-group select,.nuevo-cliente-form .form-group textarea{padding:12px 14px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.nuevo-cliente-form .form-group input:focus,.nuevo-cliente-form .form-group select:focus,.nuevo-cliente-form .form-group textarea:focus{outline:none;border-color:#2563eb}.nuevo-cliente-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nuevo-cliente-form .opcional{font-weight:400;color:#999}.radio-options{display:flex;gap:12px}.radio-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:13px;transition:all .2s}.radio-option input{display:none}.radio-option:hover{border-color:#2563eb}.radio-option.selected{border-color:#2563eb;background:#e3f2fd;color:#1565c0;font-weight:600}.btn-confirmar-cliente{background:linear-gradient(135deg,#ff9800,#f57c00)!important;color:#fff!important}.btn-confirmar-cliente:disabled{background:#ccc!important;cursor:not-allowed!important}.busqueda-toggle{display:flex;gap:0;margin-bottom:12px;background:#f0f0f0;border-radius:10px;padding:4px}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;background:transparent;color:#666;font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.toggle-btn.active{background:#fff;color:#2563eb;font-weight:600;box-shadow:0 1px 3px #0000001a}.toggle-btn:hover:not(.active){color:#333}.busqueda-texto .pv-search{position:relative}.busqueda-texto .input-loader{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#2563eb}.resultados-busqueda{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;margin-top:8px}.resultado-item{padding:14px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.resultado-item:last-child{border-bottom:none}.resultado-item:hover{background:#f5f9ff}.resultado-codigo{font-family:monospace;font-size:.8rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:6px}.resultado-descripcion{font-size:.9rem;color:#1f2937;line-height:1.3;margin-bottom:6px}.resultado-meta{display:flex;align-items:center;gap:12px}.resultado-marca{font-size:.75rem;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px}.resultado-precio{font-size:.85rem;font-weight:600;color:#10b981}.sin-resultados{text-align:center;padding:32px 20px;color:#999}.sin-resultados svg{margin-bottom:8px;opacity:.5}.sin-resultados p{margin:0;font-size:14px}.hint-busqueda{text-align:center;padding:16px;color:#999;font-size:13px;font-style:italic}.agregar-por-codigo{margin-bottom:12px}.agregar-por-codigo .pv-search{margin-bottom:0;display:flex;gap:.5rem;align-items:stretch}.agregar-por-codigo .pv-search input{flex:1;min-height:48px}.btn-buscar-producto{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .2s;box-shadow:0 4px 12px #2563eb4d}.btn-buscar-producto:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.btn-buscar-producto:active{transform:translateY(0)}.modal-buscador{max-height:90vh;height:85vh}.buscador-body{display:flex;flex-direction:column;gap:16px;height:calc(100% - 40px);overflow-y:auto}.buscador-input{position:sticky;top:0;background:#fff;z-index:10;margin-bottom:0}.productos-seleccionados{background:#eff6ff;border-radius:12px;padding:12px}.productos-seleccionados h4{margin:0 0 10px;font-size:13px;color:#2563eb;font-weight:600}.seleccionados-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto}.seleccionado-item{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 12px;border-radius:8px;border:1px solid #dbeafe}.seleccionado-info{flex:1;min-width:0}.seleccionado-codigo{display:block;font-family:monospace;font-size:.8rem;font-weight:600;color:#2563eb}.seleccionado-desc{display:block;font-size:.75rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seleccionado-cantidad{display:flex;align-items:center;gap:4px}.seleccionado-cantidad button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:6px;background:#f5f5f5;cursor:pointer}.seleccionado-cantidad span{width:30px;text-align:center;font-weight:600;font-size:14px}.btn-quitar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:#fee2e2;color:#dc2626;border-radius:6px;cursor:pointer}.resultados-busqueda-modal{flex:1;overflow-y:auto}.resultados-busqueda-modal h4{margin:0 0 10px;font-size:13px;color:#666;font-weight:600}.resultado-item-modal{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#f9fafb;border-radius:10px;margin-bottom:8px;cursor:pointer;transition:all .15s;border:2px solid transparent}.resultado-item-modal:hover{background:#f0f4ff;border-color:#bfdbfe}.resultado-item-modal.seleccionado{background:#eff6ff;border-color:#2563eb}.resultado-check{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e5e7eb;color:#6b7280;flex-shrink:0}.resultado-item-modal.seleccionado .resultado-check{background:#2563eb;color:#fff}.resultado-data{flex:1;min-width:0}.resultado-data .resultado-codigo{margin-bottom:4px}.resultado-data .resultado-descripcion{margin-bottom:6px}.btn-agregar-seleccionados{background:#10b981!important;color:#fff!important}.btn-agregar-seleccionados:disabled{background:#9ca3af!important;cursor:not-allowed!important}.pedidos-list{display:flex;flex-direction:column;gap:12px}.pedido-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:all .2s;border:2px solid transparent}.pedido-card:hover{border-color:#bfdbfe;box-shadow:0 4px 12px #0000001a}.pedido-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pedido-numero{font-family:monospace;font-size:.9rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:4px 10px;border-radius:6px}.pedido-estado{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase}.estado-enviado{background:#dbeafe;color:#1d4ed8}.estado-procesando{background:#fef3c7;color:#d97706}.estado-completado{background:#d1fae5;color:#059669}.estado-cancelado{background:#fee2e2;color:#dc2626}.estado-nuevo{background:#fef3c7;color:#d97706}.estado-recibido{background:#dcfce7;color:#15803d}.pedido-card.pedido-recibido{border-color:#22c55e;background:#f0fdf4}.estado-piqueo{background:#e0e7ff;color:#4338ca}.estado-control{background:#fae8ff;color:#a21caf}.estado-facturacion{background:#f3e8ff;color:#7c3aed}.estado-espera_logistica{background:#ffedd5;color:#ea580c}.estado-espera_retiro{background:#ecfccb;color:#65a30d}.estado-entregado{background:#d1fae5;color:#059669}.pedido-card-body{margin-bottom:12px}.pedido-cliente{display:flex;align-items:center;gap:6px;font-size:.95rem;color:#1f2937;margin-bottom:8px}.pedido-cliente svg{color:#6b7280}.badge-nuevo{font-size:.65rem;background:#fff3e0;color:#e65100;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.pedido-meta{display:flex;gap:16px}.pedido-fecha,.pedido-items{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#6b7280}.pedido-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6}.pedido-total{font-size:.9rem;color:#374151}.pedido-total strong{color:#1f2937;font-size:1.1rem}.ver-detalle{color:#9ca3af}.modal-detalle-pedido{max-height:90vh}.detalle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.detalle-fecha{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280}.detalle-seccion{margin-bottom:20px}.detalle-seccion h4{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#2563eb;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.detalle-seccion p{margin:4px 0;font-size:.9rem;color:#374151}.detalle-items{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.detalle-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9fafb;border-radius:8px}.detalle-item-info{flex:1;min-width:0}.detalle-item-info .item-codigo{display:block;font-family:monospace;font-size:.8rem;font-weight:600;color:#2563eb}.detalle-item-info .item-desc{display:block;font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detalle-item-valores{display:flex;gap:16px;font-size:.85rem;color:#374151}.detalle-item-valores span:last-child{font-weight:600}.detalle-totales{background:#f9fafb;border-radius:12px;padding:16px;margin-top:16px}.detalle-linea{display:flex;justify-content:space-between;padding:8px 0;font-size:.9rem;color:#374151;border-bottom:1px solid #e5e7eb}.detalle-linea:last-of-type{border-bottom:none}.detalle-linea.descuento{color:#10b981}.detalle-total-final{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:8px;border-top:2px solid #e5e7eb;font-size:1rem}.detalle-total-final strong{font-size:1.3rem;color:#1f2937}.rangos-descuento-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:20px;font-size:.8rem;font-weight:600;color:#92400e;margin-top:8px}.rangos-descuento-badge svg{color:#f59e0b}.campo-requerido{border-color:#f59e0b!important;background-color:#fffbeb!important}.campo-aviso{display:block;font-size:.75rem;color:#d97706;margin-top:4px}.requerido{color:#dc2626;margin-left:4px}.filtro-vendedor{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:12px}.filtro-vendedor label{font-size:.85rem;font-weight:600;color:#374151}.filtro-vendedor select{padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .2s}.filtro-vendedor select:focus{outline:none;border-color:#2563eb}.pedido-vendedor{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#7c3aed;margin-bottom:6px;padding:4px 8px;background:#f3e8ff;border-radius:6px;width:fit-content}.pedido-vendedor svg{color:#7c3aed}.estadisticas-panel{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.estadisticas-panel h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.9rem;color:#374151}.estadisticas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}@media(min-width:500px){.estadisticas-grid{grid-template-columns:repeat(3,1fr)}}.estadistica-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px}.estadistica-card:hover{border-color:#bfdbfe;background:#f0f4ff}.estadistica-card.active{border-color:#2563eb;background:#eff6ff}.stat-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-cantidad{font-size:.8rem;color:#374151}.stat-total{font-size:1rem;font-weight:700;color:#1f2937}.stat-desglose{display:flex;flex-direction:column;gap:4px;margin-top:6px}.stat-ixnova{font-size:.7rem;color:#2563eb;background:#dbeafe;padding:2px 6px;border-radius:4px}.stat-prueba{font-size:.7rem;color:#7c3aed;background:#ede9fe;padding:2px 6px;border-radius:4px}.filtros-fecha{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding-top:12px;border-top:1px solid #e5e7eb}.filtro-fecha-grupo{display:flex;flex-direction:column;gap:4px}.filtro-fecha-grupo label{font-size:.75rem;color:#6b7280;font-weight:500}.filtro-fecha-grupo input[type=date]{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;color:#374151}.filtro-fecha-grupo input[type=date]:focus{outline:none;border-color:#2563eb}.btn-limpiar-filtros{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#fee2e2;color:#dc2626;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-limpiar-filtros:hover{background:#fecaca}.pedidos-count{font-size:.85rem;color:#6b7280;margin-bottom:12px}.pedido-esquema{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px}.pedido-esquema.esquema-ixnova{background:#dbeafe;color:#1d4ed8}.pedido-esquema.esquema-prueba{background:#ede9fe;color:#6d28d9}.pedido-tiene-comentario{position:absolute;top:12px;right:40px;color:#9ca3af}.pedido-card{position:relative}.tiene-cobranza-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#d1fae5;color:#065f46;border-radius:8px;font-size:.85rem;font-weight:600;margin-top:8px}.detalle-comentario-original{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:12px}.detalle-comentario-original h4{color:#64748b}.comentario-texto{margin:0;font-size:.9rem;color:#475569;line-height:1.5;white-space:pre-wrap}.detalle-comentario-vendedor{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px}.detalle-comentario-vendedor h4{color:#92400e}.comentario-vendedor-input{width:100%;padding:10px 12px;border:1px solid #fcd34d;border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px;background:#fff;box-sizing:border-box}.comentario-vendedor-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.btn-guardar-comentario{display:flex;align-items:center;gap:6px;margin-top:10px;padding:10px 16px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-guardar-comentario:hover:not(:disabled){background:#d97706}.btn-guardar-comentario:disabled{background:#fcd34d;cursor:not-allowed}.buscador-cliente-pedido{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px}.buscador-cliente-pedido svg{color:#9ca3af;flex-shrink:0}.buscador-cliente-pedido input{flex:1;border:none;outline:none;font-size:.9rem;background:transparent}.buscador-cliente-pedido input::placeholder{color:#9ca3af}.btn-clear-busqueda{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .2s}.btn-clear-busqueda:hover{background:#e5e7eb;color:#374151}.estadisticas-hoy-card{display:flex;align-items:center;gap:16px;padding:14px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:12px;color:#fff;box-shadow:0 4px 12px #2563eb40}.estadisticas-hoy-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}.stat-hoy-main{display:flex;align-items:center;gap:12px;flex:1}.stat-hoy-label{font-size:.85rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.stat-hoy-cantidad{font-size:.9rem;background:#fff3;padding:4px 10px;border-radius:20px}.stat-hoy-total{font-size:1.2rem;font-weight:700}.stat-hoy-desglose{display:flex;flex-direction:column;gap:4px;font-size:.75rem;text-align:right}.stat-hoy-desglose .stat-ixnova{background:#fffffff2;color:#1d4ed8;padding:3px 10px;border-radius:4px;font-weight:600}.stat-hoy-desglose .stat-prueba{background:#ffffffd9;color:#7c3aed;padding:3px 10px;border-radius:4px;font-weight:600}.stat-hoy-expand{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff3;border-radius:50%;transition:background .2s}.estadisticas-hoy-card:hover .stat-hoy-expand{background:#ffffff4d}.estadisticas-hoy-card.active{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #1e40af66}.estadisticas-expandidas{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.estadisticas-expandidas h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.9rem;color:#374151}@media(max-width:480px){.estadisticas-hoy-card{flex-wrap:wrap;gap:10px}.stat-hoy-main{width:100%}.stat-hoy-desglose{flex-direction:row;gap:8px;flex:1}.stat-hoy-expand{order:-1}}@media(min-width:768px){.pedido-vendedor-container{max-width:600px;margin:0 auto;height:auto;min-height:100vh;box-shadow:0 0 40px #0000001a}.pv-header{border-radius:0 0 20px 20px}.pv-modal-overlay{align-items:center}.pv-modal{border-radius:20px;max-height:80vh}.pv-footer{position:sticky;border-radius:20px 20px 0 0}.productos-resumen{position:sticky;bottom:auto;margin-bottom:16px}.pv-content{padding-bottom:16px}}.alerta-monto-minimo{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;width:90%;max-width:450px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.alerta-monto-content{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;box-shadow:0 10px 40px #f59e0b4d,0 4px 12px #0000001a}.alerta-monto-content>svg{color:#d97706;flex-shrink:0;margin-top:2px}.alerta-monto-texto{flex:1}.alerta-monto-texto strong{display:block;color:#92400e;font-size:15px;margin-bottom:6px}.alerta-monto-texto p{margin:0 0 4px;font-size:13px;color:#78350f}.alerta-monto-texto .monto-minimo{font-weight:700;color:#b45309;font-size:15px}.alerta-monto-texto .monto-actual{font-size:12px;color:#92400e;opacity:.85}.alerta-cerrar{background:none;border:none;color:#92400e;cursor:pointer;padding:4px;border-radius:6px;transition:all .15s;opacity:.7}.alerta-cerrar:hover{background:#92400e1a;opacity:1}@media(max-width:640px){.alerta-monto-minimo{top:10px;width:95%}.alerta-monto-content{padding:12px 14px;gap:10px}.alerta-monto-content>svg{width:20px;height:20px}.alerta-monto-texto strong{font-size:14px}.alerta-monto-texto p{font-size:12px}.alerta-monto-texto .monto-minimo{font-size:14px}}.paso-header-ofertas{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.paso-header-ofertas h2{margin:0}.btn-ver-ofertas{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #f973164d}.btn-ver-ofertas:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f9731666}.btn-ver-ofertas:active{transform:translateY(0)}.badge-ofertas-nuevas{background:#22c55e;color:#fff;font-size:.65rem;padding:.1rem .4rem;border-radius:10px;margin-left:.25rem;font-weight:600}.badges-especiales{display:flex;align-items:center;gap:.5rem}.btn-ver-especiales{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;color:#fff;border:none;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-ver-especiales:hover{transform:translateY(-1px)}.btn-ver-especiales:active{transform:translateY(0)}.btn-nuevos{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d}.btn-nuevos:hover{box-shadow:0 4px 12px #8b5cf666}.btn-destacados{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 2px 8px #eab3084d}.btn-destacados:hover{box-shadow:0 4px 12px #eab30866}.btn-top-vendidos{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.btn-top-vendidos:hover{box-shadow:0 4px 12px #10b98166}.oferta-badge-destacada{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.75rem;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #f97316;border-radius:10px;animation:pulseOferta 2s infinite}@keyframes pulseOferta{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 8px #f9731600}}.oferta-badge-destacada svg{color:#f97316;flex-shrink:0}.oferta-badge-destacada.bonificacion{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.oferta-badge-destacada.bonificacion svg{color:#22c55e}.oferta-badge-destacada.bonificacion .oferta-titulo{color:#16a34a}.bonificacion-info{display:flex;flex-direction:column;gap:4px}.bonificacion-escala{font-size:.8rem;color:#166534}.bonificacion-escala strong{color:#15803d}.oferta-badge-content{flex:1}.oferta-titulo{display:block;font-weight:700;color:#ea580c;font-size:.85rem;margin-bottom:.25rem}.oferta-precios{display:flex;align-items:center;gap:.5rem}.precio-tachado{text-decoration:line-through;color:#999;font-size:.9rem}.precio-oferta{font-weight:700;color:#f97316;font-size:1.1rem}.oferta-ahorro{display:inline-block;background:#22c55e;color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-weight:600;margin-left:.5rem}.oferta-aplicada-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:500;margin-left:.5rem}.item-oferta-badge{display:inline-flex;align-items:center;gap:.2rem;background:#f97316;color:#fff;font-size:.65rem;padding:.1rem .35rem;border-radius:4px;font-weight:500}.item-oferta-badge svg{width:10px;height:10px}@media(max-width:480px){.paso-header-ofertas{flex-wrap:wrap}.badges-especiales{gap:.35rem}.btn-ver-especiales{padding:.4rem .6rem;font-size:.75rem}.btn-ver-especiales span{display:none}.btn-ver-ofertas{padding:.4rem .75rem;font-size:.8rem}.btn-ver-ofertas span{display:none}.oferta-badge-destacada{flex-direction:column;text-align:center}}.item-card.item-con-oferta{border:2px solid #f97316;background:linear-gradient(135deg,#fff7ed,#fff)}.item-card.item-con-oferta .item-header{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.item-card .item-precio .precio-tachado{font-size:.85rem;color:#9ca3af}.item-card .item-precio .precio-oferta{font-size:1rem;color:#ea580c}.item-card.item-bonificado{border:2px solid #22c55e;background:linear-gradient(135deg,#f0fdf4,#dcfce7);position:relative}.item-card.item-bonificado:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:8px 8px 0 0}.item-card.item-bonificado .item-header{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.item-bonificado-badge{display:inline-flex;align-items:center;gap:.2rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.65rem;padding:.15rem .4rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #22c55e4d}.item-bonificado-badge svg{width:10px;height:10px}.item-card .item-precio .precio-bonificado{font-size:1.1rem;font-weight:700;color:#16a34a}.item-card.item-bonificado .item-cantidad{justify-content:center}.cantidad-fija{font-size:1rem;font-weight:600;color:#16a34a;background:#22c55e1a;padding:.4rem .8rem;border-radius:6px;border:1px solid rgba(34,197,94,.3)}.item-card.item-bonificado .item-observacion{background:#22c55e1a;border-color:#22c55e4d}@media(max-width:480px){.item-bonificado-badge{font-size:.6rem;padding:.1rem .3rem}.cantidad-fija{font-size:.9rem;padding:.3rem .6rem}}.modal-buscador{max-height:90vh;max-height:90dvh;height:auto;margin-top:10px}.modal-buscador .pv-modal-body{flex:1;overflow-y:auto;padding-bottom:20px}.modal-buscador .buscador-input{position:sticky;top:0;background:#fff;z-index:10;padding:12px 0;margin:0}@supports (-webkit-touch-callout: none){.modal-buscador{max-height:70vh}}@media(max-width:767px){.pv-search input,.buscador-input input,.modal-buscador input,.input-cantidad-modal,.input-observacion-modal,.observacion-input,.config-textarea,.cantidad-input,.pv-modal input,.pv-modal textarea,.pv-modal select{font-size:16px!important}}@media(max-width:767px){.pv-modal-content{max-height:90vh;max-height:90dvh}.modal-buscador{height:85vh;height:85dvh;max-height:calc(100vh - env(safe-area-inset-top,20px) - env(safe-area-inset-bottom,20px) - 40px);max-height:calc(100dvh - env(safe-area-inset-top,20px) - env(safe-area-inset-bottom,20px) - 40px)}.pv-search .btn-buscar{min-width:48px;min-height:48px}.btn-agregar-pedido,.pv-modal-footer .btn-confirmar,.pv-modal-footer .btn-agregar{min-height:50px;font-size:1rem;font-weight:600}.pv-item{min-height:60px;padding:12px}.input-cantidad-modal{min-height:48px;font-size:18px;text-align:center}}@supports (-webkit-touch-callout: none){.pv-modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.modal-buscador{max-height:70dvh}}.badge-descuento{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:.5rem}.badge-oferta{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-cliente{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.badge-producto{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-vendedor{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.badge-ninguno{background:#e5e7eb;color:#6b7280}.descuento-valor{font-weight:700}.otros-descuentos{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;font-size:.7rem}.otros-descuentos small{width:100%;color:#6b7280}.descuento-alternativo{padding:.125rem .375rem;background:#f3f4f6;border-radius:4px;color:#6b7280}.items-list .item-card{padding:.625rem}.items-list .item-header{margin-bottom:.125rem}.items-list .item-descripcion{font-size:.8rem;line-height:1.2;margin-bottom:.25rem;color:#4b5563}.item-precio-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.item-precio-row .precio-base,.item-precio-row .precio-oferta,.item-precio-row .precio-bonificado{font-weight:700;font-size:.95rem;color:#111827}.item-precio-row .precio-tachado{font-size:.8rem;color:#9ca3af;text-decoration:line-through}.item-precio-row .precio-oferta{color:#16a34a}.item-precio-row .precio-bonificado{color:#8b5cf6}.item-precio-row .precio-lista-especial{font-weight:700;font-size:.95rem;color:#f59e0b}.descuento-badge-inline.lista-especial-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:1px solid #fcd34d;font-weight:700}.descuento-badge-inline{padding:.125rem .375rem;border-radius:4px;font-size:.7rem;font-weight:600}.stock-inline{margin-left:auto;padding:.125rem .375rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.stock-inline.stock-disponible{background:#dcfce7;color:#16a34a}.stock-inline.stock-parcial{background:#fef3c7;color:#d97706}.stock-inline.stock-consultar{background:#fee2e2;color:#dc2626}.items-list .item-cantidad{margin:.25rem 0}.items-list .item-cantidad button{width:32px!important;height:32px!important;min-width:32px!important}.items-list .item-cantidad .cantidad-input{width:50px!important;min-width:50px!important;height:32px!important;font-size:.9rem!important}.items-list .item-subtotal{font-size:.85rem;padding-top:.25rem;margin-top:.25rem;border-top:1px dashed #e5e7eb}.item-subtotal .iva-aclaracion{font-size:.7rem;color:#9ca3af}.items-list .item-observacion{font-size:.75rem;padding:.25rem .5rem;margin-top:.25rem}.stock-badge-mini{display:none}.lista-especial-checkbox{padding:.75rem 1rem;margin:.5rem 0}.checkbox-lista-especial{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:10px;cursor:pointer;transition:all .2s ease}.checkbox-lista-especial:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)}.checkbox-lista-especial.activo{background:linear-gradient(135deg,#fcd34d,#fbbf24);border-color:#d97706;box-shadow:0 4px 12px #f59e0b4d}.checkbox-lista-especial input[type=checkbox]{width:18px;height:18px;accent-color:#d97706}.checkbox-lista-especial svg{color:#d97706}.checkbox-lista-especial span{font-weight:600;color:#92400e;font-size:.9rem}.checkbox-lista-especial small{color:#b45309;font-size:.75rem;margin-left:auto}.item-card.item-lista-especial{border:2px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.item-lista-especial-badge{display:inline-flex;align-items:center;gap:.2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}@media(max-width:768px){.item-header{flex-wrap:nowrap!important;overflow:visible!important}.item-header .item-codigo{flex-shrink:0}.item-header .item-marca{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.item-actions-buttons{display:flex!important;flex-shrink:0}.item-actions-buttons .btn-editar-item,.item-actions-buttons .btn-eliminar{display:flex!important;width:26px!important;height:26px!important;position:static!important}.item-cantidad .cantidad-input{width:45px!important;min-width:45px!important;height:30px!important;font-size:.85rem!important}.item-cantidad button{width:30px!important;height:30px!important;min-width:30px!important}}@media(min-width:1024px){.pedido-vendedor-container{width:100%;max-width:1440px;margin:0 auto;padding:0 20px;height:auto;min-height:auto;max-height:none;overflow:visible;box-shadow:none;display:block}.pv-header{padding:16px 24px;border-radius:0 0 16px 16px}.pv-header h1{font-size:1.25rem}.pv-tabs{padding:0 24px}.pv-tab{padding:16px 24px;font-size:15px}.pv-progress{max-width:800px;margin:0 auto;padding:20px 24px}.pv-step .step-number{width:40px;height:40px;font-size:1rem;font-weight:600}.pv-step .step-name{font-size:.85rem;margin-top:6px}.pv-content{padding:24px 24px 120px;overflow:visible;flex:none;height:auto}.pv-paso h2{font-size:1.2rem}.pv-search{max-width:600px}.pv-search input{font-size:16px;padding:14px 16px}.pv-search .btn-buscar{padding:14px 20px;font-size:15px}.pv-footer{position:fixed;bottom:0;left:280px;right:0;padding:16px 30px;border-radius:0;z-index:100;background:#fff;box-shadow:0 -2px 10px #0000001a}.pv-footer button{padding:14px 40px;font-size:16px;min-width:160px}.estadisticas-grid{grid-template-columns:repeat(5,1fr)}.estadistica-card{padding:14px}.stat-label{font-size:.8rem}.stat-total{font-size:1.1rem}.pv-modal-overlay{align-items:center;padding:20px}.pv-modal{max-width:600px;max-height:85vh;border-radius:16px;animation:fadeIn .2s ease}.pv-modal-overlay .pv-modal.modal-buscador{max-width:950px;width:95%;max-height:80vh}.pv-modal-overlay .pv-modal.modal-buscador .pv-modal-body{max-height:calc(80vh - 160px);padding:24px}.pv-modal-overlay .pv-modal.modal-buscador .pv-modal-header{padding:20px 24px}.pv-modal-overlay .pv-modal.modal-buscador .pv-modal-header h3{font-size:1.1rem}.pv-modal-overlay .pv-modal.modal-buscador .buscador-input-wrapper input{font-size:16px;padding:14px 16px}.pv-modal-overlay .pv-modal.modal-buscador .productos-lista{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pv-modal-overlay .pv-modal.modal-buscador .producto-item{padding:16px}.pv-modal-overlay .pv-modal.modal-buscador .pv-modal-footer{padding:16px 24px}.pv-items-table{display:table;width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.pv-items-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.pv-items-table th{padding:14px 12px;text-align:left;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.pv-items-table th:first-child{padding-left:16px}.pv-items-table th:last-child{padding-right:16px;text-align:center}.pv-items-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.pv-items-table tbody tr:hover{background:#f8fafc}.pv-items-table tbody tr:last-child{border-bottom:none}.pv-items-table td{padding:14px 12px;font-size:.9rem;color:#374151;vertical-align:middle}.pv-items-table td:first-child{padding-left:16px}.pv-items-table td:last-child{padding-right:16px}.pv-items-table .td-codigo code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:4px 8px;border-radius:4px}.pv-items-table .td-marca .badge-marca{font-size:.7rem;font-weight:600;color:#059669;background:#d1fae5;padding:3px 8px;border-radius:4px;text-transform:uppercase}.pv-items-table .td-descripcion{max-width:300px;font-size:.85rem;line-height:1.4}.pv-items-table .td-precio{font-weight:600;color:#1f2937;white-space:nowrap}.pv-items-table .td-precio .precio-tachado{text-decoration:line-through;color:#9ca3af;font-size:.75rem;display:block}.pv-items-table .td-precio .precio-oferta{color:#dc2626;font-weight:700}.pv-items-table .td-descuento{text-align:center}.pv-items-table .td-descuento .badge-descuento{font-size:.75rem;font-weight:600;color:#7c3aed;background:#ede9fe;padding:3px 8px;border-radius:4px}.pv-items-table .td-cantidad{text-align:center}.pv-items-table .td-cantidad .cantidad-controls{display:inline-flex;align-items:center;gap:4px;background:#f3f4f6;border-radius:8px;padding:4px}.pv-items-table .td-cantidad .cantidad-controls button{width:28px;height:28px;border:none;border-radius:6px;background:#fff;color:#374151;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.pv-items-table .td-cantidad .cantidad-controls button:hover{background:#e5e7eb}.pv-items-table .td-cantidad .cantidad-controls .cantidad-valor{min-width:36px;text-align:center;font-weight:600;font-size:.95rem}.pv-items-table .td-subtotal{font-weight:700;color:#1f2937;white-space:nowrap}.pv-items-table .td-stock .badge-stock{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.pv-items-table .td-stock .badge-stock.stock-alto{background:#d1fae5;color:#059669}.pv-items-table .td-stock .badge-stock.stock-medio{background:#fef3c7;color:#d97706}.pv-items-table .td-stock .badge-stock.stock-bajo{background:#fee2e2;color:#dc2626}.pv-items-table .td-stock .badge-stock.stock-sin-info{background:#f3f4f6;color:#6b7280}.pv-items-table .td-acciones{text-align:center}.pv-items-table .td-acciones .acciones-btns{display:flex;justify-content:center;gap:6px}.pv-items-table .td-acciones button{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pv-items-table .td-acciones .btn-editar-tabla{background:#fffbeb;color:#f59e0b}.pv-items-table .td-acciones .btn-editar-tabla:hover{background:#fef3c7;color:#d97706}.pv-items-table .td-acciones .btn-eliminar-tabla{background:#fef2f2;color:#ef4444}.pv-items-table .td-acciones .btn-eliminar-tabla:hover{background:#fee2e2;color:#dc2626}.items-list{display:none}.resumen-flotante{position:sticky;bottom:100px;margin-bottom:16px;border-radius:12px}.pedido-card{padding:16px 20px}.filtros-fecha{flex-wrap:nowrap;gap:16px}.filtro-fecha input[type=date]{padding:12px 14px}.selector-cards{gap:16px}.selector-card{padding:20px}.form-cliente-nuevo{max-width:700px}.form-cliente-nuevo .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.pv-items-table .badge-bonificado{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:.65rem;font-weight:700;color:#059669;background:#d1fae5;padding:2px 6px;border-radius:4px;text-transform:uppercase}.pv-items-table .badge-lista-esp{display:inline-flex;align-items:center;margin-left:8px;color:#d97706;background:#fef3c7;padding:2px 6px;border-radius:4px}.pv-items-table .row-bonificado{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.pv-items-table .row-bonificado:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.pv-items-table .cantidad-fija{font-weight:600;color:#059669}.grilla-entrada-rapida{margin-bottom:16px}.grilla-entrada-rapida .grilla-productos{margin-bottom:8px}.grilla-productos .th-buscar,.grilla-productos .td-buscar{width:40px;text-align:center;padding:6px!important}.grilla-productos .th-codigo,.grilla-productos .td-codigo{width:160px}.grilla-productos .th-cantidad,.grilla-productos .td-cantidad{width:80px;text-align:center}.grilla-productos .th-precio,.grilla-productos .td-precio,.grilla-productos .th-subtotal,.grilla-productos .td-subtotal{width:100px;text-align:right}.grilla-productos .th-dto,.grilla-productos .td-descuento{width:70px;text-align:center}.grilla-productos .th-stock,.grilla-productos .td-stock{width:80px;text-align:center}.grilla-productos .th-marca,.grilla-productos .td-marca{width:120px}.grilla-productos .th-acciones,.grilla-productos .td-acciones{width:50px;text-align:center}.btn-lupa-grilla{width:28px;height:28px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-lupa-grilla:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.btn-lupa-grilla svg{width:14px;height:14px}.input-codigo-grilla{width:100%;padding:10px 12px;font-size:14px;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;border:2px solid #e5e7eb;border-radius:8px;text-transform:uppercase;transition:all .15s}.input-codigo-grilla:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-codigo-grilla.input-error{border-color:#ef4444;background:#fef2f2}.input-codigo-grilla.input-encontrado{border-color:#10b981;background:#ecfdf5}.input-codigo-grilla:disabled{background:#f9fafb;color:#9ca3af}.input-cantidad-grilla{width:60px;padding:10px 8px;font-size:14px;font-weight:600;text-align:center;border:2px solid #e5e7eb;border-radius:8px;transition:all .15s}.input-cantidad-grilla:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-cantidad-grilla:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.input-cantidad-inline{width:60px;padding:8px;font-size:14px;font-weight:600;text-align:center;border:1px solid #e5e7eb;border-radius:6px;transition:all .15s}.input-cantidad-inline:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.input-descripcion-inline{width:100%;padding:6px 8px;font-size:13px;border:1px solid transparent;border-radius:4px;background:transparent;transition:all .15s}.input-descripcion-inline:hover{background:#f8fafc;border-color:#e5e7eb}.input-descripcion-inline:focus{outline:none;background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.precio-editable{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.input-precio-wrapper{display:flex;align-items:center;gap:0}.input-precio-wrapper .prefix-peso{font-size:13px;color:#6b7280;padding-right:2px}.input-precio-inline{width:80px;padding:6px 8px;font-size:13px;font-weight:500;border:1px solid transparent;border-radius:4px;background:transparent;transition:all .15s}.input-precio-inline:hover{background:#f8fafc;border-color:#e5e7eb}.input-precio-inline:focus{outline:none;background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.input-precio-inline::-webkit-outer-spin-button,.input-precio-inline::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-precio-inline[type=number]{-moz-appearance:textfield}.input-descuento-wrapper{display:flex;align-items:center;gap:2px}.input-descuento-inline{width:50px;padding:6px;font-size:13px;font-weight:500;text-align:right;border:1px solid transparent;border-radius:4px;background:transparent;transition:all .15s}.input-descuento-inline:hover{background:#fef3c7;border-color:#fcd34d}.input-descuento-inline:focus{outline:none;background:#fff;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.input-descuento-wrapper .suffix-percent{font-size:12px;color:#6b7280}.input-descuento-inline::-webkit-outer-spin-button,.input-descuento-inline::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-descuento-inline[type=number]{-moz-appearance:textfield}.campo-modificado{background:#fef3c7!important;border-color:#fcd34d!important}.campo-modificado:focus{border-color:#f59e0b!important;box-shadow:0 0 0 2px #f59e0b26!important}.fila-entrada{background:#f8fafc;border:2px dashed #e5e7eb}.fila-entrada td{padding:12px!important;vertical-align:middle}.fila-entrada .placeholder-text{color:#9ca3af;font-style:italic;font-size:.85rem}.fila-entrada .loading-text{color:#6b7280;font-size:.85rem;display:flex;align-items:center;gap:6px}.fila-entrada .descripcion-preview{color:#374151;font-size:.85rem}.fila-entrada .error-text{color:#ef4444;font-size:.85rem}.fila-producto td{vertical-align:middle}.grilla-instrucciones{display:flex;gap:24px;padding:8px 16px;background:#f1f5f9;border-radius:8px;font-size:.8rem;color:#64748b}.grilla-instrucciones kbd{display:inline-block;padding:2px 6px;font-size:.75rem;font-family:SF Mono,Monaco,Consolas,monospace;background:#fff;border:1px solid #cbd5e1;border-radius:4px;box-shadow:0 1px 2px #0000000d;margin-right:4px}.productos-resumen.desktop-expanded{position:relative;bottom:auto;flex-direction:column;align-items:stretch;gap:8px;padding:16px 20px;margin-top:16px;margin-bottom:100px;border-radius:12px;background:#f3f4f6;color:#374151}.productos-resumen.desktop-expanded .resumen-items{font-size:.85rem;color:#6b7280;padding-bottom:8px;border-bottom:1px solid #e5e7eb;margin-bottom:4px}.resumen-totales-desktop{display:flex;flex-direction:column;gap:6px}.resumen-linea{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#374151}.resumen-linea.iva{color:#6b7280;font-size:.85rem}.resumen-linea.total{margin-top:8px;padding-top:10px;border-top:1px solid #d1d5db;font-size:1.1rem}.resumen-linea.total strong{font-size:1.25rem;color:#10b981}.btn-carga-masiva{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;border:none!important}.btn-carga-masiva:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)!important}.modal-carga-masiva{max-width:600px!important;width:95%!important}.modal-carga-masiva .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-carga-masiva .modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.1rem;color:#1f2937}.modal-carga-masiva .modal-header h3 svg{color:#6366f1}.modal-carga-masiva .modal-close{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:8px;transition:all .2s}.modal-carga-masiva .modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-carga-masiva .modal-body{padding:20px}.modal-instrucciones{font-size:.9rem;color:#6b7280;margin-bottom:16px;line-height:1.5}.modal-instrucciones strong{color:#374151}.textarea-carga-masiva{width:100%;padding:14px;border:2px solid #e5e7eb;border-radius:10px;font-family:Consolas,Monaco,monospace;font-size:14px;resize:vertical;transition:border-color .2s}.textarea-carga-masiva:focus{outline:none;border-color:#6366f1}.textarea-carga-masiva::placeholder{color:#9ca3af}.resultado-carga-masiva{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:.9rem}.resultado-carga-masiva p{display:flex;align-items:center;gap:8px;margin:0}.resultado-carga-masiva.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.resultado-carga-masiva.warning{background:#fffbeb;color:#92400e;border:1px solid #fcd34d}.resultado-carga-masiva.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.codigos-no-encontrados{margin-top:8px}.codigos-no-encontrados code{display:block;margin-top:8px;padding:8px 12px;background:#0000000d;border-radius:4px;font-size:.85rem;word-break:break-all}.modal-carga-masiva .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}.modal-carga-masiva .btn-cancelar{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.9rem;cursor:pointer;transition:all .2s}.modal-carga-masiva .btn-cancelar:hover{background:#f3f4f6}.modal-carga-masiva .btn-procesar{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-carga-masiva .btn-procesar:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca)}.modal-carga-masiva .btn-procesar:disabled{opacity:.6;cursor:not-allowed}.badge-bonif-precio{display:inline-block;margin-left:4px;font-size:.75rem}.badge-bonificacion{display:inline-flex;align-items:center;gap:2px;background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;padding:3px 6px;border-radius:4px;font-size:.65rem;font-weight:600;border:1px solid #28a745;white-space:nowrap}.badge-gratis{display:inline-flex;align-items:center;gap:2px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:3px 6px;border-radius:4px;font-size:.65rem;font-weight:700;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.2)}.badge-oferta{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:3px 6px;border-radius:4px;font-size:.65rem;font-weight:700;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.2)}.td-descripcion,.item-descripcion,.descripcion-preview{font-size:.78rem!important;line-height:1.25!important}.td-codigo{width:85px!important;min-width:85px!important;max-width:95px!important;padding-right:2px!important}.td-descripcion,.th-descripcion{padding-left:2px!important}.fila-producto td{padding-top:6px;padding-bottom:6px}.input-descripcion-inline{font-size:.78rem!important}@media screen and (min-width:1024px)and (max-width:1440px){.pv-items-table th,.pv-items-table td{padding:6px 3px;font-size:.75rem}.pv-items-table .td-codigo,.pv-items-table .th-codigo{width:75px!important;min-width:75px!important;max-width:80px!important;font-size:.7rem}.pv-items-table .td-codigo a,.pv-items-table .td-codigo code{font-size:.7rem}.pv-items-table .td-descripcion,.pv-items-table .th-descripcion{font-size:.72rem!important;line-height:1.2!important;max-width:180px}.pv-items-table .td-marca .badge-marca,.pv-items-table .badge-marca{font-size:.6rem!important;padding:2px 4px!important;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-items-table .td-cantidad input,.pv-items-table .input-cantidad{width:50px!important;font-size:.75rem;padding:4px 2px}.pv-items-table .td-precio{font-size:.72rem;white-space:nowrap}.pv-items-table .precio-tachado{font-size:.65rem}.pv-items-table .td-descuento{min-width:60px}.pv-items-table .badge-oferta,.pv-items-table .badge-bonificacion,.pv-items-table .badge-gratis,.pv-items-table .badge-descuento{font-size:.6rem!important;padding:2px 4px!important}.pv-items-table .td-subtotal{font-size:.75rem;white-space:nowrap}.pv-items-table .td-stock .badge-stock,.pv-items-table .badge-stock{font-size:.6rem!important;padding:2px 4px!important}.pv-items-table .td-acciones .btn-eliminar-tabla{padding:4px 6px}.pv-items-table .btn-eliminar-tabla svg{width:14px;height:14px}.pv-items-table .td-checkbox input[type=checkbox]{width:14px;height:14px}.grilla-entrada-rapida input{font-size:.75rem}.acciones-productos .btn,.btn-carga-masiva{font-size:.7rem!important;padding:6px 10px!important}.acciones-productos .btn svg{width:14px;height:14px}}@media screen and (min-width:1024px)and (max-width:1280px){.pv-items-table .th-checkbox,.pv-items-table .td-checkbox{display:none}.pv-items-table .td-descripcion{max-width:140px;font-size:.7rem!important}.pv-items-table .td-codigo,.pv-items-table .th-codigo{width:65px!important;min-width:65px!important}.pv-items-table .badge-marca{max-width:50px!important;font-size:.55rem!important}.pv-items-table .badge-oferta,.pv-items-table .badge-bonificacion,.pv-items-table .badge-gratis{font-size:.55rem!important;padding:1px 3px!important}.pv-items-table .td-precio,.pv-items-table .td-subtotal{font-size:.7rem}.pv-items-table .td-stock .badge-stock,.pv-items-table .badge-stock{font-size:.55rem!important;padding:1px 3px!important}.pv-items-table .td-cantidad input{width:45px!important}}.pv-items-table .td-descripcion{position:relative;cursor:default}.pv-items-table .td-descripcion[title]:hover:after{content:attr(title);position:absolute;left:0;top:100%;z-index:1000;background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:.75rem;white-space:normal;max-width:300px;box-shadow:0 2px 8px #0003;pointer-events:none}.pv-items-table.tabla-compacta th,.pv-items-table.tabla-compacta td{padding:4px 2px;font-size:.7rem}.pv-items-table.tabla-compacta .badge-marca,.pv-items-table.tabla-compacta .badge-stock,.pv-items-table.tabla-compacta .badge-oferta,.pv-items-table.tabla-compacta .badge-bonificacion,.pv-items-table.tabla-compacta .badge-gratis{font-size:.55rem!important;padding:1px 3px!important}.detalle-tabla-container{overflow-x:auto;margin-top:12px;border-radius:8px;border:1px solid #e2e8f0}.detalle-tabla-productos{width:100%;border-collapse:collapse;font-size:.8rem}.detalle-tabla-productos thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:sticky;top:0}.detalle-tabla-productos th{padding:10px 8px;text-align:left;font-weight:600;color:#475569;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.detalle-tabla-productos td{padding:8px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.detalle-tabla-productos tbody tr:hover{background:#f8fafc}.detalle-tabla-productos .th-codigo{width:80px}.detalle-tabla-productos .th-cantidad{width:50px;text-align:center}.detalle-tabla-productos .th-precio{width:85px;text-align:right}.detalle-tabla-productos .th-dto{width:55px;text-align:center}.detalle-tabla-productos .th-subtotal{width:90px;text-align:right}.detalle-tabla-productos .td-codigo code{background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#3b82f6;font-size:.7rem;font-family:Monaco,Consolas,monospace}.detalle-tabla-productos .td-descripcion{max-width:200px;font-size:.75rem;line-height:1.3}.detalle-tabla-productos .td-descripcion .item-observacion{display:block;color:#64748b;font-size:.65rem;font-style:italic}.detalle-tabla-productos .td-cantidad{width:50px;text-align:center;font-weight:600}.detalle-tabla-productos .td-precio{width:85px;text-align:right;white-space:nowrap}.detalle-tabla-productos .td-dto{width:55px;text-align:center}.detalle-tabla-productos .td-subtotal{width:90px;text-align:right;white-space:nowrap}.detalle-tabla-productos .fila-bonificado{background:linear-gradient(to right,#ecfdf5,#f0fdf4)!important}.detalle-tabla-productos .fila-bonificado:hover{background:linear-gradient(to right,#d1fae5,#dcfce7)!important}.detalle-tabla-productos .fila-oferta{background:linear-gradient(to right,#fef3c7,#fefce8)!important}.detalle-tabla-productos .fila-oferta:hover{background:linear-gradient(to right,#fde68a,#fef08a)!important}.detalle-tabla-productos .precio-gratis{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:700}.detalle-tabla-productos .badge-dto-mini{background:#dbeafe;color:#1d4ed8;padding:2px 5px;border-radius:4px;font-size:.65rem;font-weight:600}.detalle-tabla-productos .badge-oferta-mini{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:2px 4px;border-radius:4px}@media(max-width:480px){.detalle-tabla-productos th,.detalle-tabla-productos td{padding:6px 4px;font-size:.7rem}.detalle-tabla-productos .th-dto,.detalle-tabla-productos .td-dto{display:none}.detalle-tabla-productos .td-descripcion{max-width:120px;font-size:.65rem}.detalle-tabla-productos .th-precio,.detalle-tabla-productos .td-precio{width:70px}}.alert-asignacion{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.alert-asignacion svg{flex-shrink:0}.alert-asignacion.alert-info{background:#e0f2fe;border:1px solid #7dd3fc;color:#0369a1}.alert-asignacion.alert-warning{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.filtro-estado-presupuesto{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px}.btn-filtro-estado{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#64748b;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-filtro-estado:hover{background:#f1f5f9}.btn-filtro-estado.active{background:#2563eb;color:#fff;border-color:#2563eb}.btn-filtro-estado.pendiente.active{background:#f59e0b;border-color:#f59e0b}.btn-filtro-estado.aceptado.active{background:#10b981;border-color:#10b981}.btn-filtro-estado.rechazado.active{background:#ef4444;border-color:#ef4444}.pedido-card.presupuesto-pendiente{border-left:4px solid #f59e0b}.pedido-card.presupuesto-aceptado{border-left:4px solid #10b981;opacity:.8}.pedido-card.presupuesto-rechazado{border-left:4px solid #ef4444;opacity:.6}.pedido-estado.estado-pendiente{background:#fef3c7;color:#92400e}.pedido-estado.estado-aceptado{background:#d1fae5;color:#065f46}.pedido-estado.estado-rechazado{background:#fee2e2;color:#991b1b}.presupuesto-acciones{display:flex;gap:8px}.btn-accion{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-accion:disabled{opacity:.5;cursor:not-allowed}.btn-accion.btn-pdf{background:#e0e7ff;color:#4338ca}.btn-accion.btn-pdf:hover:not(:disabled){background:#c7d2fe}.btn-accion.btn-editar{background:#fef3c7;color:#d97706}.btn-accion.btn-editar:hover:not(:disabled){background:#fde68a}.btn-accion.btn-aceptar{background:#d1fae5;color:#059669}.btn-accion.btn-aceptar:hover:not(:disabled){background:#a7f3d0}.btn-accion.btn-rechazar{background:#fee2e2;color:#dc2626}.btn-accion.btn-rechazar:hover:not(:disabled){background:#fecaca}.modal-convertir{max-width:450px}.modal-convertir .modal-body p{margin-bottom:16px;color:#374151}.resumen-conversion{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:16px}.resumen-conversion .dato{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e2e8f0}.resumen-conversion .dato:last-child{border-bottom:none}.resumen-conversion .dato.total{margin-top:8px;padding-top:12px;border-top:2px solid #e2e8f0}.resumen-conversion .label{color:#64748b;font-size:.9rem}.resumen-conversion .valor{font-weight:600;color:#1e293b}.resumen-conversion .dato.total .valor{font-size:1.2rem;color:#059669}.modal-convertir .nota{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:.85rem}.modal-convertir .nota svg{flex-shrink:0;margin-top:2px}.modal-convertir .btn-confirmar{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.modal-convertir .btn-confirmar:hover:not(:disabled){background:#059669}.modal-convertir .btn-confirmar:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.filtro-estado-presupuesto{padding:8px}.btn-filtro-estado{padding:6px 12px;font-size:.8rem}.presupuesto-acciones{gap:4px}.btn-accion{width:28px;height:28px}}.mi-perfil-container{padding:20px;max-width:600px}.perfil-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.perfil-icon{width:80px;height:80px;background:linear-gradient(135deg,#e60012,#c40010);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.perfil-header h1{margin:0 0 4px;font-size:28px;color:#1a1a1a}.perfil-header .subtitle{margin:0;color:#666;font-size:14px}.perfil-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.alert.error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.alert.success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.perfil-info{margin-bottom:24px}.info-row{display:flex;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{display:flex;align-items:center;gap:8px;width:140px;font-weight:600;color:#333;font-size:14px}.info-label svg{color:#666}.info-value{flex:1;color:#666;font-size:14px}.info-input{flex:1;padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s}.info-input:focus{outline:none;border-color:#e60012}.password-fields{flex:1;display:flex;flex-direction:column;gap:10px}.password-input-wrapper{display:flex;gap:8px}.password-input-wrapper .info-input{flex:1}.password-toggle{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;padding:8px 10px;cursor:pointer;color:#666;transition:all .2s;display:flex;align-items:center;justify-content:center}.password-toggle:hover{background:#e0e0e0;color:#333}.btn-cambiar-password{display:flex;align-items:center;gap:8px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;padding:8px 16px;cursor:pointer;color:#666;font-size:14px;transition:all .2s}.btn-cambiar-password:hover{background:#e0e0e0;color:#333}.btn-cancelar-cambio{background:none;border:none;color:#e60012;font-size:12px;cursor:pointer;padding:0;text-align:left}.btn-cancelar-cambio:hover{text-decoration:underline}.perfil-section{background:#f9f9f9;border-radius:8px;padding:16px;margin-bottom:16px}.perfil-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;color:#333;font-weight:600}.perfil-section h3 svg{color:#e60012}.perfil-section .perfil-info{margin-bottom:0}.perfil-section-info{background:#e8f5e9}.perfil-section-info h3 svg{color:#2e7d32}.section-info-text{margin:0;color:#2e7d32;font-size:14px}.info-select{cursor:pointer}.descuentos-info{background:#f9f9f9;border-radius:8px;padding:16px;margin-bottom:24px}.descuentos-info h3{margin:0 0 12px;font-size:14px;color:#333;font-weight:600}.descuentos-display{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.descuento-item{background:#fff;border-radius:8px;padding:12px;text-align:center;border:1px solid #e0e0e0}.descuento-item.nc{border-color:#ce93d8;background:#faf5fc}.descuento-label{display:block;font-size:11px;color:#666;margin-bottom:4px}.descuento-item.nc .descuento-label{color:#7b1fa2}.descuento-value{display:block;font-size:20px;font-weight:700;color:#e60012}.descuento-item.nc .descuento-value{color:#7b1fa2}.nc-nota{display:block;font-size:9px;color:#7b1fa2;margin-top:4px;font-style:italic}.perfil-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.btn-perfil{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-perfil.primary{background:#e60012;color:#fff;border:none}.btn-perfil.primary:hover{background:#c40010}.btn-perfil.primary:disabled{background:#ccc;cursor:not-allowed}.btn-perfil.secondary{background:#fff;color:#333;border:2px solid #e0e0e0}.btn-perfil.secondary:hover{background:#f5f5f5}@media(max-width:768px){.mi-perfil-container{padding:12px;max-width:none}.perfil-header{flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:20px}.perfil-icon{width:70px;height:70px}.perfil-icon svg{width:36px;height:36px}.perfil-header h1{font-size:24px;margin-bottom:2px}.perfil-header .subtitle{font-size:13px}.perfil-card{padding:20px 16px;border-radius:16px}.alert{padding:12px 14px;font-size:13px;margin-bottom:14px}.perfil-info{margin-bottom:20px}.info-row{flex-direction:column;align-items:stretch;gap:8px;padding:14px 0}.info-label{width:100%;font-size:13px}.info-label svg{width:16px;height:16px}.info-value{font-size:15px;color:#333;padding-left:24px}.info-input{width:100%;padding:14px 16px;font-size:16px;min-height:48px}.password-fields{gap:12px}.password-input-wrapper{gap:10px}.password-input-wrapper .info-input{min-height:48px}.password-toggle{width:48px;height:48px;padding:0}.btn-cambiar-password{padding:14px 16px;min-height:48px;font-size:14px}.btn-cancelar-cambio{font-size:13px;padding:8px 0}.descuentos-info{padding:14px;margin-bottom:20px;border-radius:12px}.descuentos-info h3{font-size:13px;margin-bottom:14px}.descuentos-display{grid-template-columns:repeat(2,1fr);gap:10px}.descuento-item.nc{grid-column:1 / -1}.descuento-item{padding:14px 12px;border-radius:10px}.descuento-label{font-size:10px;margin-bottom:6px}.descuento-value{font-size:22px}.nc-nota{font-size:8px;margin-top:6px}.perfil-actions{flex-direction:column;gap:10px;padding-top:14px}.btn-perfil{width:100%;justify-content:center;padding:14px 20px;font-size:15px;min-height:50px;border-radius:10px}.btn-perfil.primary{order:1}.btn-perfil.secondary{order:2}}@media(max-width:400px){.descuentos-display{grid-template-columns:1fr}.descuento-item.nc{grid-column:auto}}.config-inicial-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.config-inicial-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.config-inicial-header{background:linear-gradient(135deg,#e60012,#c40010);color:#fff;padding:30px;text-align:center;border-radius:16px 16px 0 0}.config-inicial-header svg{margin-bottom:12px}.config-inicial-header h2{margin:0 0 8px;font-size:24px}.config-inicial-header p{margin:0;opacity:.9;font-size:14px}.config-inicial-form{padding:24px}.config-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px}.config-section{margin-bottom:24px;padding:20px;background:#f8f9fa;border-radius:12px}.config-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#333}.config-section-header h3{margin:0;font-size:16px;font-weight:600}.config-section-header svg{color:#e60012}.config-section-hint{font-size:13px;color:#666;margin:-8px 0 16px}.config-section-info{background:#e8f5e9}.config-info-text{display:flex;align-items:center;gap:10px;color:#2e7d32;font-size:14px;margin:0}.config-info-text svg{flex-shrink:0}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#333}.form-group input,.form-group select{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#e60012}.form-group input::placeholder{color:#aaa}.btn-guardar-config{width:100%;padding:16px;background:#e60012;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.btn-guardar-config:hover:not(:disabled){background:#c40010;transform:translateY(-2px)}.btn-guardar-config:disabled{background:#ccc;cursor:not-allowed;transform:none}.config-buttons{display:flex;flex-direction:column;gap:12px;margin-top:8px}.config-buttons .btn-guardar-config{margin-top:0}.btn-cerrar-sesion{width:100%;padding:14px;background:transparent;color:#666;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-cerrar-sesion:hover{background:#f5f5f5;border-color:#ccc;color:#333}@media(max-width:768px){.config-inicial-overlay{padding:40px 12px 12px;align-items:flex-start}.config-inicial-modal{max-height:calc(100vh - 80px)}.config-inicial-header{padding:24px 20px}.config-inicial-header h2{font-size:20px}.config-inicial-form,.config-section{padding:16px}.form-group input,.form-group select{padding:14px 12px;font-size:16px}.btn-guardar-config{padding:18px;font-size:17px}}.meli-configuracion{display:flex;flex-direction:column;gap:32px}.config-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.config-header h2{margin:0;color:#1e293b}.config-actions{display:flex;gap:12px}.btn-import,.btn-export,.btn-save{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-import{background:#f1f5f9;color:#475569}.btn-import:hover{background:#e2e8f0}.btn-export{background:#e0f2fe;color:#0369a1}.btn-export:hover{background:#bae6fd}.btn-save{background:#2563eb;color:#fff}.btn-save:hover{background:#1d4ed8}.config-section{background:#f8fafc;padding:24px;border-radius:8px;border:1px solid #e2e8f0}.config-section h3{margin-top:0;margin-bottom:20px;color:#1e293b;font-size:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3,.section-header h4{margin:0}.btn-add{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem}.btn-add:hover{background:#059669}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group small{color:#6b7280;font-size:.85rem}.table-container{overflow-x:auto;margin-top:16px}.config-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}.config-table thead{background:#f1f5f9}.config-table th{padding:12px;text-align:left;font-weight:600;color:#475569;font-size:.9rem;border-bottom:2px solid #e2e8f0}.config-table td{padding:12px;border-bottom:1px solid #f1f5f9}.config-table tbody tr:hover{background:#f8fafc}.config-table input,.config-table select{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}.btn-remove{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#dc2626}.error-message{padding:24px;text-align:center;color:#ef4444}.loading{text-align:center;padding:40px;color:#64748b}.historial-list{display:flex;flex-direction:column;gap:12px}.historial-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s}.historial-item.activa{border-color:#10b981;background:#f0fdf4}.historial-info{display:flex;flex-direction:column;gap:4px;flex:1}.historial-info strong{color:#1e293b;font-size:1rem}.historial-info span{color:#64748b;font-size:.85rem}.badge-activa{display:inline-block;padding:4px 8px;background:#10b981;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;margin-top:4px}.btn-activar{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-activar:hover{background:#1d4ed8}.config-section.alerta{display:flex;align-items:center;gap:12px;background:#fef3c7;border-color:#fbbf24;color:#92400e}.config-section.alerta p{margin:0}.notas-historial{font-style:italic;color:#94a3b8;font-size:.8rem}.vista-previa{background:#fff;padding:20px;border-radius:6px;border:1px solid #e2e8f0}.vista-previa-desc{color:#64748b;font-size:.9rem;margin-bottom:16px}.ejemplo-calculo{display:flex;flex-direction:column;gap:10px}.ejemplo-item{display:flex;justify-content:space-between;padding:8px;background:#f8fafc;border-radius:4px;font-size:.9rem}.ejemplo-item span:first-child{color:#64748b}.ejemplo-item span:last-child{color:#1e293b;font-weight:500}.ejemplo-total{display:flex;justify-content:space-between;padding:12px;background:#eff6ff;border:2px solid #2563eb;border-radius:4px;margin-top:8px;font-size:1.1rem}.ejemplo-total span{color:#1e40af}.meli-calculadora{display:flex;flex-direction:column;gap:24px}.calculadora-header{margin-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start}.calculadora-header>div{flex:1}.calculadora-header h2{margin:0 0 8px;color:#1e293b}.calculadora-header .subtitle{color:#64748b;font-size:.95rem}.btn-preferencias{padding:10px 20px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.95rem;transition:all .2s}.btn-preferencias:hover{background:#e2e8f0;color:#1e293b}.calculadora-form{display:flex;flex-direction:column;gap:32px}.form-section{background:#f8fafc;padding:24px;border-radius:8px;border:1px solid #e2e8f0}.form-section h3{margin-top:0;margin-bottom:16px;color:#1e293b;font-size:1.1rem}.search-group{display:flex;gap:12px}.search-group input{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.search-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-group button{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500}.search-group button:hover{background:#1d4ed8}.search-group button:disabled{opacity:.6;cursor:not-allowed}.producto-info{margin-top:12px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px}.producto-info strong{color:#1e293b}.producto-info span{color:#64748b;font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#374151;font-size:.9rem;display:flex;align-items:center;gap:8px}.form-group input[type=checkbox]{width:auto}.form-group input,.form-group select{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-actions{display:flex;justify-content:center}.btn-calculate{padding:14px 32px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.btn-calculate:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-calculate:disabled{opacity:.6;cursor:not-allowed;transform:none}.resultado-section{margin-top:24px}.resultado-section h3{margin-bottom:16px;color:#1e293b}.resultado-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:24px}.resultado-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid #e2e8f0;margin-bottom:20px}.resultado-label{font-size:1.1rem;font-weight:600;color:#475569}.resultado-pvp{font-size:2rem;font-weight:700}.resultado-pvp.valido{color:#10b981}.resultado-pvp.invalido{color:#ef4444}.alerta-precio-minimo{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;margin-bottom:20px}.desglose-costos{display:flex;flex-direction:column;gap:12px}.desglose-costos h4{margin:0 0 8px;color:#1e293b;font-size:1rem}.desglose-item{display:flex;justify-content:space-between;padding:10px;background:#f8fafc;border-radius:6px;font-size:.95rem}.desglose-item span:first-child{color:#64748b}.desglose-item span:last-child{color:#1e293b;font-weight:500}.desglose-total{display:flex;justify-content:space-between;padding:16px;background:#eff6ff;border:2px solid #2563eb;border-radius:6px;margin-top:8px;font-size:1.1rem}.desglose-total span{color:#1e40af}.desglose-margen{display:flex;align-items:center;gap:8px;padding:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#166534;font-size:.9rem;margin-top:8px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.preferencias-modal{background:#fff;border-radius:8px;width:600px;max-width:90vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#1e293b}.modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.btn-secondary,.btn-primary{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.meli-pvp-container{padding:24px;max-width:1400px;margin:0 auto}.meli-pvp-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.meli-pvp-header h1{font-size:2rem;margin-bottom:8px;color:#1e293b}.meli-pvp-header .subtitle{color:#64748b;font-size:.95rem}.meli-pvp-tabs{display:flex;gap:8px;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.tab-button{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;color:#64748b;display:flex;align-items:center;gap:8px;transition:all .2s}.tab-button:hover{color:#1e293b;background:#f8fafc}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.meli-pvp-content{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.btn-exportar-excel{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}.btn-exportar-excel:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 6px #10b9814d}.btn-exportar-excel:disabled{opacity:.6;cursor:not-allowed}.btn-exportar-excel .spinning{animation:spin 1s linear infinite}.progreso-exportacion{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:24px}.progreso-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progreso-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease;border-radius:4px}.progreso-mensaje{font-size:.9rem;color:#64748b;margin:0;text-align:center}.galeria-overlay{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.galeria-modal{background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.galeria-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.galeria-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.galeria-actions{display:flex;gap:12px;align-items:center}.btn-descargar-todas{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-descargar-todas:hover:not(:disabled){background:#2563eb}.btn-descargar-todas:disabled{opacity:.6;cursor:not-allowed}.btn-cerrar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-cerrar:hover{background:#dc2626}.galeria-contenido{display:flex;align-items:center;justify-content:center;padding:20px;min-height:400px;position:relative}.galeria-imagen-principal{position:relative;max-width:100%;max-height:70vh;display:flex;align-items:center;justify-content:center}.galeria-imagen-principal img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px #0000001a}.galeria-imagen-acciones{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px}.btn-descargar-imagen{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#000000b3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-descargar-imagen:hover:not(:disabled){background:#000000e6}.btn-descargar-imagen:disabled{opacity:.6;cursor:not-allowed}.galeria-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.galeria-nav:hover:not(:disabled){background:#fff;box-shadow:0 4px 6px #0000001a}.galeria-nav:disabled{opacity:.3;cursor:not-allowed}.galeria-nav-left{left:20px}.galeria-nav-right{right:20px}.galeria-miniaturas{display:flex;gap:12px;padding:20px;overflow-x:auto;border-top:1px solid #e5e7eb;background:#f9fafb}.miniatura{flex-shrink:0;width:80px;height:80px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.miniatura:hover{border-color:#3b82f6;transform:scale(1.05)}.miniatura.activa{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.miniatura img{width:100%;height:100%;object-fit:cover}.galeria-contador{position:absolute;top:20px;right:20px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:500}@media(max-width:768px){.galeria-modal{max-width:100vw;max-height:100vh;border-radius:0}.galeria-contenido{min-height:300px}.galeria-nav{width:40px;height:40px}.galeria-nav-left{left:10px}.galeria-nav-right{right:10px}.miniatura{width:60px;height:60px}}.publicaciones-online{padding:24px;max-width:1400px;margin:0 auto}.publicaciones-header{margin-bottom:32px}.publicaciones-header h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 8px}.subtitle{color:#6b7280;font-size:1rem;margin:0}.publicaciones-content{display:flex;flex-direction:column;gap:24px}.busqueda-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.busqueda-input-group{display:flex;gap:12px}.busqueda-input-group input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s}.busqueda-input-group input:focus{outline:none;border-color:#3b82f6}.busqueda-input-group button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.busqueda-input-group button:hover:not(:disabled){background:#2563eb}.busqueda-input-group button:disabled{opacity:.6;cursor:not-allowed}.producto-resultado{display:grid;grid-template-columns:1fr 1fr;gap:24px}.producto-info-card,.producto-imagen-section,.producto-precios-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.producto-precios-card{grid-column:1 / -1}.producto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.producto-header h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 8px}.producto-descripcion-corta{color:#6b7280;font-size:1rem;margin:0}.producto-codigo-info{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.info-item{display:flex;align-items:center;gap:8px}.info-label{font-weight:500;color:#6b7280;font-size:.875rem}.info-value{font-weight:600;color:#111827;font-size:.875rem}.btn-copiar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f3f4f6;border:none;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-copiar:hover{background:#e5e7eb;color:#3b82f6}.producto-descripcion{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.producto-descripcion h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 12px}.producto-descripcion p{color:#4b5563;line-height:1.6;margin:0}.imagen-principal-container{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center}.imagen-principal{width:100%;height:100%;object-fit:contain}.imagen-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:20px;display:flex;justify-content:center}.btn-ver-galeria{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#111827;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-ver-galeria:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.sin-imagen{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;padding:40px}.sin-imagen p{margin-top:12px;font-size:.875rem}.producto-precios-card h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 20px}.precios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.precio-item{display:flex;flex-direction:column;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;position:relative}.precio-label{font-size:.875rem;color:#6b7280;margin-bottom:8px}.precio-valor{font-size:1.5rem;font-weight:700;color:#111827}.btn-copiar-precio{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-copiar-precio:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.precio-advertencia{margin-top:16px;padding:12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#92400e;font-size:.875rem}@media(max-width:1024px){.producto-resultado{grid-template-columns:1fr}}@media(max-width:768px){.publicaciones-online{padding:16px}.producto-header{flex-direction:column}.precios-grid{grid-template-columns:1fr}}.invoice-cell{display:flex;align-items:center;justify-content:center;gap:4px}.invoice-icon{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;cursor:help}.invoice-a-pending{color:#f57c00;background:#fff3e0;animation:blink-warning 1.5s infinite}@keyframes blink-warning{0%,to{opacity:1}50%{opacity:.5}}.invoice-a-done,.invoice-attached{color:#2e7d32;background:#e8f5e9}.invoice-cell .spin{animation:spin 1s linear infinite;color:#9ca3af}.sales-table-container{background:#fff;border-radius:8px;padding:1rem}.sales-filters-compact{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;margin-bottom:1rem}.filters-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;min-width:200px;max-width:350px}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box input{border:none;outline:none;flex:1;font-size:.875rem;background:transparent}.search-box svg{color:#94a3b8;flex-shrink:0}.clear-search{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;padding:0}.period-select{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.period-select svg{color:#64748b}.period-select select{border:none;outline:none;font-size:.875rem;background:transparent;cursor:pointer;padding-right:1rem}.date-input{display:flex;align-items:center;gap:.35rem}.date-input label{font-size:.75rem;color:#64748b;white-space:nowrap}.date-input input{padding:.4rem .5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.8rem}.filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.filter-select:focus{border-color:#3b82f6;outline:none}.btn-clear{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#dc2626;cursor:pointer;transition:all .15s}.btn-clear:hover{background:#fef2f2;border-color:#fca5a5}.filters-switches{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem .75rem;background:#f1f5f9;border-radius:6px}.switch-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:.8rem;color:#64748b;cursor:pointer;transition:all .15s;user-select:none}.switch-item:hover{border-color:#22c55e;background:#f0fdf4}.switch-item input{display:none}.switch-toggle{position:relative;width:32px;height:18px;background:#cbd5e1;border-radius:9px;transition:background .2s}.switch-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #00000026}.switch-item input:checked+.switch-toggle{background:#22c55e}.switch-item input:checked+.switch-toggle:after{transform:translate(14px)}.switch-item input:checked~span{color:#22c55e}.switch-item.orange:hover{border-color:#f97316;background:#fff7ed}.switch-item.orange input:checked+.switch-toggle{background:#f97316}.switch-item.orange input:checked~span{color:#ea580c}.switch-item.blue:hover{border-color:#3b82f6;background:#eff6ff}.switch-item.blue input:checked+.switch-toggle{background:#3b82f6}.switch-item.blue input:checked~span{color:#2563eb}.sales-filters{display:none}.sales-count{padding:.5rem 0;color:#666;font-size:.85rem}.table-wrapper{overflow-x:auto}.sales-table{width:100%;border-collapse:collapse;table-layout:fixed}.sales-table th,.sales-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #eee;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.sales-table th{background:#f8f9fa;font-weight:600;font-size:.8rem;color:#333;white-space:nowrap}.sales-row{cursor:pointer;transition:background .2s}.sales-row:hover{background:#f8f9fa}.date-cell{font-size:.8rem;line-height:1.3;min-width:110px;white-space:nowrap}.date-cell .date-full{display:block;white-space:nowrap;font-size:.75rem}.date-cell .time-ago{display:block;font-size:.7rem;color:#888}.product-title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-cell{max-width:0}.id-cell{font-family:monospace;font-size:.85rem}.sku-cell{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-cell{font-weight:600;color:#00a650;text-align:right;white-space:nowrap;font-size:.85rem}.qty-cell{text-align:center;font-weight:500}.profitability-cell,.center{text-align:center}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3483fa;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-refresh:hover{background:#2968c8}.btn-refresh:disabled{background:#ccc;cursor:not-allowed}.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#888}.error-state button{margin-top:1rem;padding:.5rem 1rem;background:#3483fa;color:#fff;border:none;border-radius:4px;cursor:pointer}.status-quick-filters{display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem;background:#fff;border-radius:8px;margin-bottom:1rem}.status-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:20px;background:#fff;cursor:pointer;transition:all .2s;font-size:.85rem}.status-filter-btn:hover{border-color:#3483fa;background:#f0f7ff}.status-filter-btn.active{border-color:#3483fa;background:#3483fa;color:#fff}.status-filter-btn .filter-label{font-weight:500}.status-filter-btn .filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;border-radius:12px;background:#0000001a;font-size:.75rem;font-weight:600}.status-filter-btn.active .filter-count{background:#ffffff4d}.shipping-status-cell{display:flex;align-items:center;gap:.5rem}.shipping-status-cell .status-icon{display:flex;align-items:center;justify-content:center;line-height:1}.shipping-status-cell .status-label{font-size:.85rem;color:#333}.claim-indicator{display:inline-block;margin-left:.5rem;font-size:.75rem;cursor:help}.btn-clear-filters{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#666;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-clear-filters:hover{background:#f5f5f5;border-color:#999;color:#333}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border-radius:8px;margin-bottom:1rem;box-shadow:0 4px 12px #1a237e4d;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-info{display:flex;align-items:center;gap:.75rem}.selected-count{font-weight:600;font-size:1rem}.btn-deselect{display:flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-deselect:hover{background:#ffffff40}.bulk-actions{display:flex;gap:.75rem}.bulk-action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;position:relative}.bulk-action-btn.picking{color:#e65100}.bulk-action-btn.picking:hover{background:#fff3e0}.bulk-action-btn.labels{color:#1565c0}.bulk-action-btn.labels:hover{background:#e3f2fd}.bulk-action-btn.export{color:#2e7d32}.bulk-action-btn.export:hover{background:#e8f5e9}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-btn:disabled:hover{background:#fff}.action-badge{position:absolute;top:-6px;right:-6px;background:#f44336;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center}.col-date{width:110px}.col-status{width:90px}.col-product{width:auto;min-width:180px}.col-qty{width:50px;text-align:center}.col-sku{width:130px}.col-shipping{width:95px;text-align:center}.col-total{width:125px;text-align:right}.col-invoice{width:50px;text-align:center}.col-profitability{width:100px;text-align:center}.col-actions{width:45px;text-align:center}.checkbox-cell{text-align:center;cursor:pointer}.row-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3483fa}.sales-row.selected{background:#e3f2fd!important}.sales-row.selected:hover{background:#bbdefb!important}.claim-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;background:#ffebee;color:#c62828;border-radius:4px;font-size:.7rem;font-weight:600;margin-left:.5rem}.product-info-cell{display:flex;align-items:center;gap:.5rem;min-width:0}.product-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem}.actions-cell{text-align:center}.quick-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;background:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#666;transition:all .2s}.quick-action-btn:hover{background:#f0f0f0;border-color:#3483fa;color:#3483fa}.selection-indicator{color:#1565c0;font-weight:500}.filter-indicator{color:#666;font-style:italic}@media(max-width:768px){.bulk-actions-bar{flex-direction:column;gap:1rem}.bulk-actions{flex-wrap:wrap;justify-content:center}.bulk-action-btn span:not(.action-badge){display:none}.bulk-action-btn{padding:.6rem}}.status-text{display:flex;flex-direction:column;gap:2px}.buffering-date{display:flex;align-items:center;gap:3px;font-size:.7rem;color:#888;background:#f5f5f5;padding:1px 4px;border-radius:3px}.sales-row[data-status=TO_PREPARE]{background:#f3e5f5}.sales-row[data-status=TO_PREPARE]:hover{background:#e1bee7}.sales-row[data-status=TO_PREPARE].selected{background:#e3f2fd!important}.sales-row[data-status=TO_PREPARE].selected:hover{background:#bbdefb!important}.profitability-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:16px;font-size:.8rem;font-weight:600;transition:all .2s;white-space:nowrap}.profitability-badge[data-size=sm]{padding:.25rem .5rem;font-size:.7rem;gap:.25rem}.profitability-badge.loading{background:#f0f0f0;color:#999;animation:pulse 1.5s infinite}.profitability-badge.error{background:#f5f5f5;color:#999;border:1px dashed #ddd;cursor:help}.profitability-badge.error.clickable{cursor:pointer;transition:all .2s}.profitability-badge.error.clickable:hover{background:#ffebee;border-color:#f44336;color:#c62828;transform:scale(1.05)}.profitability-badge.manual{border-style:dashed;cursor:pointer}.profitability-badge.manual:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.modal-manual-cost{max-width:500px}.manual-cost-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff3e0;border-left:4px solid #f57c00;border-radius:4px;margin-bottom:1.5rem}.manual-cost-alert strong{color:#e65100}.manual-cost-product-info{padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem}.manual-cost-product-info h4{margin:0 0 .75rem;color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.manual-cost-product-info .product-title{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.manual-cost-product-info .product-sku,.manual-cost-product-info .product-quantity{font-size:.9rem;color:#666;margin:.25rem 0}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:12px;font-size:1.1rem;font-weight:600;color:#666;pointer-events:none}.input-with-prefix input{padding-left:28px}.input-error{display:block;color:#c62828;font-size:.85rem;margin-top:.5rem}.modal-footer-right{display:flex;gap:.5rem;margin-left:auto}.btn-modal.danger{background:#f44336;color:#fff}.btn-modal.danger:hover{background:#d32f2f}.profitability-badge.rojo{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.profitability-badge.naranja{background:#fff3e0;color:#ef6c00;border:1px solid #ffcc80}.profitability-badge.amarillo{background:#fffde7;color:#f57f17;border:1px solid #fff59d}.profitability-badge.verde{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.profitability-filters{padding:1rem;background:#fff;border-radius:8px;margin-bottom:1rem}.filter-section-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#333;margin-bottom:.75rem}.profitability-filters-grid{display:flex;gap:.5rem;flex-wrap:wrap}.profitability-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:20px;background:#fff;cursor:pointer;transition:all .2s;font-size:.85rem;color:var(--filter-color)}.profitability-filter-btn:hover{border-color:var(--filter-color);background:#00000005;transform:translateY(-1px)}.profitability-filter-btn.active{border-color:var(--filter-color);background:var(--filter-color);color:#fff;box-shadow:0 2px 8px #00000026}.profitability-filter-btn .filter-label{font-weight:500}.profitability-filter-btn .filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;border-radius:12px;background:#0000001a;font-size:.75rem;font-weight:600}.profitability-filter-btn.active .filter-count{background:#ffffff4d}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;margin:1rem 0;flex-wrap:wrap;gap:1rem}.pagination-info{display:flex;align-items:center;gap:1.5rem}.results-count{font-size:.9rem;color:#666}.results-count strong{color:#333}.page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.page-size-selector select{padding:.35rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;cursor:pointer}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#666;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#3483fa;border-color:#3483fa;color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.page-number{font-size:.9rem;font-weight:500}.pagination-btn.page-number.active{background:#3483fa;border-color:#3483fa;color:#fff}.page-numbers{display:flex;align-items:center;gap:.25rem}.page-ellipsis{padding:0 .5rem;color:#999}.go-to-page{display:flex;align-items:center;gap:.5rem;margin-left:1rem;padding-left:1rem;border-left:1px solid #ddd;font-size:.85rem;color:#666}.go-to-page input{width:50px;padding:.35rem .5rem;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:.85rem}.go-to-page input:focus{outline:none;border-color:#3483fa}@media(max-width:768px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{justify-content:space-between}.pagination-controls{justify-content:center;flex-wrap:wrap}.go-to-page{margin-left:0;padding-left:0;border-left:none;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #ddd}.page-numbers{order:-1;width:100%;justify-content:center;margin-bottom:.5rem}}.profitability-config-modal{max-width:600px}.modal-header .header-content{display:flex;align-items:center;gap:.75rem}.modal-header .header-content h2{margin:0;font-size:1.25rem}.config-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.config-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffebee;color:#c62828;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.config-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.config-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid}.config-row.rojo{border-left-color:#d32f2f}.config-row.naranja{border-left-color:#ef6c00}.config-row.amarillo{border-left-color:#f57f17}.config-row.verde{border-left-color:#2e7d32}.config-label{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#333}.color-indicator{width:20px;height:20px;border-radius:4px;flex-shrink:0}.color-indicator.rojo{background:#d32f2f}.color-indicator.naranja{background:#ef6c00}.color-indicator.amarillo{background:#f57f17}.color-indicator.verde{background:#2e7d32}.input-range{width:70px;padding:.5rem;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:.9rem;font-weight:500}.input-range:focus{outline:none;border-color:#3483fa;box-shadow:0 0 0 3px #3483fa1a}.range-text{color:#666;font-size:.85rem}.config-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#3483fa;color:#fff}.btn-primary:hover:not(:disabled){background:#2968c8;transform:translateY(-1px);box-shadow:0 4px 12px #3483fa4d}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#666;border:1px solid #ddd}.btn-secondary:hover{background:#f5f5f5;border-color:#bbb}@keyframes spin-last{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pack-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;background:#e3f2fd;color:#1565c0;border-radius:4px;font-size:.7rem;font-weight:600;margin-left:.5rem;white-space:nowrap}.pack-badge svg{flex-shrink:0}.pack-badge.clickable{cursor:pointer;transition:all .2s;user-select:none}.pack-badge.clickable:hover{background:#bbdefb;transform:scale(1.05)}.pack-badge.clickable.expanded{background:#90caf9;color:#0d47a1}.expanded-details-row{background:#f8f9fa;border-top:2px solid #e3f2fd;animation:slideDown .3s ease}.expanded-details-cell{padding:1rem 1.5rem!important;background:#f8f9fa}.expanded-details-content{max-width:100%}.expanded-details-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6;color:#1565c0;font-size:.9rem}.expanded-details-header svg{flex-shrink:0}.expanded-details-list{display:flex;flex-direction:column;gap:.75rem}.expanded-detail-item{padding:.75rem;background:#fff;border-radius:6px;border-left:3px solid #1565c0;box-shadow:0 1px 3px #0000001a;transition:all .2s}.expanded-detail-item:hover{box-shadow:0 2px 6px #00000026;transform:translate(2px)}.detail-item-info{display:flex;flex-direction:column;gap:.5rem}.detail-item-title{font-size:.85rem;color:#333;font-weight:500;line-height:1.4}.detail-item-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.8rem;color:#666}.detail-item-sku,.detail-item-qty{display:flex;align-items:center;gap:.35rem}.detail-item-sku strong,.detail-item-qty strong{color:#1565c0;font-weight:600}.expanded-detail-item{display:flex;align-items:flex-start;gap:.75rem}.detail-item-thumbnail{width:50px;height:50px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none}.detail-item-thumbnail:hover{transform:scale(1.08);box-shadow:0 2px 8px #00000026}.detail-item-thumbnail img{width:100%;height:100%;object-fit:cover}.detail-item-thumbnail .no-thumbnail{color:#ccc;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.detail-item-title-link{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#333;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s}.detail-item-title-link:hover{color:#3483fa}.detail-item-title-link svg{flex-shrink:0;opacity:.4;transition:opacity .2s}.detail-item-title-link:hover svg{opacity:1}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.quick-filters{display:flex;align-items:center;gap:.5rem;padding:.25rem;background:#fff;border:1px solid #ddd;border-radius:6px}.quick-filters svg{color:#666;flex-shrink:0;margin-left:.25rem}.quick-filter-btn{padding:.4rem .75rem;background:transparent;border:none;border-radius:4px;font-size:.8rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-filter-btn:hover{background:#f0f0f0;color:#333}.quick-filter-btn.active{background:#3483fa;color:#fff}.quick-filter-btn.active:hover{background:#2968c8}.repick-modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:450px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.repick-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.repick-modal-header .warning-icon{color:#f57c00}.repick-modal-header h3{margin:0;font-size:1.2rem;color:#333}.repick-modal-body p{margin:0 0 .75rem;color:#555;line-height:1.5}.repick-order-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:6px;margin-bottom:1rem;max-height:120px;overflow-y:auto}.repick-order-id{padding:.25rem .5rem;background:#fff3e0;color:#e65100;border-radius:4px;font-size:.8rem;font-family:monospace;font-weight:500}.repick-more{color:#888;font-size:.85rem;font-style:italic}.repick-question{font-weight:500;color:#333!important}.repick-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.repick-modal-actions .btn-cancel{padding:.6rem 1.25rem;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;font-weight:500;cursor:pointer;transition:all .2s}.repick-modal-actions .btn-cancel:hover{background:#e0e0e0}.repick-modal-actions .btn-confirm{padding:.6rem 1.25rem;background:#f57c00;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.repick-modal-actions .btn-confirm:hover{background:#e65100}.multi-product-badge,.picked-badge{flex-shrink:0;padding:.15rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;white-space:nowrap}.multi-product-badge{background:#e3f2fd;color:#1565c0}.picked-badge{display:inline-flex;align-items:center;gap:.25rem;background:#e8f5e9;color:#2e7d32}.picked-badge svg{flex-shrink:0}.message-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:#e0f2fe;color:#0369a1;border-radius:10px;font-size:.7rem;font-weight:500;margin-left:6px;flex-shrink:0;cursor:pointer;transition:all .2s}.message-badge:hover{background:#bae6fd;transform:scale(1.05)}.message-badge.unread{background:#fef3c7;color:#92400e;animation:pulse-message 2s infinite}.message-badge.unread:hover{background:#fde68a}.message-badge .message-count{background:#f59e0b;color:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}@keyframes pulse-message{0%,to{opacity:1}50%{opacity:.7}}.switches-container,.filter-switch,.switches-group,.hide-picked-switch{display:none}.cell-invoice{text-align:center}.btn-sync{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00a650;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-sync:hover:not(:disabled){background:#008a43}.btn-sync:disabled{background:#ccc;cursor:not-allowed}.last-sync-info{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#666;padding:.25rem .5rem;background:#f0f0f0;border-radius:4px}.last-sync-info svg{color:#00a650}.sku-cell.clickable{cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:4px}.sku-cell.clickable:hover{background:#e3f2fd;color:#1565c0}.sku-cell .sku-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sku-cell .copy-icon{opacity:0;flex-shrink:0;transition:opacity .2s;color:#1565c0}.sku-cell.clickable:hover .copy-icon{opacity:1}.sku-cell.copied{background:#c8e6c9!important;color:#2e7d32!important}.sku-cell.copied .copy-icon{opacity:1;color:#2e7d32}@media(max-width:768px){.filters-row{flex-direction:column;align-items:stretch}.search-box{max-width:none}.period-select,.filter-select{width:100%}.period-select select,.filter-select{flex:1}.date-input{width:100%}.date-input input{flex:1}.btn-clear,.btn-sync{flex:1;justify-content:center}.sync-time{width:100%;justify-content:center}.filters-switches{flex-direction:column}.switch-item{justify-content:flex-start}}@media(max-width:480px){.btn-clear span,.btn-sync span{display:none}.btn-clear,.btn-sync{padding:.5rem;min-width:40px;flex:unset}}.invoice-manager-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.invoice-manager-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px #0000004d;overflow:hidden;display:flex;flex-direction:column}.invoice-manager-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.invoice-manager-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;color:#1f2937}.invoice-manager-header .close-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s}.invoice-manager-header .close-btn:hover{background:#e5e7eb;color:#1f2937}.invoice-manager-body{padding:1.5rem;min-height:200px;overflow-y:auto}.invoice-message{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;line-height:1.4}.invoice-message svg{flex-shrink:0;margin-top:2px}.invoice-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.invoice-message.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.invoice-message.info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.invoice-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:#6b7280}.invoice-existing{display:flex;flex-direction:column;align-items:center;text-align:center}.invoice-icon-large{color:#3b82f6;margin-bottom:1rem}.invoice-status{display:flex;align-items:center;gap:.5rem;color:#16a34a;font-weight:500;margin-bottom:1rem}.invoice-status .success-icon{color:#16a34a}.invoice-item{background:#f3f4f6;padding:.75rem 1rem;border-radius:8px;width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.invoice-filename{font-weight:500;color:#1f2937}.invoice-date{color:#6b7280;font-size:.875rem}.invoice-actions{display:flex;gap:.75rem;width:100%}.invoice-actions .btn{flex:1}.invoice-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s;color:#6b7280}.invoice-dropzone:hover{border-color:#3b82f6;background:#eff6ff}.invoice-dropzone.drag-over{border-color:#3b82f6;background:#dbeafe;transform:scale(1.02)}.invoice-dropzone.uploading{cursor:wait;opacity:.7}.invoice-dropzone svg{margin-bottom:1rem;color:#9ca3af}.invoice-dropzone p{margin:0 0 .5rem;font-size:.95rem;color:#4b5563}.invoice-hint{font-size:.8rem;color:#9ca3af}.selected-files{margin-top:1rem;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.selected-files-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:500;color:#374151}.total-size{font-weight:400;color:#6b7280}.size-warning{color:#dc2626;font-weight:500}.files-list{max-height:200px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.file-item:last-child{border-bottom:none}.file-item svg{color:#ef4444;flex-shrink:0}.file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f2937}.file-size{color:#9ca3af;font-size:.75rem;flex-shrink:0}.remove-file-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-file-btn:hover{background:#fee2e2;color:#dc2626}.upload-actions{display:flex;gap:.75rem;padding:1rem;background:#f9fafb;border-top:1px solid #e5e7eb}.upload-actions .btn{flex:1}.invoice-manager-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background:#f9fafb}.pack-info{font-size:.75rem;color:#9ca3af}.invoice-manager-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.invoice-manager-modal .btn-primary{background:#3b82f6;color:#fff}.invoice-manager-modal .btn-primary:hover{background:#2563eb}.invoice-manager-modal .btn-secondary{background:#e5e7eb;color:#374151}.invoice-manager-modal .btn-secondary:hover{background:#d1d5db}.invoice-manager-modal .btn-danger{background:#fee2e2;color:#dc2626}.invoice-manager-modal .btn-danger:hover{background:#fecaca}.invoice-manager-modal .btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.invoice-manager-modal{width:95%;max-height:95vh}.upload-actions{flex-direction:column}.selected-files-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.installments-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.installments-badge.inline{padding:2px 6px;font-size:.7rem}.installments-badge.loading{background:#f0f0f0;color:#999}.installments-badge .spin{animation:spin 1s linear infinite}.installments-badge.success{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.installments-badge.error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a;animation:pulse-error 2s infinite}@keyframes pulse-error{0%,to{box-shadow:0 0 #c628284d}50%{box-shadow:0 0 0 4px #c6282800}}.installments-badge .badge-text{line-height:1}.invoice-status-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.invoice-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.invoice-badge-warning{background:#fff8e1;color:#f57c00;border:1px solid #ffcc80}.invoice-badge-warning .taxpayer-type{font-size:.7rem;opacity:.8;font-weight:400}.invoice-badge-success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.invoice-badge-alert{background:#ffebee;color:#c62828;border:1px solid #ef9a9a;animation:pulse-alert 2s infinite}@keyframes pulse-alert{0%,to{box-shadow:0 0 #c628284d}50%{box-shadow:0 0 0 4px #c6282800}}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-loading,.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:#666}.btn-close{background:none;border:none;cursor:pointer;color:#666;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-close:hover{background:#f0f0f0;color:#333}.detail-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#333;font-size:1.1rem}.order-detail-modal{max-width:700px;max-height:90vh;overflow-y:auto}.modal-header-enhanced{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10}.order-header-info h2{margin:0 0 .25rem;font-size:1.25rem;color:#333}.order-date{color:#666;font-size:.9rem}.action-buttons-bar{display:flex;gap:.5rem;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #eee;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.action-btn.primary{background:#3483fa;color:#fff}.action-btn.primary:hover{background:#2968c8}.action-btn.success{background:#00a650;color:#fff}.action-btn.success:hover{background:#008544}.action-btn.success:disabled{background:#ccc;cursor:not-allowed}.action-btn.info{background:#fff;color:#3483fa;border:1px solid #3483fa}.action-btn.info:hover{background:#e8f2ff}.action-btn.secondary{background:#fff;color:#666;border:1px solid #ddd}.action-btn.secondary:hover{background:#f5f5f5}.shipping-status-section{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#f0f9ff;flex-wrap:wrap}.shipping-status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.shipping-status-badge.yellow{background:#fff3cd;color:#856404}.shipping-status-badge.blue{background:#cce5ff;color:#004085}.shipping-status-badge.green{background:#d4edda;color:#155724}.shipping-status-badge.red{background:#f8d7da;color:#721c24}.shipping-status-badge.gray{background:#e9ecef;color:#495057}.shipping-type-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.estimated-delivery{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.85rem;margin-left:auto}.timeline-section{background:#fafafa}.shipping-timeline{position:relative;padding-left:1.5rem}.timeline-step{position:relative;padding-bottom:1.5rem;padding-left:1.5rem;border-left:2px solid #ddd}.timeline-step:last-child{border-left-color:transparent;padding-bottom:0}.timeline-step.green{border-left-color:#00a650}.timeline-step.blue{border-left-color:#3483fa}.timeline-dot{position:absolute;left:-8px;top:0;width:14px;height:14px;border-radius:50%;background:#ddd;border:2px solid white}.timeline-step.green .timeline-dot{background:#00a650}.timeline-step.blue .timeline-dot{background:#3483fa}.timeline-step.yellow .timeline-dot{background:#ffc107}.timeline-content{display:flex;flex-direction:column}.timeline-label{font-weight:500;color:#333}.timeline-date{font-size:.8rem;color:#888}.product-item-enhanced{display:flex;gap:1rem;padding:1rem;background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:.5rem}.product-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .no-image{color:#ccc}.product-details{flex:1;min-width:0}.product-details h4{margin:0 0 .5rem;font-size:.95rem;color:#333;line-height:1.3}.product-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:#666}.product-price-col{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.unit-price{font-weight:600;font-size:1rem;color:#333}.quantity{font-size:.85rem;color:#888}.billing-section{background:#fff;border-radius:8px;padding:1.5rem}.billing-breakdown{display:flex;flex-direction:column;gap:1rem}.billing-group{border-bottom:1px solid #eee;padding-bottom:1rem}.billing-group:last-of-type{border-bottom:none}.billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.billing-title,.billing-amount{font-weight:600;font-size:1rem;color:#333}.billing-amount.negative{color:#e53935}.billing-detail{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0 .25rem 1rem;color:#666;font-size:.9rem}.billing-detail-text{flex:1;padding-right:1rem}.billing-detail-amount{white-space:nowrap}.billing-detail-amount.negative{color:#e53935}.billing-divider{height:1px;background:#ddd;margin:.5rem 0}.billing-total{padding-top:.5rem}.billing-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.billing-total-label{font-weight:700;font-size:1.1rem;color:#333}.billing-total-amount{font-weight:700;font-size:1.25rem;color:#00a650}.billing-invoice-row{display:flex;justify-content:space-between;align-items:center}.billing-invoice-label{font-size:.95rem;color:#666}.billing-invoice-amount{font-size:1rem;font-weight:600;color:#333}.buyer-info-enhanced{display:grid;gap:.5rem}.buyer-row,.payment-row{display:flex;gap:1rem}.buyer-row .label,.payment-row .label{min-width:80px;color:#666;font-size:.9rem}.buyer-row .value,.payment-row .value{color:#333;font-size:.9rem}.payment-info-grid{display:grid;gap:.5rem}.status-approved{color:#00a650;font-weight:500}.address-info{background:#f8f9fa;padding:1rem;border-radius:8px}.address-info p{margin:.25rem 0}.address-comment{margin-top:.5rem!important;color:#666}.no-data{color:#888;font-style:italic}.profitability-section{background:linear-gradient(135deg,#f8f9fa,#fff)}.section-header-with-badge{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header-with-badge h3{margin:0}.profitability-breakdown{display:flex;flex-direction:column;gap:.5rem}.breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:6px;transition:background .2s}.breakdown-row.income{background:#e8f5e9}.breakdown-row.expense{background:#f5f5f5}.breakdown-row.subtotal{background:#fff8e1;border-left:3px solid #ffc107}.breakdown-row.total{background:#e3f2fd;padding:1rem;border:2px solid #2196f3}.row-label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#333}.row-label .indent{margin-left:1.5rem}.manual-label{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;background:#fff3e0;color:#e65100;font-size:.7rem;font-weight:600;border-radius:3px;margin-left:.5rem;cursor:help}.row-value{font-size:1rem;font-weight:600}.row-value.positive{color:#2e7d32}.row-value.negative{color:#d32f2f}.row-value.total-value{font-size:1.2rem}.breakdown-separator{height:2px;background:linear-gradient(90deg,transparent,#ddd,transparent);margin:.5rem 0}.cost-details{padding:.75rem;background:#fafafa;border-left:3px solid #3483fa;border-radius:4px;margin:.5rem 0}.cost-details-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:500}.cost-detail-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.35rem 0;font-size:.85rem;color:#555;gap:.25rem}.cost-detail-code{font-family:monospace;font-weight:600;color:#3483fa}.cost-detail-product{display:flex;flex-direction:column;flex:1;min-width:0}.cost-detail-title{font-weight:500;color:#333;font-size:.85rem;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cost-detail-sku{font-family:monospace;font-size:.75rem;color:#888}.cost-detail-calc{color:#666;margin-left:auto}.profitability-percentage{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:8px;margin-top:.5rem;font-weight:600}.profitability-percentage.rojo{background:#ffebee;color:#c62828}.profitability-percentage.naranja{background:#fff3e0;color:#ef6c00}.profitability-percentage.amarillo{background:#fffde7;color:#f57f17}.profitability-percentage.verde{background:#e8f5e9;color:#2e7d32}.percentage-label{font-size:.95rem}.percentage-value{font-size:1.1rem}.profitability-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#666}.profitability-error-state svg{color:#f57c00;margin-bottom:1rem}.profitability-error-state .error-message{font-size:.9rem;color:#999;margin:.5rem 0 1.5rem}.btn-manual-cost-inline{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#3483fa;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-manual-cost-inline:hover{background:#2968c8;transform:translateY(-1px);box-shadow:0 4px 12px #3483fa4d}.pack-badge-header{display:inline-flex;align-items:center;gap:.35rem;margin-left:.75rem;padding:.25rem .6rem;background:#e3f2fd;color:#1565c0;border-radius:4px;font-size:.75rem;font-weight:600;vertical-align:middle}.pack-indicator{font-size:.85rem;font-weight:400;color:#666;margin-left:.5rem}.products-total{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-top:.75rem;background:#f8f9fa;border-radius:6px;border-top:2px solid #e0e0e0}.products-total span{font-weight:500;color:#666}.products-total .total-value{font-size:1.1rem;font-weight:700;color:#00a650}.real-badge{font-size:.7rem;padding:.15rem .4rem;background:#e3f2fd;color:#1565c0;border-radius:4px;margin-left:.5rem;font-weight:500}.breakdown-row.collapsible{cursor:pointer;transition:background .2s;background:#f5f5f5}.breakdown-row.collapsible:hover{background:#e8e8e8}.breakdown-details{background:#fafafa;border-left:3px solid #ddd;margin:.25rem 0 .5rem 1rem;padding:.5rem .75rem;border-radius:0 4px 4px 0}.breakdown-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.85rem;color:#555}.breakdown-detail-row.collapsible-sub{cursor:pointer}.breakdown-detail-row.collapsible-sub:hover{color:#333}.breakdown-detail-row span{display:flex;align-items:center;gap:.25rem}.breakdown-detail-row .negative{color:#d32f2f}.breakdown-detail-row .positive{color:#2e7d32}.iva-detail-box{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem .75rem;margin:.25rem 0 .5rem 1.5rem;font-size:.8rem}.iva-row{display:flex;justify-content:space-between;padding:.25rem 0;color:#666}.iva-row.sub{color:#888;font-size:.75rem;padding-left:.5rem}.profitability-note{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:#f5f5f5;border-radius:4px;font-size:.8rem;color:#666}.has-credit-badge{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;background:#e8f5e9;color:#2e7d32;font-size:.7rem;font-weight:600;border-radius:3px}.iibb-detail-box{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem .75rem;margin:.25rem 0 .5rem 1.5rem;font-size:.8rem}.iibb-row{display:flex;justify-content:space-between;padding:.25rem 0;color:#666}.iibb-row.credit{color:#2e7d32;background:#f1f8e9;margin:.25rem -.5rem;padding:.25rem .5rem;border-radius:3px}.iibb-row.total{border-top:1px solid #ddd;margin-top:.35rem;padding-top:.35rem;color:#333}.retenciones-detail{margin:.25rem 0;padding-left:.5rem}.retencion-row{display:flex;justify-content:space-between;padding:.15rem 0;font-size:.75rem;color:#888}.retencion-row span:first-child{color:#666}.action-btn.warning{background:#ff9800;color:#fff}.action-btn.warning:hover{background:#f57c00}.shipping-badges{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1.5rem 1rem;background:#f0f9ff}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.badge svg{flex-shrink:0}.badge-free-shipping{background:#fff3e0;color:#e65100;border:1px solid #ffcc80}.badge-installments{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.badge-error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a;animation:pulse-error 2s infinite}@keyframes pulse-error{0%,to{box-shadow:0 0 #c6282866}50%{box-shadow:0 0 0 4px #c6282800}}.badge:hover{opacity:.9}@media(max-width:480px){.shipping-badges{flex-direction:column;align-items:flex-start}}.badge-inline{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500;white-space:nowrap}.badge-inline.badge-free-shipping{background:#fff3e0;color:#e65100;border:1px solid #ffcc80}.shipping-status-section{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#f0f9ff;flex-wrap:wrap}.shipping-status-section .estimated-delivery{margin-left:auto}.billing-group.flex-desglose{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px;padding:1rem;margin:.5rem 0}.billing-header.flex-header-billing{margin-bottom:1rem}.billing-header.flex-header-billing .billing-title{display:flex;align-items:center;gap:.5rem;color:#1565c0}.billing-amount.positive{color:#2e7d32!important}.billing-amount.negative{color:#c62828!important}.flex-detail-grid{display:flex;flex-direction:column;gap:.35rem}.flex-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.9rem}.flex-detail-row.sub{padding-left:1rem;font-size:.85rem;color:#666}.flex-detail-row.highlight{background:#ffffffb3;padding:.5rem;border-radius:4px;margin:.25rem 0}.flex-detail-row.total{background:#fff;padding:.75rem;border-radius:6px;margin-top:.5rem;font-weight:600}.flex-detail-row.total.ganancia{border-left:4px solid #4caf50}.flex-detail-row.total.perdida{border-left:4px solid #f44336}.flex-detail-label{display:flex;align-items:center;gap:.35rem;color:#333}.flex-detail-value{font-weight:500}.flex-detail-value .partido-hint{font-weight:400;font-size:.85em;color:#666}.flex-detail-value.positive{color:#2e7d32}.flex-detail-value.negative{color:#c62828}.flex-detail-divider{height:1px;background:#90caf9;margin:.5rem 0}.zona-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.zona-badge.cercana{background:#c8e6c9;color:#2e7d32}.zona-badge.media{background:#fff9c4;color:#f57f17}.zona-badge.lejana{background:#ffcdd2;color:#c62828}.order-header-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.order-buyer{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:#e3f2fd;color:#1565c0;border-radius:4px;font-size:.85rem;font-weight:500}.order-buyer svg{flex-shrink:0}.product-image.clickable{cursor:pointer;position:relative;transition:all .2s;text-decoration:none}.product-image.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.product-image .image-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;border-radius:8px}.product-image.clickable:hover .image-overlay{opacity:1}.product-title-link{display:flex;align-items:flex-start;gap:.5rem;margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:#333;line-height:1.4;text-decoration:none;transition:color .2s}.product-title-link:hover{color:#3483fa}.product-title-link svg{flex-shrink:0;margin-top:.2rem;opacity:.5}.product-title-link:hover svg{opacity:1}.message-preview-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.message-preview-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;animation:slideUp .2s ease-out}.message-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.message-preview-header .header-info{display:flex;align-items:center;gap:12px;color:#3b82f6}.message-preview-header h3{margin:0;font-size:1rem;color:#1f2937}.message-preview-header .order-id{font-size:.75rem;color:#6b7280;font-family:monospace}.message-preview-header .close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:8px;transition:all .2s}.message-preview-header .close-btn:hover{background:#e5e7eb;color:#1f2937}.message-preview-product{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fefce8;border-bottom:1px solid #fef08a}.message-preview-product .product-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#f3f4f6}.message-preview-product .product-info{flex:1;min-width:0}.message-preview-product .product-title{display:block;font-size:.85rem;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-preview-product .buyer-name{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#6b7280;margin-top:4px}.message-preview-content{flex:1;overflow-y:auto;padding:16px 20px;min-height:150px;max-height:300px;background:#fafafa}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;gap:12px;color:#6b7280}.loading-state .spinner{animation:spin 1s linear infinite}.error-state{color:#dc2626}.messages-list{display:flex;flex-direction:column;gap:12px}.message-bubble{max-width:85%;padding:10px 14px;border-radius:12px;position:relative}.message-bubble.buyer{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.message-bubble.seller{align-self:flex-end;background:#dbeafe;border-bottom-right-radius:4px}.message-sender{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:#6b7280;margin-bottom:4px}.message-bubble.seller .message-sender{color:#3b82f6}.message-text{font-size:.875rem;color:#1f2937;line-height:1.4;word-break:break-word;white-space:pre-wrap}.message-time{display:flex;align-items:center;gap:4px;font-size:.65rem;color:#9ca3af;margin-top:6px}.message-reply-section{padding:12px 20px 16px;border-top:1px solid #e5e7eb;background:#fff;border-radius:0 0 12px 12px}.send-error{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fef2f2;color:#dc2626;border-radius:6px;font-size:.8rem;margin-bottom:10px}.reply-input-container{display:flex;gap:10px;align-items:flex-end}.reply-input-container textarea{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;resize:none;font-family:inherit;line-height:1.4;transition:border-color .2s}.reply-input-container textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reply-input-container textarea.over-limit{border-color:#dc2626}.reply-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.char-count{font-size:.7rem;color:#9ca3af}.char-count.over-limit{color:#dc2626;font-weight:600}.send-btn{width:40px;height:40px;border:none;background:#3b82f6;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.send-btn:disabled{background:#d1d5db;cursor:not-allowed}.send-btn .spinner{animation:spin 1s linear infinite}.reply-hint{display:block;font-size:.7rem;color:#9ca3af;margin-top:8px;text-align:center}.ventas-container{padding:1rem;max-width:1600px;margin:0 auto}.shipping-badge{padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.shipping-badge.flex{background:#e3f2fd;color:#1565c0}.shipping-badge.full{background:#e8f5e9;color:#2e7d32}.shipping-badge.colecta{background:#fff3e0;color:#ef6c00}.shipping-badge.turbo{background:#fce4ec;color:#c2185b}.shipping-badge.retiro{background:#f3e5f5;color:#7b1fa2}.shipping-badge.a-acordar{background:#fff8e1;color:#f57c00}.shipping-badge.desconocido{background:#eee;color:#616161}.shipping-tabs-switch{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.switch-toggle{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:50px;cursor:pointer;transition:all .3s ease}.switch-toggle:hover{border-color:#2196f3;box-shadow:0 2px 8px #0000001a}.switch-track{position:relative;width:60px;height:32px;background:#e0e0e0;border-radius:16px;transition:background .3s ease}.switch-toggle.full .switch-track{background:#4caf50}.switch-toggle.manual .switch-track{background:#2196f3}.switch-thumb{position:absolute;top:2px;left:2px;width:28px;height:28px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.switch-toggle.full .switch-thumb{transform:translate(28px)}.switch-thumb svg{color:#333}.switch-labels{display:flex;gap:1rem}.switch-label{font-size:.95rem;font-weight:500;color:#666;transition:all .3s ease;white-space:nowrap}.switch-label.active{color:#333;font-weight:700}.switch-description{font-size:.85rem;color:#666;padding:.5rem 1rem;background:#fff;border-radius:8px}@media(max-width:768px){.shipping-tabs-switch{flex-direction:column;align-items:stretch;gap:.5rem}.switch-toggle{justify-content:center}.switch-labels{flex-direction:column;gap:.25rem;align-items:flex-start}.switch-label{font-size:.85rem}.switch-description{text-align:center;font-size:.75rem}}.real-profit-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.real-profit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #eee;background:linear-gradient(135deg,#f8f9fa,#fff)}.real-profit-modal .modal-header h2{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;color:#333}.real-profit-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;text-align:center}.loading-state p{margin:0;color:#666;font-size:1rem}.progress-bar{width:100%;max-width:300px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3483fa,#00a650);transition:width .3s ease}.progress-text{font-size:.85rem;color:#888}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;text-align:center;color:#d32f2f}.error-state button{padding:.5rem 1.5rem;background:#3483fa;color:#fff;border:none;border-radius:6px;cursor:pointer}.result-content{display:flex;flex-direction:column;gap:1rem}.result-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #eee}.period-label{font-weight:600;color:#333;font-size:1rem}.orders-count{font-size:.9rem;color:#666}.warning-box{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff3e0;border-left:3px solid #ff9800;border-radius:4px;font-size:.85rem;color:#e65100}.profit-breakdown{display:flex;flex-direction:column;gap:.5rem}.profit-breakdown .breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:6px;font-size:.95rem}.profit-breakdown .breakdown-row span{display:flex;align-items:center;gap:.5rem}.profit-breakdown .breakdown-row.income{background:#e8f5e9}.profit-breakdown .breakdown-row.expense{background:#f5f5f5}.profit-breakdown .breakdown-row.collapsible{background:#f5f5f5;cursor:pointer;transition:background .2s}.profit-breakdown .breakdown-row.collapsible:hover{background:#e8e8e8}.profit-breakdown .breakdown-row.total{background:#e3f2fd;padding:1rem;margin-top:.5rem;border:2px solid #2196f3}.profit-breakdown .breakdown-row.total.positive{border-color:#4caf50;background:#e8f5e9}.profit-breakdown .breakdown-row.total.negative{border-color:#f44336;background:#ffebee}.profit-breakdown .total-value{font-size:1.25rem;font-weight:700}.profit-breakdown .positive{color:#2e7d32}.profit-breakdown .negative{color:#d32f2f}.profit-breakdown .breakdown-details{background:#fafafa;border-left:3px solid #ddd;margin:0 0 .5rem 1rem;padding:.5rem .75rem;border-radius:0 4px 4px 0}.profit-breakdown .detail-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.85rem;color:#555}.profit-breakdown .breakdown-separator{height:2px;background:linear-gradient(90deg,transparent,#ddd,transparent);margin:.5rem 0}.profit-breakdown .profitability-percentage{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;font-weight:600}.profit-breakdown .profitability-percentage.rojo{background:#ffebee;color:#c62828}.profit-breakdown .profitability-percentage.naranja{background:#fff3e0;color:#ef6c00}.profit-breakdown .profitability-percentage.amarillo{background:#fffde7;color:#f57f17}.profit-breakdown .profitability-percentage.verde{background:#e8f5e9;color:#2e7d32}.profit-breakdown .percentage-value{font-size:1.1rem}.info-note{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#e3f2fd;border-radius:6px;font-size:.85rem;color:#1565c0;margin-top:.5rem}.config-modal-large{max-width:700px;max-height:85vh;width:95%}.config-modal-body{max-height:calc(85vh - 80px);overflow-y:auto;padding:1rem 1.5rem}.config-section{border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:1rem;overflow:hidden;background:var(--card-bg, #fff)}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:var(--bg-secondary, #f8f9fa);border:none;cursor:pointer;transition:background-color .2s}.section-header:hover{background:var(--bg-hover, #e9ecef)}.section-title{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1rem;color:var(--text-primary, #333)}.section-content{padding:1.25rem;border-top:1px solid var(--border-color, #e0e0e0)}.config-description{color:var(--text-secondary, #666);font-size:.875rem;margin-bottom:1rem}.impuestos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.impuesto-item{display:flex;flex-direction:column;gap:.5rem}.impuesto-item label{font-size:.8rem;font-weight:500;color:var(--text-secondary, #666)}.input-with-symbol{display:flex;align-items:center;border:1px solid var(--border-color, #ddd);border-radius:6px;overflow:hidden;background:var(--input-bg, #fff)}.input-with-symbol .symbol{padding:.5rem .75rem;background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);font-size:.875rem;font-weight:500;border-right:1px solid var(--border-color, #ddd)}.input-with-symbol input{flex:1;border:none;padding:.5rem .75rem;font-size:.9rem;width:100%;min-width:0}.input-with-symbol.small{max-width:120px}.input-with-symbol.small input{padding:.4rem .5rem;font-size:.85rem}.input-with-symbol.small .symbol{padding:.4rem .5rem;font-size:.8rem}.otros-gastos{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0)}.otros-gastos h4{font-size:.9rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary, #333)}.otros-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.otro-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-secondary, #f8f9fa);border-radius:6px}.otro-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.otro-header label{font-size:.8rem;font-weight:500;color:var(--text-secondary, #666)}.detalle-input{width:100%;padding:.4rem .6rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.8rem;background:var(--input-bg, #fff)}.detalle-input::placeholder{color:var(--text-muted, #999)}.tarifas-oficiales-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tarifa-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px}.tarifa-item label{font-size:.9rem;font-weight:600;color:#1565c0}.tarifa-item .input-with-symbol{background:#fff}.tarifa-hint{font-size:.75rem;color:#5c6bc0;font-style:italic}.tarifa-item.bonificacion{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#81c784}.tarifa-item.bonificacion label{color:#2e7d32}.tarifa-item.bonificacion .tarifa-hint{color:#43a047}@media(max-width:600px){.tarifas-oficiales-grid{grid-template-columns:1fr}}.flex-costs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.flex-cost-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary, #f8f9fa);border-radius:6px}.flex-cost-item label{font-size:.8rem;color:var(--text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.flex-cost-item .input-with-symbol{max-width:100px;flex-shrink:0}.flex-cost-item .input-with-symbol input{padding:.35rem .5rem;font-size:.85rem}.flex-cost-item .input-with-symbol .symbol{padding:.35rem .5rem;font-size:.8rem}.config-form{display:flex;flex-direction:column;gap:.75rem}.config-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:8px;background:var(--bg-secondary, #f8f9fa)}.config-label{display:flex;align-items:center;gap:.75rem}.config-inputs{display:flex;align-items:center;gap:.5rem}.input-range{width:70px;padding:.4rem .5rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.9rem;text-align:center}.range-text{font-size:.85rem;color:var(--text-secondary, #666)}.config-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0)}.config-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;margin-bottom:1rem}@media(max-width:600px){.config-modal-large{max-width:100%;max-height:100vh;border-radius:0}.impuestos-grid{grid-template-columns:repeat(2,1fr)}.otros-grid,.flex-costs-grid{grid-template-columns:1fr}.config-row{flex-direction:column;align-items:flex-start;gap:.5rem}.config-inputs{width:100%;justify-content:flex-end}}.config-modal-body::-webkit-scrollbar,.flex-costs-grid::-webkit-scrollbar{width:6px}.config-modal-body::-webkit-scrollbar-track,.flex-costs-grid::-webkit-scrollbar-track{background:var(--bg-secondary, #f1f1f1);border-radius:3px}.config-modal-body::-webkit-scrollbar-thumb,.flex-costs-grid::-webkit-scrollbar-thumb{background:var(--border-color, #ccc);border-radius:3px}.config-modal-body::-webkit-scrollbar-thumb:hover,.flex-costs-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #999)}.dashboard-container{max-width:1400px;margin:0 auto;padding:1rem}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:#666}.dashboard-error button{padding:.5rem 1rem;background:#3483fa;color:#fff;border:none;border-radius:6px;cursor:pointer}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-left h1{margin:0;font-size:1.5rem;color:#333}.last-update{font-size:.8rem;color:#888}.header-right{display:flex;gap:1rem;align-items:center}.period-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #ddd;border-radius:8px}.period-selector select{border:none;background:transparent;font-size:.9rem;cursor:pointer}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3483fa;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.btn-refresh:hover:not(:disabled){background:#2968c8}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.metrics-grid{grid-template-columns:1fr}}.metric-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-height:100px}.metric-icon{padding:.75rem;border-radius:10px;color:#fff;flex-shrink:0}.metric-card.blue .metric-icon{background:linear-gradient(135deg,#3483fa,#2968c8)}.metric-card.green .metric-icon{background:linear-gradient(135deg,#00a650,#008542)}.metric-card.purple .metric-icon{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.metric-card.orange .metric-icon{background:linear-gradient(135deg,#ff9800,#f57c00)}.metric-card.red .metric-icon{background:linear-gradient(135deg,#f44336,#d32f2f)}.metric-card.yellow .metric-icon{background:linear-gradient(135deg,#ffc107,#ffa000)}.metric-card.teal .metric-icon{background:linear-gradient(135deg,#009688,#00796b)}.metric-card.gray .metric-icon{background:linear-gradient(135deg,#666,#555)}.metric-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.metric-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.metric-badge{display:inline-block;padding:.1rem .4rem;background:#e3f2fd;color:#1565c0;font-size:.65rem;font-weight:600;border-radius:3px;text-transform:uppercase}.metric-placeholder{font-size:1rem;font-weight:500;color:#3483fa;cursor:pointer}.metric-card.clickable:hover .metric-placeholder{text-decoration:underline}.metric-value{font-size:1.5rem;font-weight:700;color:#333}.metric-comparison{display:flex;align-items:center;gap:.35rem;font-size:.75rem;margin-top:.35rem;padding:.2rem .5rem;border-radius:4px;width:fit-content}.metric-comparison.green{color:#2e7d32;background:#e8f5e9}.metric-comparison.red{color:#c62828;background:#ffebee}.metric-comparison.gray{color:#616161;background:#f5f5f5}.pipeline-container{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014}.pipeline-container h2{margin:0 0 1rem;font-size:1.1rem;color:#333}.pipeline-stages{display:flex;align-items:center;gap:0;overflow-x:auto;padding:.5rem 0}.pipeline-stage-wrapper{display:flex;align-items:center;flex:1;min-width:0}.pipeline-stage{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;flex:1;min-width:120px;border:2px solid transparent;transition:all .2s}.pipeline-stage.urgent{border-color:#f57c00;animation:pulse-border 2s infinite}.pipeline-stage.alert{border-color:#d32f2f}@keyframes pulse-border{0%,to{border-color:#f57c00}50%{border-color:#ffe0b2}}.stage-connector{display:flex;align-items:center;padding:0 .25rem;flex-shrink:0}.stage-icon{padding:.5rem;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.stage-info{display:flex;flex-direction:column;min-width:0}.stage-count{font-size:1.25rem;font-weight:700;color:#333;line-height:1.2}.stage-label{font-size:.7rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.pipeline-stages{flex-wrap:wrap;gap:.5rem}.pipeline-stage-wrapper{flex:0 0 calc(50% - .5rem)}.stage-connector{display:none}}@media(max-width:500px){.pipeline-stage-wrapper{flex:0 0 100%}}.dashboard-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.dashboard-col-8{flex:2}.dashboard-col-4{flex:1}@media(max-width:900px){.dashboard-row{flex-direction:column}}.chart-container,.distribution-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;height:100%}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.chart-header h3,.distribution-container h3{margin:0;font-size:1rem;color:#333}.chart-controls{display:flex;gap:.75rem;align-items:center}.chart-controls select{padding:.35rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem}.chart-type-toggle{display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden}.chart-type-toggle button{padding:.35rem .75rem;background:#fff;border:none;cursor:pointer;font-size:.8rem;transition:all .2s}.chart-type-toggle button:not(:last-child){border-right:1px solid #ddd}.chart-type-toggle button.active{background:#3483fa;color:#fff}.chart-empty{display:flex;align-items:center;justify-content:center;height:300px;color:#888;background:#fafafa;border-radius:8px}.no-data{text-align:center;color:#888;padding:2rem}.distribution-legend{margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid #f0f0f0}.legend-color{width:12px;height:12px;border-radius:3px}.legend-label{flex:1;font-size:.85rem;color:#666}.legend-value{font-weight:600;color:#333}.patterns-container{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014}.patterns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.patterns-header h2{margin:0;font-size:1.1rem;color:#333}.full-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:#666;padding:.4rem .8rem;border-radius:20px;background:#f5f5f5;transition:all .2s;user-select:none}.full-toggle:hover{background:#e8e8e8}.full-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4caf50}.full-toggle svg{color:#999;transition:color .2s}.full-toggle:has(input:checked) svg{color:#4caf50}.full-toggle:has(input:checked){background:#e8f5e9;color:#2e7d32}.full-toggle span{font-weight:500}.patterns-container h2{margin:0 0 1rem;font-size:1.1rem;color:#333}.patterns-summary{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.pattern-highlight{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;flex:1;min-width:200px}.pattern-highlight svg{color:#3483fa}.highlight-label{display:block;font-size:.8rem;color:#888}.highlight-value{display:block;font-size:1.1rem;font-weight:700;color:#333}.highlight-detail{display:block;font-size:.75rem;color:#666}.patterns-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.pattern-chart h4{margin:0 0 .75rem;font-size:.9rem;color:#666}.top-products-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.top-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.top-products-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;color:#333}.top-products-header h2 svg{color:#3483fa}.top-products-controls{display:flex;gap:.75rem;align-items:center}.search-input{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f5f5f5;border-radius:6px}.search-input input{border:none;background:transparent;outline:none;font-size:.85rem;width:150px}.top-products-controls select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.85rem}.top-products-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:transparent;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:.9rem;font-weight:500;color:#666;transition:all .2s;position:relative}.tab-btn:hover{background:#f5f5f5;color:#333}.tab-btn.active{color:#3483fa;background:#e3f2fd}.tab-btn.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background:#3483fa;border-radius:3px 3px 0 0}.highlight-col{background:#e3f2fd!important}.highlight-cell{background:#e3f2fd}.highlight-cell strong{color:#1565c0}.products-table-wrapper{overflow-x:auto}.top-products-table{width:100%;border-collapse:collapse}.top-products-table th,.top-products-table td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.top-products-table th{background:#f8f9fa;font-size:.8rem;color:#666;font-weight:600}.rank-col{width:50px;text-align:center}.product-col{min-width:200px}.sku-col{width:100px}.qty-col,.orders-col{width:80px;text-align:center}.revenue-col,.price-col{width:120px;text-align:right}.rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f0f0f0;font-weight:600;font-size:.85rem}.rank.top-1{background:gold;color:#333}.rank.top-2{background:silver;color:#333}.rank.top-3{background:#cd7f32;color:#fff}.product-info{display:flex;align-items:center;gap:.75rem}.product-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;background:#f5f5f5}.product-thumb-placeholder{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:4px;color:#ccc}.product-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.no-products{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#888}.btn-show-more{display:block;width:100%;margin-top:1rem;padding:.75rem;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;color:#3483fa;transition:background .2s}.btn-show-more:hover{background:#e8e8e8}.chart-title-section{display:flex;flex-direction:column}.chart-subtitle{font-size:.85rem;color:#888}.chart-total{font-size:1.75rem;font-weight:700;color:#333;margin:0}.distribution-bar{display:flex;height:24px;border-radius:12px;overflow:hidden;margin-bottom:1rem}.bar-segment{display:flex;align-items:center;justify-content:center;min-width:20px;transition:all .3s}.bar-segment:hover{filter:brightness(1.1)}.segment-label{font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.distribution-list{margin-top:1rem}.distribution-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f5f5f5}.distribution-item:last-child{border-bottom:none}.item-left{display:flex;align-items:center;gap:.75rem}.item-color{width:12px;height:12px;border-radius:3px}.item-label{font-size:.9rem;color:#333}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.item-count{font-size:.75rem;color:#888}.item-amount{font-weight:600;color:#333;font-size:.95rem}.distribution-total{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:2px solid #e0e0e0;font-size:.9rem;color:#666}.distribution-total strong{font-size:1.1rem;color:#333}.metric-card.clickable{cursor:pointer;transition:all .2s;position:relative}.metric-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.metric-action{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#ccc}.metric-card.clickable:hover .metric-action{color:#666}.shipping-costs-modal{max-width:600px;width:90%}.shipping-costs-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e0e0e0}.shipping-costs-modal .modal-header h2{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem}.shipping-costs-modal .modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.costs-summary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding:1.25rem;background:#f8f9fa;border-radius:10px}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-item.total{grid-column:span 2;padding-top:1rem;border-top:1px solid #e0e0e0}.summary-label{font-size:.85rem;color:#666}.summary-value{font-size:1.25rem;font-weight:700;color:#333}.summary-value.buyer{color:#2e7d32}.summary-value.seller{color:#c62828}.costs-breakdown h3{margin:0 0 1rem;font-size:1rem;color:#666}.shipping-type-row{margin-bottom:1rem;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:10px;border-left-width:4px}.type-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.type-icon{padding:.5rem;border-radius:8px}.type-info{display:flex;flex-direction:column}.type-name{font-weight:600;color:#333}.type-count{font-size:.8rem;color:#888}.type-costs{display:flex;flex-direction:column;gap:.35rem;padding-left:3rem}.cost-row{display:flex;justify-content:space-between;font-size:.9rem}.cost-label{color:#666}.cost-value{font-weight:500;color:#333}.cost-value.seller{color:#c62828}.cost-row.total{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #e0e0e0;font-weight:600}.flex-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.flex-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.flex-header h3{margin:0;font-size:1.1rem;color:#1565c0;flex:1}.flex-count{background:#2196f3;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.flex-summary{display:flex;flex-direction:column;gap:.5rem}.flex-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.flex-row.sub{padding-left:1rem;font-size:.9rem;color:#666}.flex-row.sub .flex-label{color:#888}.flex-label{display:flex;align-items:center;gap:.5rem;color:#333}.flex-value{font-weight:600;font-size:1rem}.flex-value.positive{color:#2e7d32}.flex-value.negative{color:#c62828}.flex-divider{height:1px;background:#90caf9;margin:.5rem 0}.flex-row.total{background:#fff;padding:.75rem;border-radius:8px;margin-top:.5rem}.flex-row.total .flex-label{font-weight:600}.flex-row.total .flex-value{font-size:1.25rem}.flex-row.total.positive{border-left:4px solid #4caf50}.flex-row.total.negative{border-left:4px solid #f44336}.flex-row.iva{background:#ffffff80;padding:.5rem .75rem;border-radius:6px;font-size:.9rem}.flex-row.iva .flex-label{color:#666}.shipping-type-row.flex-type{background:#e3f2fd}.cost-value.positive{color:#2e7d32!important}.cost-value.negative{color:#c62828!important}.product-info.clickable{cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:8px;transition:background .2s}.product-info.clickable:hover{background:#f5f5f5}.product-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.product-title-large{font-size:.95rem;font-weight:500;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.product-link-hint{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#3483fa;opacity:0;transition:opacity .2s}.product-info.clickable:hover .product-link-hint{opacity:1}.product-col{min-width:300px}.product-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;background:#f5f5f5;flex-shrink:0}.product-thumb-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:6px;color:#ccc;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-close{background:none;border:none;cursor:pointer;color:#666;padding:.5rem;border-radius:8px;transition:all .2s}.btn-close:hover{background:#f5f5f5;color:#333}@media(max-width:768px){.dashboard-container{padding:.75rem}.dashboard-header{flex-direction:column;align-items:stretch;gap:.75rem}.header-left h1{font-size:1.25rem}.header-right{display:flex;flex-direction:row;gap:.5rem}.period-selector{flex:1;padding:.5rem .75rem}.period-selector select{font-size:.85rem;width:100%}.btn-refresh{padding:.5rem .75rem;font-size:.85rem}.btn-refresh span{display:none}.dashboard-row{flex-direction:column;gap:1rem}.dashboard-col-8,.dashboard-col-4{flex:none;width:100%}.chart-container,.distribution-container{padding:1rem}.chart-header{flex-direction:column;align-items:flex-start;gap:.75rem}.chart-controls{width:100%;flex-wrap:wrap}.chart-type-toggle{flex:1;min-width:120px}.chart-type-toggle button{flex:1;padding:.4rem .5rem;font-size:.75rem}.patterns-summary{flex-direction:column}.top-products-header{flex-direction:column;align-items:stretch}.top-products-controls{flex-direction:column}.search-input input{width:100%}.top-products-tabs{flex-wrap:wrap}.costs-summary{grid-template-columns:1fr}.summary-item.total{grid-column:span 1}.type-costs{padding-left:0}}@media(max-width:480px){.dashboard-container{padding:.5rem}.dashboard-header{gap:.5rem}.header-left h1{font-size:1.125rem}.last-update{font-size:.7rem}.period-selector{padding:.4rem .6rem}.period-selector select{font-size:.8rem}.metrics-grid{gap:.75rem}.metric-card{padding:1rem;min-height:85px;gap:.75rem}.metric-icon{padding:.6rem}.metric-icon svg{width:20px;height:20px}.metric-value{font-size:1.25rem!important}.metric-title{font-size:.75rem!important}.metric-comparison{font-size:.7rem!important}.pipeline-stages{display:grid!important;grid-template-columns:repeat(2,1fr);gap:.5rem}.pipeline-stage-wrapper{flex:none!important}.stage-connector{display:none!important}.pipeline-stage{padding:.75rem;gap:.5rem}.stage-icon{padding:.4rem}.stage-icon svg{width:16px;height:16px}.stage-count{font-size:1rem}.stage-label{font-size:.65rem}.chart-container,.distribution-container{padding:.875rem}.chart-header h3,.distribution-container h3{font-size:.9rem}.recharts-wrapper{font-size:10px}.patterns-container{padding:1rem}.patterns-tabs{gap:.25rem;margin-bottom:1rem}.patterns-tabs button{padding:.5rem .75rem;font-size:.75rem}.pattern-highlight{padding:.75rem 1rem;min-width:150px}.highlight-value{font-size:1rem}.products-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.top-products-table{min-width:500px;font-size:.8rem}.top-products-table th,.top-products-table td{padding:.6rem .5rem}.product-title-large{max-width:150px;font-size:.85rem}.tab-btn{padding:.5rem .75rem;font-size:.8rem}}@media(max-width:360px){.metrics-grid,.pipeline-stages{grid-template-columns:1fr!important}.metric-card{flex-direction:column;align-items:flex-start}.period-selector{width:100%}.header-right{flex-direction:column}.btn-refresh{width:100%;justify-content:center}.btn-refresh span{display:inline}.pattern-highlight{min-width:100%}}.question-card{background:#fff;border-radius:10px;padding:14px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;box-shadow:0 1px 3px #0000000d}.question-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.question-card.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.question-card.unanswered{border-left:4px solid #f59e0b}.question-card.answered{border-left:4px solid #22c55e}.question-card.under_review{border-left:4px solid #6366f1}.question-card.banned,.question-card.deleted{border-left:4px solid #ef4444;opacity:.7}.question-card.list-view{display:flex;gap:16px;align-items:flex-start}.question-card.list-view .card-header{flex-shrink:0;width:200px}.question-card.list-view .card-question,.question-card.list-view .card-answer{flex:1}.card-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.item-thumbnail{width:44px;height:44px;border-radius:6px;object-fit:cover;background:#f1f5f9}.card-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-title{font-size:.8rem;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.question-time{font-size:.75rem;color:#94a3b8}.card-question{margin-bottom:10px}.card-question p{margin:0;font-size:.9rem;color:#1e293b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-answer{background:#f0fdf4;border-radius:6px;padding:10px;margin-bottom:10px;position:relative}.card-answer p{margin:0;font-size:.85rem;color:#166534;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.response-time{position:absolute;top:6px;right:8px;font-size:.7rem;color:#22c55e;background:#fff;padding:2px 6px;border-radius:4px}.card-footer{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.category-badge{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.badge{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:500;text-transform:uppercase}.badge.spam{background:#fef2f2;color:#dc2626}.badge.hold{background:#fefce8;color:#ca8a04}.badge.deleted{background:#fef2f2;color:#dc2626}.badge.automation{background:#ede9fe;color:#7c3aed}.badge.training{background:#e8f5e9;color:#2e7d32;padding:2px 6px;border-radius:4px;font-size:12px}.question-card.new{animation:slideIn .3s ease-out}.item-search-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:1100;animation:fadeIn .15s ease-out}.item-search-modal{width:90%;max-width:600px;max-height:70vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.item-search-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.item-search-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.item-search-header .btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:1.5rem;color:#64748b;cursor:pointer;transition:all .2s}.item-search-header .btn-close:hover{background:#f1f5f9;color:#1e293b}.item-search-input{padding:16px 20px;border-bottom:1px solid #e2e8f0;position:relative}.item-search-input input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:border-color .2s}.item-search-input input:focus{outline:none;border-color:#3b82f6}.search-spinner{position:absolute;right:36px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.search-error{padding:12px 20px;background:#fef2f2;color:#dc2626;font-size:.9rem}.no-results{padding:40px 20px;text-align:center;color:#94a3b8}.search-results{flex:1;overflow-y:auto;padding:8px 0}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f1f5f9;transition:background .2s}.search-result-item:hover{background:#f8fafc}.search-result-item:last-child{border-bottom:none}.result-thumbnail{width:60px;height:60px;border-radius:8px;object-fit:cover;background:#f1f5f9;flex-shrink:0}.result-info{flex:1;min-width:0}.result-title{display:block;font-size:.9rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.result-meta{display:flex;gap:12px;margin-bottom:6px}.result-price{font-weight:600;color:#1e293b;font-size:.95rem}.result-stock{color:#64748b;font-size:.85rem}.item-badges{display:flex;gap:6px;flex-wrap:wrap}.badge-free-shipping{background:#00a650;color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600}.badge-installments{background:#3483fa;color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600}.result-actions{display:flex;gap:8px;flex-shrink:0}.result-actions button,.result-actions a{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-copy{background:#f1f5f9;color:#64748b}.btn-copy:hover{background:#e2e8f0;color:#1e293b}.btn-insert{background:#3b82f6;color:#fff;padding:8px 14px!important;font-size:.85rem;font-weight:500}.btn-insert:hover{background:#2563eb}.btn-view{background:#f1f5f9;color:#64748b;text-decoration:none}.btn-view:hover{background:#e2e8f0;color:#1e293b}.item-search-footer{padding:12px 20px;background:#f8fafc;border-top:1px solid #e2e8f0}.shortcut-hint{font-size:.8rem;color:#94a3b8}@media(max-width:640px){.item-search-overlay{padding-top:5vh}.item-search-modal{max-height:85vh}.result-actions{flex-direction:column;gap:4px}}.profitability-preview{border-radius:8px;font-size:.85rem;margin-top:8px}.profitability-preview.loading{background:#f8fafc;padding:8px 12px;color:#94a3b8}.loading-text{display:flex;align-items:center;gap:6px}.profitability-preview.no-data{background:#fef3c7;padding:8px 12px;color:#b45309;display:flex;align-items:center;gap:6px}.profitability-preview.high{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.profitability-preview.medium{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.profitability-preview.low{background:linear-gradient(135deg,#fed7aa,#fdba74);border:1px solid #fb923c}.profitability-preview.negative{background:linear-gradient(135deg,#fecaca,#fca5a5);border:1px solid #f87171}.profit-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;user-select:none}.profit-main{display:flex;align-items:center;gap:8px}.profit-label{color:#475569;font-weight:500}.profit-value{font-weight:700;font-size:1rem}.profitability-preview.high .profit-value{color:#166534}.profitability-preview.medium .profit-value{color:#a16207}.profitability-preview.low .profit-value{color:#c2410c}.profitability-preview.negative .profit-value{color:#dc2626}.profit-margin{font-size:.8rem;opacity:.8}.expand-icon{transition:transform .2s;color:#64748b}.profit-breakdown{padding:10px 12px 12px;border-top:1px dashed rgba(0,0,0,.1);margin-top:4px}.breakdown-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.8rem;color:#475569}.breakdown-row.total{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.15);font-weight:600;font-size:.9rem}.breakdown-row .value{font-weight:500}.breakdown-row .value.positive{color:#166534}.breakdown-row .value.negative{color:#dc2626}.buyer-history{border-radius:8px;font-size:.85rem;margin-top:12px;background:#f8fafc;border:1px solid #e2e8f0}.buyer-history.loading{padding:10px 12px;color:#94a3b8;text-align:center}.buyer-history.frequent{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.buyer-history.client{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.buyer-history.interested{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.buyer-history.new{background:#f8fafc;border-color:#e2e8f0}.buyer-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;user-select:none;gap:10px}.buyer-badge{display:flex;align-items:center;gap:6px;color:#475569}.buyer-type-label{font-weight:600;font-size:.8rem;padding:2px 8px;border-radius:4px}.buyer-type-label.frequent{background:#fbbf24;color:#78350f}.buyer-type-label.client{background:#22c55e;color:#fff}.buyer-type-label.interested{background:#3b82f6;color:#fff}.buyer-type-label.new{background:#94a3b8;color:#fff}.buyer-stats-mini{display:flex;gap:8px;flex-wrap:wrap}.stat-item{font-size:.75rem;color:#64748b;background:#ffffffb3;padding:2px 6px;border-radius:4px}.stat-item.purchases{color:#166534}.stat-item.spent{color:#0369a1;font-weight:600}.expand-icon{transition:transform .2s;color:#64748b;flex-shrink:0}.expand-icon.expanded{transform:rotate(180deg)}.buyer-detail{padding:0 12px 12px;border-top:1px dashed rgba(0,0,0,.1)}.history-section{margin-top:12px}.history-section h4{margin:0 0 8px;font-size:.75rem;text-transform:uppercase;color:#64748b;font-weight:600}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#fffc;border-radius:6px;font-size:.8rem}.history-date{color:#64748b;font-size:.75rem;flex-shrink:0}.history-amount{font-weight:600;color:#166534}.history-status{font-size:.7rem;padding:1px 6px;border-radius:3px;text-transform:uppercase;font-weight:600}.history-status.status-paid{background:#dcfce7;color:#166534}.history-status.status-delivered{background:#dbeafe;color:#1e40af}.history-status.status-cancelled{background:#fef2f2;color:#dc2626}.history-item.question{flex-wrap:wrap}.history-text{flex:1;color:#475569;font-style:italic}.no-history{text-align:center;padding:12px;color:#94a3b8;font-style:italic}.no-history p{margin:0}.automation-switch-container{position:relative;display:inline-block}.automation-switch{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#f5f5f5;border-radius:20px;transition:all .3s ease;border:2px solid transparent}.automation-switch.enabled{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.automation-switch.loading{opacity:.7;pointer-events:none}.automation-switch .switch{position:relative;display:inline-block;width:44px;height:24px}.automation-switch .switch input{opacity:0;width:0;height:0}.automation-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.automation-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.automation-switch input:checked+.slider{background:linear-gradient(135deg,#4caf50,#45a049)}.automation-switch input:checked+.slider:before{transform:translate(20px)}.automation-switch input:focus+.slider{box-shadow:0 0 0 3px #4caf504d}.automation-switch .switch-label{font-size:13px;font-weight:500;color:#666;display:flex;align-items:center;gap:6px;white-space:nowrap}.automation-switch.enabled .switch-label{color:#2e7d32}.automation-switch .robot-icon{font-size:16px}.automation-switch .loading-text{color:#999;font-style:italic}.automation-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;width:260px;z-index:100;box-shadow:0 4px 12px #0000004d;animation:fadeInTooltip .2s ease}.automation-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#333}.automation-tooltip strong{display:block;margin-bottom:6px;font-size:13px}.automation-tooltip p{margin:0 0 8px;line-height:1.4;opacity:.9}.automation-tooltip small{opacity:.7;font-style:italic}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.automation-switch:hover{background:#ebebeb}.automation-switch.enabled:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)}@media(max-width:768px){.automation-tooltip{width:220px;left:0;transform:none}.automation-tooltip:after{left:30px}}.automation-switch-compact{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#f5f5f5;border-radius:16px;transition:all .2s}.automation-switch-compact.enabled{background:#e8f5e9}.automation-switch-compact.loading{opacity:.6}.switch-small{position:relative;display:inline-block;width:32px;height:18px}.switch-small input{opacity:0;width:0;height:0}.slider-small{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.2s;border-radius:18px}.slider-small:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}.switch-small input:checked+.slider-small{background:#4caf50}.switch-small input:checked+.slider-small:before{transform:translate(14px)}.switch-label-compact{font-size:11px;color:#666;white-space:nowrap}.automation-switch-compact.enabled .switch-label-compact{color:#2e7d32;font-weight:500}.question-detail-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out;padding:20px}.question-detail-panel{width:100%;max-width:900px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.detail-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.header-left{display:flex;align-items:center;gap:16px}.btn-delete-header{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.85rem;color:#dc2626;cursor:pointer;transition:all .2s}.btn-delete-header:hover{background:#fee2e2;border-color:#fca5a5}.btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.btn-close:hover{background:#e2e8f0;color:#1e293b}.detail-product{display:flex;gap:14px;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.product-image{width:70px;height:70px;border-radius:8px;object-fit:cover;background:#fff;box-shadow:0 2px 4px #0000001a}.product-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.product-title{font-size:.95rem;font-weight:500;color:#3b82f6;text-decoration:none;word-break:break-word}.product-title:hover{text-decoration:underline}.product-ids{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.product-mlid{font-size:.75rem;color:#64748b;font-family:monospace;background:#e2e8f0;padding:2px 6px;border-radius:4px}.product-sku{font-size:.75rem;color:#7c3aed;font-family:monospace;background:#ede9fe;padding:2px 6px;border-radius:4px}.product-price{font-size:1.1rem;font-weight:600;color:#1e293b}.product-stock{font-size:.8rem;color:#64748b}.detail-question{padding:20px;border-bottom:1px solid #e2e8f0}.question-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;align-items:center}.question-date{font-size:.8rem;color:#64748b}.question-status{padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.question-status.status-unanswered{background:#fef3c7;color:#b45309}.question-status.status-answered{background:#dcfce7;color:#166534}.question-status.status-under_review{background:#ede9fe;color:#6d28d9}.question-status.status-banned,.question-status.status-deleted{background:#fef2f2;color:#dc2626}.question-category{padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:500;background:#f1f5f9;color:#475569}.question-text{background:#fffbeb;border-left:4px solid #f59e0b;padding:14px 16px;border-radius:0 8px 8px 0}.question-text p{margin:0;font-size:1rem;line-height:1.6;color:#1e293b}.question-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.keyword{padding:2px 8px;background:#e0e7ff;color:#4338ca;border-radius:4px;font-size:.75rem}.detail-answer.existing{padding:20px;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.answer-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;align-items:center}.answer-label{font-size:.8rem;font-weight:600;color:#166534}.answer-date{font-size:.8rem;color:#22c55e}.response-time{font-size:.75rem;color:#15803d;background:#fff;padding:2px 8px;border-radius:4px}.answer-text{background:#fff;border-left:4px solid #22c55e;padding:14px 16px;border-radius:0 8px 8px 0}.answer-text p{margin:0;font-size:.95rem;line-height:1.6;color:#1e293b}.detail-answer-form{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.templates-section{margin-bottom:16px}.templates-label{font-size:.8rem;color:#64748b;display:block;margin-bottom:8px}.templates-list{display:flex;flex-wrap:wrap;gap:8px}.template-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#475569;cursor:pointer;transition:all .2s}.template-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.template-shortcut{background:#3b82f6;color:#fff;padding:1px 5px;border-radius:3px;font-size:.7rem;font-weight:600}.answer-input-container{display:flex;flex-direction:column}.answer-input-container textarea{width:100%;min-height:120px;max-height:200px;padding:14px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;font-family:inherit;line-height:1.5;resize:none;transition:border-color .2s}.answer-input-container textarea:focus{outline:none;border-color:#3b82f6}.answer-input-container textarea.over-limit{border-color:#ef4444}.input-footer{display:flex;align-items:center;gap:10px;padding:8px 4px}.char-count{font-size:.75rem;color:#64748b}.auto-message-hint{font-size:.7rem;color:#3b82f6;background:#eff6ff;padding:2px 6px;border-radius:4px;cursor:help}.answer-actions{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.action-buttons-left{display:flex;gap:8px}.action-buttons-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.btn-search-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;color:#475569;cursor:pointer;transition:all .2s}.btn-search-item:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.btn-automatable{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;color:#475569;cursor:pointer;transition:all .2s}.btn-automatable:hover{background:#ede9fe;border-color:#c4b5fd;color:#7c3aed}.btn-automatable.active{background:#8b5cf6;border-color:#7c3aed;color:#fff}.btn-automatable.active:hover{background:#7c3aed}.shortcuts-help{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.shortcuts-help span{font-size:.7rem;color:#94a3b8;background:#f8fafc;padding:2px 6px;border-radius:4px}.shortcut-hint{font-size:.75rem;color:#94a3b8}.btn-answer{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#22c55e;border:none;border-radius:10px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-answer:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-answer:disabled{opacity:.6;cursor:not-allowed}.btn-answer .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.detail-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:.75rem;color:#94a3b8}.footer-info{display:flex;gap:16px}.btn-delete-question{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:.75rem;color:#dc2626;cursor:pointer;transition:all .2s}.btn-delete-question:hover{background:#fee2e2;border-color:#fca5a5}@media(max-width:960px){.question-detail-panel{max-width:100%;max-height:95vh}.question-detail-overlay{padding:10px}}@media(max-width:640px){.question-detail-panel{max-height:100vh;border-radius:0}.question-detail-overlay{padding:0}.answer-actions{flex-direction:column;gap:16px}.action-buttons-right{width:100%;align-items:stretch}.btn-answer{width:100%;justify-content:center}}.automation-section{margin-top:16px;padding-top:16px;border-top:1px solid #bbf7d0;display:flex;justify-content:flex-end}.train-bot-section{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:10px;border:2px solid transparent;transition:all .3s ease;flex-shrink:0}.train-bot-section.answered{background:transparent;padding:16px 0 0;border-top:1px solid #bbf7d0;margin-top:16px;border-radius:0}.train-bot-switch{display:flex;align-items:flex-start;gap:12px}.train-bot-switch.enabled{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50;padding:12px;border-radius:10px;margin:-12px}.train-bot-section.answered .train-bot-switch.enabled{margin:0;padding:12px}.train-bot-switch .switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.train-bot-switch .switch input{opacity:0;width:0;height:0}.train-bot-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.train-bot-switch .slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.train-bot-switch input:checked+.slider{background:linear-gradient(135deg,#4caf50,#45a049)}.train-bot-switch input:checked+.slider:before{transform:translate(22px)}.train-bot-switch input:focus+.slider{box-shadow:0 0 0 3px #4caf504d}.switch-content{display:flex;flex-direction:column;gap:4px}.train-bot-switch .switch-label{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.train-bot-switch.enabled .switch-label{color:#2e7d32}.train-bot-switch .robot-icon{font-size:18px}.switch-hint{font-size:12px;color:#666;line-height:1.4}.train-bot-switch.enabled .switch-hint{color:#558b2f}.category-selector-container{position:relative;display:inline-block}.question-category.clickable{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#e3f2fd;color:#1565c0;border:1px solid #90caf9;border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.question-category.clickable:hover{background:#bbdefb;border-color:#64b5f6}.question-category.clickable svg{transition:transform .2s}.category-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:150px;padding:4px;animation:fadeInDown .15s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.category-option{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;border-radius:6px;font-size:13px;color:#333;cursor:pointer;transition:all .15s}.category-option:hover{background:#f5f5f5}.category-option.active{background:#e3f2fd;color:#1565c0;font-weight:500}.questions-filters{background:#fff;border-radius:10px;padding:16px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.filters-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-group{position:relative}.filter-group.search{flex:1;min-width:200px;max-width:300px;position:relative}.filter-group input[type=text]{width:100%;padding:10px 36px 10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s}.filter-group input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-input{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border:none;border-radius:50%;font-size:1rem;color:#64748b;cursor:pointer;transition:all .2s}.clear-input:hover{background:#cbd5e1;color:#475569}.filter-group select{padding:10px 32px 10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;transition:all .2s}.filter-group select:focus{outline:none;border-color:#3b82f6}.filter-group.date{display:flex;align-items:center;gap:8px}.filter-group.date label{font-size:.85rem;color:#64748b;white-space:nowrap}.filter-group input[type=date]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;transition:all .2s}.filter-group input[type=date]:focus{outline:none;border-color:#3b82f6}.btn-clear-filters{padding:10px 16px;background:none;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;color:#64748b;cursor:pointer;transition:all .2s}.btn-clear-filters:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}@media(max-width:768px){.filters-row{flex-direction:column;align-items:stretch}.filter-group.search{max-width:none}.filter-group select,.filter-group.date{width:100%}.filter-group.date input{flex:1}}.questions-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.stat-card{flex:1;min-width:140px;background:#fff;border-radius:10px;padding:16px 20px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.pending{border-left:4px solid #f59e0b}.stat-card.answered{border-left:4px solid #22c55e}.stat-card.today{border-left:4px solid #3b82f6}.stat-card.time{border-left:4px solid #8b5cf6}.stat-value{font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1}.stat-label{font-size:.85rem;color:#64748b;margin-top:6px}.stat-sub{font-size:.75rem;color:#f59e0b;margin-top:4px;font-weight:500}@media(max-width:640px){.questions-stats{gap:10px}.stat-card{min-width:calc(50% - 10px);padding:12px 16px}.stat-value{font-size:1.5rem}}.notification-settings{padding:16px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.notification-settings.not-supported{text-align:center;color:#94a3b8}.notification-settings.not-supported p{margin:10px 0 0;font-size:.85rem}.notification-header{display:flex;gap:12px;margin-bottom:16px}.notification-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:10px;color:#3b82f6;flex-shrink:0}.notification-icon.warning{background:#fef3c7;color:#f59e0b}.notification-info h4{margin:0 0 4px;font-size:.95rem;font-weight:600;color:#1e293b}.notification-info p{margin:0;font-size:.8rem;color:#64748b}.notification-status{display:flex;align-items:center;gap:10px;margin-bottom:12px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600}.status-badge.enabled{background:#dcfce7;color:#166534}.status-badge.denied{background:#fef2f2;color:#dc2626}.btn-enable{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;border:none;border-radius:8px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-enable:hover:not(:disabled){background:#2563eb}.btn-enable:disabled{opacity:.7;cursor:not-allowed}.btn-enable .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-test{padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#475569;cursor:pointer;transition:all .2s}.btn-test:hover{background:#e2e8f0}.notification-help{margin-top:12px;padding:12px;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.notification-help p{margin:0 0 8px;font-size:.85rem;color:#dc2626;font-weight:500}.notification-help ol{margin:0;padding-left:20px;font-size:.8rem;color:#b91c1c}.notification-help li{margin-bottom:4px}.notification-options{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.option-row{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer}.option-row input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.option-row span{font-size:.85rem;color:#475569}.training-stats-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:16px;margin-bottom:16px}.training-stats-card .stats-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.training-stats-card .stats-header h4{margin:0;font-size:14px;color:#333;flex:1}.training-stats-card .stats-icon{font-size:20px}.level-badge{font-size:10px;padding:3px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.level-badge.level-inicial{background:#e0e0e0;color:#666}.level-badge.level-básico{background:#bbdefb;color:#1565c0}.level-badge.level-intermedio{background:#c8e6c9;color:#2e7d32}.level-badge.level-avanzado{background:#a5d6a7;color:#1b5e20}.level-badge.level-óptimo{background:#4caf50;color:#fff}.training-stats-card .stats-progress{margin-bottom:12px}.training-stats-card .progress-bar{position:relative;height:10px;background:#ddd;border-radius:5px;overflow:visible;margin-bottom:8px}.training-stats-card .progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:5px;transition:width .5s ease}.milestone-marker{position:absolute;top:-3px;width:2px;height:16px;background:#999;transform:translate(-50%)}.training-stats-card .progress-text{font-size:12px;color:#666}.training-stats-card .progress-text .current{font-weight:700;color:#4caf50;font-size:18px}.training-stats-card .progress-text .separator{margin:0 2px;color:#999}.training-stats-card .progress-text .target{color:#999}.training-stats-card .progress-text .label{margin-left:6px;color:#666}.milestones{display:flex;flex-direction:column;gap:6px;margin:12px 0;padding:10px;background:#fff;border-radius:8px}.milestone{display:flex;align-items:center;gap:8px;font-size:12px;color:#999}.milestone.reached{color:#4caf50}.milestone.reached .milestone-icon{color:#4caf50;font-weight:700}.milestone-icon{width:16px;text-align:center}.training-stats-card .stats-hint{font-size:11px;color:#666;margin:8px 0 0;padding:8px 10px;background:#fff3cd;border-radius:6px;border-left:3px solid #ffc107}.training-stats-card .stats-hint.success{background:#d4edda;border-left-color:#28a745;color:#155724}.training-stats-card .stats-hint.optimal{background:#4caf50;border-left-color:#2e7d32;color:#fff}.training-stats-card .stats-by-category{margin-top:12px;padding-top:12px;border-top:1px solid #ddd}.training-stats-card .stats-by-category h5{font-size:11px;color:#999;margin:0 0 8px;text-transform:uppercase}.training-stats-card .category-stat{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0}.training-stats-card .cat-name{width:70px;text-transform:capitalize}.cat-bar-container{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.cat-bar-fill{height:100%;background:#4caf50;border-radius:3px;transition:width .3s}.training-stats-card .cat-count{width:30px;text-align:right;font-weight:600;color:#333}.training-stats-card .cat-ready{color:#4caf50;font-size:12px}.training-stats.loading{padding:20px;text-align:center;color:#999}.category-manager{display:flex;flex-direction:column;gap:12px}.category-manager.loading{padding:20px;text-align:center;color:#64748b}.category-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.category-header h4{margin:0;font-size:.9rem;font-weight:600;color:#1e293b}.btn-add-category{padding:6px 12px;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-add-category:hover{background:#7c3aed}.category-form{background:#f8fafc;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.category-form input[type=text]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem}.color-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-picker span{font-size:.8rem;color:#64748b}.color-options{display:flex;gap:4px;flex-wrap:wrap}.color-option{width:24px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s}.color-option.selected{border-color:#1e293b}.keywords-input{display:flex;flex-direction:column;gap:4px}.keywords-input label{font-size:.8rem;color:#64748b}.keywords-input textarea{padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;font-family:inherit;resize:vertical}.keywords-input .hint{font-size:.7rem;color:#94a3b8}.form-actions{display:flex;gap:8px;justify-content:flex-end}.form-actions button{padding:6px 14px;border-radius:6px;font-size:.8rem;cursor:pointer;border:none}.form-actions button:first-child{background:#22c55e;color:#fff}.form-actions button.btn-cancel{background:#e2e8f0;color:#475569}.categories-list{display:flex;flex-direction:column;gap:6px}.category-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;transition:opacity .2s}.category-item.inactive{opacity:.5}.category-item.other{background:#f8fafc;border-style:dashed}.category-main{display:flex;align-items:center;gap:10px}.category-color{width:12px;height:32px;border-radius:3px;flex-shrink:0}.category-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.category-name{font-size:.85rem;font-weight:600;color:#1e293b}.category-keywords{font-size:.7rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-stats{display:flex;align-items:baseline;gap:4px;flex-shrink:0}.questions-count{font-size:1rem;font-weight:700;color:#3b82f6}.questions-percent{font-size:.7rem;color:#94a3b8}.category-actions{display:flex;gap:4px;justify-content:flex-end;padding-top:4px;border-top:1px solid #f1f5f9}.category-actions button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s}.category-actions button:hover:not(:disabled){background:#e2e8f0}.category-actions button:disabled{opacity:.3;cursor:not-allowed}.category-actions .btn-delete:hover{background:#fef2f2;border-color:#fecaca}.category-actions .btn-toggle.active{background:#dcfce7;border-color:#bbf7d0}.category-edit{display:flex;flex-direction:column;gap:8px}.category-edit input,.category-edit textarea{padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem}.edit-actions{display:flex;gap:6px;justify-content:flex-end}.edit-actions button{padding:6px 12px;border-radius:6px;font-size:.8rem;border:none;cursor:pointer}.edit-actions button:first-child{background:#22c55e;color:#fff}.edit-actions button.btn-cancel{background:#e2e8f0;color:#475569}.no-categories{text-align:center;padding:20px;color:#94a3b8;font-size:.85rem}.no-categories small{color:#cbd5e1}.questions-config{display:flex;flex-direction:column;gap:12px}.config-tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.config-tabs button{flex:1;padding:8px 12px;border:none;border-radius:6px;background:transparent;font-size:.8rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.config-tabs button:hover{color:#1e293b}.config-tabs button.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.config-section{display:flex;flex-direction:column;gap:16px}.config-group{display:flex;flex-direction:column;gap:8px}.config-group label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#475569;cursor:pointer}.config-group label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.config-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-family:inherit;resize:none;transition:border-color .2s}.config-group textarea:focus{outline:none;border-color:#3b82f6}.btn-save{padding:10px 16px;background:#22c55e;border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-save:hover:not(:disabled){background:#16a34a}.btn-save:disabled{opacity:.6;cursor:not-allowed}.config-section.templates-section{max-height:none;overflow:visible}.templates-list-config{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;margin-bottom:12px}.template-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.template-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.template-name{font-weight:600;font-size:.85rem;color:#1e293b}.template-shortcut{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.template-content{font-size:.8rem;color:#64748b;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-actions{display:flex;gap:8px}.template-actions button{padding:4px 10px;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.template-actions button:first-child{background:#e0f2fe;color:#0284c7}.template-actions button:first-child:hover{background:#bae6fd}.template-actions button.btn-delete{background:#fef2f2;color:#dc2626}.template-actions button.btn-delete:hover{background:#fecaca}.template-edit{display:flex;flex-direction:column;gap:8px}.template-edit input,.template-edit textarea,.template-edit select{padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;font-family:inherit}.template-edit input:focus,.template-edit textarea:focus,.template-edit select:focus{outline:none;border-color:#3b82f6}.template-edit-row{display:flex;gap:8px}.template-edit-row select{flex:1}.shortcut-input{width:60px!important;text-align:center;text-transform:lowercase}.template-edit-actions{display:flex;gap:8px}.template-edit-actions button{padding:6px 12px;border:none;border-radius:6px;font-size:.8rem;cursor:pointer}.template-edit-actions button:first-child{background:#22c55e;color:#fff}.template-edit-actions button.btn-cancel{background:#f1f5f9;color:#64748b}.new-template-form{display:flex;flex-direction:column;gap:8px;background:#eff6ff;border:2px dashed #93c5fd;border-radius:8px;padding:12px}.new-template-form input,.new-template-form textarea,.new-template-form select{padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;font-family:inherit;background:#fff}.new-template-row{display:flex;gap:8px}.new-template-row select{flex:1}.new-template-actions{display:flex;gap:8px}.new-template-actions button{padding:8px 14px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.new-template-actions button:first-child{background:#3b82f6;color:#fff}.new-template-actions button.btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.btn-add-template{width:100%;padding:12px;background:#fff;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-add-template:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.no-templates{text-align:center;color:#94a3b8;font-size:.85rem;padding:20px}.kanban-column.config{overflow:visible}.kanban-column.config .column-content{overflow:visible;max-height:none}.questions-config{overflow:visible}.config-section.bot-section{gap:16px}.bot-info{background:#f8fafc;border-radius:10px;padding:16px;border:1px solid #e2e8f0}.bot-info h5{margin:0 0 12px;font-size:.9rem;color:#1e293b}.bot-info ol{margin:0 0 12px;padding-left:20px}.bot-info li{font-size:.85rem;color:#475569;margin-bottom:6px;line-height:1.4}.bot-tip{margin:0;padding:10px 12px;background:#fefce8;border-radius:6px;font-size:.8rem;color:#713f12}.heatmap-container{width:100%;display:flex;flex-direction:column;align-items:center}.heatmap-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:#1e293b}.heatmap-grid{overflow-x:auto;padding-bottom:8px;display:flex;flex-direction:column;align-items:center}.heatmap-header{display:flex;align-items:flex-end;margin-bottom:4px}.heatmap-corner{width:40px;flex-shrink:0}.heatmap-hour-label{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#64748b}.heatmap-row{display:flex;align-items:center;margin-bottom:2px}.heatmap-day-label{width:40px;flex-shrink:0;font-size:.75rem;color:#475569;font-weight:500}.heatmap-cell{width:20px;height:20px;flex-shrink:0;border-radius:3px;margin:1px;display:flex;align-items:center;justify-content:center;transition:transform .1s,box-shadow .1s;cursor:default}.heatmap-cell:hover{transform:scale(1.2);box-shadow:0 2px 8px #0003;z-index:1;position:relative}.cell-value{font-size:.6rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.legend-label{font-size:.7rem;color:#64748b}.legend-scale{display:flex;gap:2px}.legend-item{width:16px;height:16px;border-radius:3px;border:1px solid #e2e8f0}.heatmap-insight{margin-top:12px;padding:10px 12px;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.heatmap-insight p{margin:0;font-size:.8rem;color:#0369a1;line-height:1.4}.heatmap-insight strong{color:#0c4a6e}@media(max-width:640px){.heatmap-cell{width:14px;height:14px}.heatmap-hour-label{width:14px;font-size:.55rem}.heatmap-day-label{width:32px;font-size:.65rem}.cell-value{display:none}}.stats-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.stats-modal{width:95%;max-width:1120px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.stats-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.stats-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.stats-modal-header .btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:1.5rem;color:#64748b;cursor:pointer;transition:all .2s}.stats-modal-header .btn-close:hover{background:#e2e8f0;color:#1e293b}.stats-modal-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:28px}.stats-section h3{margin:0 0 16px;font-size:.95rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-box{background:#f8fafc;border-radius:10px;padding:16px;text-align:center}.stat-box .stat-value{display:block;font-size:1.75rem;font-weight:700;color:#1e293b}.stat-box .stat-label{display:block;font-size:.8rem;color:#64748b;margin-top:4px}.response-times{display:flex;gap:24px;align-items:flex-start}.time-stat.main{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;padding:20px 30px;text-align:center}.time-stat .time-value{display:block;font-size:2rem;font-weight:700;color:#1e40af}.time-stat .time-label{display:block;font-size:.85rem;color:#3b82f6;margin-top:4px}.time-breakdown{flex:1;display:flex;flex-direction:column;gap:10px}.time-bar{display:flex;align-items:center;gap:10px}.time-bar .bar-label{width:60px;font-size:.8rem;color:#64748b}.time-bar .bar-fill{flex:1;height:24px;border-radius:4px;min-width:4px}.time-bar.fast .bar-fill{background:#22c55e}.time-bar.medium .bar-fill{background:#f59e0b}.time-bar.slow .bar-fill{background:#ef4444}.time-bar .bar-count{width:30px;font-size:.85rem;font-weight:600;color:#475569;text-align:right}.category-stats{display:flex;flex-direction:column;gap:8px}.category-row{display:flex;align-items:center;gap:12px}.cat-label{width:80px;font-size:.85rem;color:#475569}.cat-bar{flex:1;height:20px;background:#f1f5f9;border-radius:4px;overflow:hidden}.cat-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;min-width:4px}.cat-count{width:40px;font-size:.85rem;font-weight:600;color:#1e293b;text-align:right}.day-chart{display:flex;justify-content:space-between;align-items:flex-end;height:120px;padding:0 10px;gap:8px}.day-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.day-fill{width:100%;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;min-height:20px}.day-count{font-size:.75rem;font-weight:600;color:#fff}.day-label{margin-top:8px;font-size:.75rem;color:#64748b}.top-products{display:flex;flex-direction:column;gap:10px}.product-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8fafc;border-radius:8px}.product-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border-radius:50%;font-size:.8rem;font-weight:600;color:#475569}.product-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover}.product-title{flex:1;font-size:.85rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-count{font-size:1rem;font-weight:700;color:#3b82f6}.stats-section.heatmap-section{display:flex;flex-direction:column;align-items:center}.stats-section.heatmap-section .heatmap-container{width:auto}@media(max-width:640px){.stats-modal{width:95%;max-height:90vh}.stats-grid{grid-template-columns:repeat(2,1fr)}.response-times{flex-direction:column}.time-stat.main{width:100%}}.history-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.history-modal{width:95%;max-width:900px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.history-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.history-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#166534}.history-count{background:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;color:#22c55e}.history-counts{display:flex;gap:8px;flex-wrap:wrap}.history-counts span{background:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.history-counts .count-total{color:#22c55e}.history-counts .count-trained{color:#4caf50;background:#e8f5e9}.history-counts .count-untrained{color:#f59e0b;background:#fef3c7}.history-modal.large{max-width:1000px}.history-modal-header .btn-close{margin-left:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:8px;font-size:1.5rem;color:#64748b;cursor:pointer;transition:all .2s}.history-modal-header .btn-close:hover{background:#f1f5f9;color:#1e293b}.history-toolbar{display:flex;gap:12px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.search-group{display:flex;flex:1;min-width:300px;gap:8px}.search-type-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper input{width:100%;padding:10px 40px 10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:border-color .2s}.search-input-wrapper input:focus{outline:none;border-color:#22c55e}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border:none;border-radius:50%;font-size:1rem;color:#64748b;cursor:pointer}.clear-search:hover{background:#cbd5e1}.btn-export{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#22c55e;border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-export:hover:not(:disabled){background:#16a34a}.btn-export:disabled{opacity:.5;cursor:not-allowed}.toolbar-filters{display:flex;align-items:center;gap:12px}.filter-checkbox{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#475569;cursor:pointer;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.filter-checkbox:hover{background:#f8fafc;border-color:#cbd5e1}.filter-checkbox input{cursor:pointer}.toolbar-actions{display:flex;gap:8px}.history-list{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px}.history-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#94a3b8}.history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.history-item:hover{border-color:#22c55e;box-shadow:0 2px 8px #22c55e26}.history-item.trained{border-left:4px solid #4caf50;background:linear-gradient(135deg,#f0fdf4,#f8fafc)}.item-training-switch{flex-shrink:0}.history-item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.item-thumb{width:50px;height:50px;border-radius:8px;object-fit:cover}.item-info{flex:1;min-width:0}.item-info .item-title{display:block;font-weight:500;font-size:.9rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info .item-date{display:block;font-size:.8rem;color:#64748b;margin-top:2px}.item-link{padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#3b82f6;font-size:.8rem;text-decoration:none;transition:all .2s}.item-link:hover{background:#eff6ff;border-color:#3b82f6}.history-item-content{display:flex;flex-direction:column;gap:8px}.question-bubble,.answer-bubble{padding:10px 14px;border-radius:10px}.question-bubble{background:#fef3c7;border-left:3px solid #f59e0b}.answer-bubble{background:#dcfce7;border-left:3px solid #22c55e}.bubble-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.question-bubble .bubble-label{color:#b45309}.answer-bubble .bubble-label{color:#166534}.question-bubble p,.answer-bubble p{margin:0;font-size:.9rem;line-height:1.5;color:#1e293b}.history-category{display:inline-block;margin-top:10px;padding:3px 10px;background:#e0e7ff;color:#4338ca;border-radius:4px;font-size:.75rem;font-weight:500}@media(max-width:640px){.history-modal{width:100%;max-height:100vh;border-radius:0}.history-toolbar{flex-direction:column}.search-group{flex-direction:column;min-width:auto}.btn-export{width:100%;justify-content:center}}.shortcuts-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200;animation:fadeIn .15s ease-out}.shortcuts-modal{width:90%;max-width:500px;max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.shortcuts-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.shortcuts-header .btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:1.5rem;color:#64748b;cursor:pointer;transition:all .2s}.shortcuts-header .btn-close:hover{background:#e2e8f0;color:#1e293b}.shortcuts-content{flex:1;overflow-y:auto;padding:16px 20px}.shortcuts-group{margin-bottom:20px}.shortcuts-group:last-child{margin-bottom:0}.shortcuts-group h4{margin:0 0 10px;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{display:flex;align-items:center;gap:4px}.shortcut-keys span{color:#94a3b8;font-size:.8rem}.shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:.75rem;font-weight:600;color:#475569;box-shadow:0 2px #cbd5e1}.shortcut-desc{font-size:.9rem;color:#475569}.shortcuts-footer{padding:12px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;text-align:center}.shortcuts-footer span{font-size:.8rem;color:#64748b}.shortcuts-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:.7rem;font-weight:600;color:#475569;margin:0 2px}.shortcuts-help-button{position:fixed;bottom:24px;right:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 4px 12px #3b82f666;transition:all .2s;z-index:100}.shortcuts-help-button:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 6px 16px #3b82f680}@media(max-width:640px){.shortcuts-modal{max-width:95%;max-height:90vh}.shortcuts-help-button{bottom:16px;right:16px;width:44px;height:44px}}.preguntas-container{padding:20px;height:100%;display:flex;flex-direction:column;background-color:#f8fafc}.preguntas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.preguntas-title-section{display:flex;align-items:center;gap:12px}.preguntas-title-section h2{margin:0;font-size:1.5rem;font-weight:600;color:#1e293b}.new-questions-badge{background-color:#ef4444;color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;animation:pulse 2s infinite}.preguntas-actions{display:flex;align-items:center;gap:12px}.last-sync-info{font-size:.8rem;color:#64748b}.btn-filter{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#475569;cursor:pointer;transition:all .2s}.btn-filter:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-filter.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.view-toggle{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.view-toggle button{padding:8px 12px;background:none;border:none;color:#64748b;cursor:pointer;transition:all .2s}.view-toggle button:hover{background:#f1f5f9}.view-toggle button.active{background:#3b82f6;color:#fff}.btn-sync{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.btn-sync:hover:not(:disabled){background:#2563eb}.btn-sync:disabled{opacity:.7;cursor:not-allowed}.btn-sync svg.spinning{animation:spin 1s linear infinite}.preguntas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.preguntas-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.preguntas-error p{margin:0;color:#dc2626}.preguntas-error button{padding:6px 12px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer}.preguntas-content{flex:1;display:flex;gap:20px;min-height:0;overflow:hidden}.kanban-board{flex:1;display:flex;gap:16px;overflow-x:auto;padding-bottom:10px}.kanban-column{flex:1;min-width:320px;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.kanban-column.unanswered .column-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b}.kanban-column.answered .column-header{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-bottom:2px solid #22c55e}.kanban-column.other .column-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:2px solid #94a3b8}.kanban-column.config .column-header{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-bottom:2px solid #8b5cf6}.kanban-column.deleted .column-header{background:linear-gradient(135deg,#fef2f2,#fecaca);border-bottom:2px solid #ef4444}.kanban-column.not-answerable .column-header{background:linear-gradient(135deg,#fef9c3,#fef08a);border-bottom:2px solid #eab308}.kanban-column.not-answerable{opacity:.85}.column-help-text{font-size:.75rem;color:#78716c;background:#fefce8;padding:10px 12px;border-radius:8px;margin-bottom:8px;line-height:1.4;border-left:3px solid #eab308}.kanban-column.collapsed{min-width:auto;max-width:200px;flex:0}.column-header.clickable{cursor:pointer;user-select:none}.column-header.clickable:hover{opacity:.9}.column-header-left{display:flex;align-items:center;gap:6px}.collapse-icon{transition:transform .2s}.collapse-icon.expanded{transform:rotate(90deg)}.btn-stats-header{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffffb3;border:none;border-radius:6px;color:#7c3aed;cursor:pointer;transition:all .2s}.btn-stats-header:hover{background:#fff;transform:scale(1.05)}.column-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.column-title{font-weight:600;font-size:.95rem;color:#1e293b}.column-count{background:#0000001a;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.column-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.column-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;font-size:.875rem;text-align:center}.column-more{text-align:center;padding:10px;color:#64748b;font-size:.8rem;background:#f8fafc;border-radius:8px}.btn-show-more,.btn-show-less{width:100%;padding:12px 16px;border:2px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-show-more:hover{background:#e0f2fe;border-color:#3b82f6;color:#3b82f6}.btn-show-less:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.questions-list{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:10px}.list-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#94a3b8}@media(max-width:1024px){.kanban-board{flex-direction:column}.kanban-column{max-width:none;min-width:auto}.column-content{max-height:400px}}@media(max-width:768px){.preguntas-header{flex-direction:column;align-items:flex-start}.preguntas-actions{width:100%;flex-wrap:wrap}}.message-row{display:flex;align-items:flex-start;padding:12px 16px;min-height:70px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;background:#fff;border-left:3px solid transparent}.message-row:hover{background:#f9fafb}.message-row.active{background:#eff6ff;border-left-color:#3b82f6}.message-row.unread{background:#fefce8;font-weight:500}.message-row.unread:hover{background:#fef9c3}.message-row.starred{background:linear-gradient(90deg,#fffbeb,#fff 30%)}.message-row[style*=--alert-border-color]{border-left-color:var(--alert-border-color)}.message-row .col-checkbox{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-top:4px}.message-row .checkbox-icon{color:#9ca3af;cursor:pointer;transition:color .2s}.message-row .checkbox-icon:hover{color:#6b7280}.message-row .checkbox-icon.checked{color:#3b82f6}.message-row .col-star{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-top:4px}.message-row .star-icon{color:#d1d5db;cursor:pointer;transition:all .2s}.message-row .star-icon:hover{color:#f59e0b;transform:scale(1.1)}.message-row .star-icon.filled{color:#f59e0b}.message-row .col-product{flex:1.2;min-width:180px;max-width:280px;padding-right:16px}.message-row .product-info{display:flex;align-items:flex-start;gap:12px}.message-row .product-thumbnail{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#f3f4f6;flex-shrink:0}.message-row .product-thumbnail.placeholder{display:flex;align-items:center;justify-content:center;color:#9ca3af}.message-row .product-details{display:flex;flex-direction:column;gap:2px;min-width:0}.message-row .product-title{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-row .product-id{font-size:11px;color:#9ca3af;font-family:monospace}.message-row .col-message{flex:2.5;min-width:280px;padding-right:16px}.message-row .message-preview{display:flex;flex-direction:column;gap:6px}.message-row .message-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.message-row .unread-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.message-row .alert-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.message-row .message-text{font-size:13px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.message-row.unread .message-text{color:#374151}.message-row .message-text.from-seller{color:#9ca3af;font-style:italic}.message-row .you-prefix{color:#3b82f6;font-style:normal;font-weight:600}.message-row .col-buyer{width:140px;flex-shrink:0;padding-right:16px;padding-top:4px}.message-row .buyer-name{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.message-row .col-date{width:100px;flex-shrink:0;text-align:right;padding-top:4px}.message-row .date-text{font-size:12px;color:#9ca3af;white-space:nowrap}@media(max-width:1024px){.message-row .col-buyer{display:none}}@media(max-width:768px){.message-row{padding:10px 12px}.message-row .col-product,.message-row .col-message{min-width:150px}.message-row .product-thumbnail{width:40px;height:40px}}.message-detail-panel{width:450px;min-width:400px;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.header-product{display:flex;gap:12px;flex:1;min-width:0}.header-thumbnail{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#f3f4f6;flex-shrink:0}.header-thumbnail.placeholder{display:flex;align-items:center;justify-content:center;color:#9ca3af}.header-info{display:flex;flex-direction:column;gap:4px;min-width:0}.header-title{font-size:14px;font-weight:600;color:#374151;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.header-ids{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.resource-id{font-size:12px;color:#6b7280;font-family:monospace}.item-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#3b82f6;text-decoration:none}.item-link:hover{text-decoration:underline}.header-actions{display:flex;gap:4px}.btn-star,.btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;cursor:pointer;color:#9ca3af;transition:all .2s}.btn-star:hover{background:#fef3c7;color:#f59e0b}.btn-star.active{color:#f59e0b}.buyer-section{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-size:13px;color:#6b7280}.buyer-label{font-weight:500}.buyer-name{color:#374151;font-weight:600}.alert-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.blocked-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:13px}.messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f9fafb}.no-messages{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.message-bubble{max-width:85%;display:flex;flex-direction:column;gap:4px}.message-bubble.from-buyer{align-self:flex-start}.message-bubble.from-seller{align-self:flex-end}.bubble-content{padding:10px 14px;border-radius:16px;position:relative}.message-bubble.from-buyer .bubble-content{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.message-bubble.from-seller .bubble-content{background:#3b82f6;color:#fff;border-bottom-right-radius:4px}.bubble-text{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.bubble-alert{display:inline-block;padding:2px 6px;border-radius:8px;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;margin-top:6px}.bubble-date{font-size:11px;color:#9ca3af;padding:0 4px}.message-bubble.from-seller .bubble-date{text-align:right}.reply-section{padding:16px;border-top:1px solid #e5e7eb;background:#fff}.reply-input-container{margin-bottom:12px}.reply-input-container textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-family:inherit;line-height:1.5;resize:none;transition:border-color .2s}.reply-input-container textarea:focus{outline:none;border-color:#3b82f6}.reply-input-container textarea.over-limit{border-color:#ef4444}.reply-input-container textarea:disabled{background:#f3f4f6;cursor:not-allowed}.reply-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:0 4px}.char-count{font-size:12px;color:#9ca3af}.char-count.over{color:#ef4444;font-weight:600}.shortcut-hint{font-size:11px;color:#9ca3af}.reply-actions{display:flex;gap:8px}.btn-attach{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-attach:hover:not(:disabled){background:#e5e7eb;color:#374151}.btn-attach:disabled{opacity:.5;cursor:not-allowed}.btn-send{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-send:hover:not(:disabled){background:#2563eb}.btn-send:disabled{background:#93c5fd;cursor:not-allowed}.btn-send .spinning{animation:spin 1s linear infinite}.blocked-reply{display:flex;align-items:center;gap:12px;padding:20px;background:#fef2f2;border-top:1px solid #fecaca;color:#dc2626}.blocked-reply p{margin:0;font-size:13px}@media(max-width:1200px){.message-detail-panel{position:fixed;top:0;right:0;height:100vh;z-index:1000;box-shadow:-4px 0 20px #00000026}}@media(max-width:768px){.message-detail-panel{width:100%;min-width:unset}}.attachment-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:12px;font-size:13px;color:#1d4ed8}.attachment-chip svg:first-child{color:#3b82f6;flex-shrink:0}.attachment-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.attachment-size{color:#6b7280;font-size:12px;flex-shrink:0}.attachment-remove{margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s;flex-shrink:0}.attachment-remove:hover:not(:disabled){background:#fee2e2;color:#dc2626}.attachment-remove:disabled{opacity:.5;cursor:not-allowed}.attachment-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;font-size:13px;color:#dc2626}.attachment-error svg{flex-shrink:0}.btn-attach.has-file{background:#dbeafe;color:#2563eb}.btn-attach.has-file:hover:not(:disabled){background:#bfdbfe}.btn-attach .spinning{animation:spin 1s linear infinite}.alerts-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.alerts-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;color:#374151}.modal-header h2 svg{color:#f59e0b}.btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;cursor:pointer;color:#9ca3af;transition:all .2s}.btn-close:hover{background:#fee2e2;color:#ef4444}.modal-description{padding:16px 24px;margin:0;color:#6b7280;font-size:14px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.error-message{display:flex;align-items:center;gap:8px;margin:16px 24px 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.add-alert-form{padding:20px 24px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-row.colors{align-items:center;margin-bottom:0}.form-group{flex:1}.form-group.priority{flex:0 0 80px}.form-group label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#3b82f6}.form-row.colors label{font-size:12px;font-weight:600;color:#6b7280;margin-right:8px}.color-options{display:flex;gap:6px;flex:1}.color-option{width:28px;height:28px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#374151;box-shadow:0 0 0 2px #fff,0 0 0 4px #374151}.btn-add{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add:hover:not(:disabled){background:#2563eb}.btn-add:disabled{opacity:.6;cursor:not-allowed}.alerts-list{flex:1;overflow-y:auto;padding:20px 24px}.alert-group{margin-bottom:20px}.alert-group:last-child{margin-bottom:0}.group-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.group-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.group-count{font-size:12px;color:#9ca3af}.group-items{display:flex;flex-wrap:wrap;gap:8px}.alert-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;transition:all .2s}.alert-item.inactive{opacity:.5;background:#f3f4f6}.btn-toggle{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#d1fae5;border:none;border-radius:4px;color:#059669;cursor:pointer;transition:all .2s}.alert-item.inactive .btn-toggle{background:#f3f4f6;color:#9ca3af}.btn-toggle:hover{transform:scale(1.1)}.alert-keyword{color:#374151;font-weight:500}.alert-priority{font-size:10px;color:#9ca3af;padding:2px 6px;background:#f3f4f6;border-radius:4px}.btn-remove{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .2s}.btn-remove:hover{background:#fee2e2;color:#ef4444}.empty-alerts{text-align:center;padding:40px 20px;color:#9ca3af}.empty-alerts p{margin:0 0 16px;font-size:14px}.btn-restore{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.btn-restore:hover{background:#e5e7eb}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-restore-footer{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.btn-restore-footer:hover{background:#f3f4f6;border-color:#9ca3af}.btn-done{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-done:hover{background:#2563eb}@media(max-width:600px){.alerts-modal{max-height:100vh;border-radius:0}.form-row{flex-wrap:wrap}.form-group,.form-group.priority{flex:1 1 100%}.form-row.colors{flex-wrap:wrap}.color-options{flex-wrap:wrap;margin-bottom:12px}.btn-add{width:100%;justify-content:center}}.mensajes-container{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:500px}.mensajes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#6b7280}.mensajes-loading .spinner{animation:spin 1s linear infinite}.mensajes-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap}.header-title h2{display:flex;align-items:center;gap:12px;margin:0 0 4px;font-size:28px;color:#1f2937}.header-title h2 svg{color:#3b82f6}.header-subtitle{margin:0;color:#6b7280;font-size:14px}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-box{display:flex;gap:0}.search-box input{width:280px;padding:10px 14px;border:2px solid #e5e7eb;border-right:none;border-radius:8px 0 0 8px;font-size:14px;transition:border-color .2s}.search-box input:focus{outline:none;border-color:#3b82f6}.btn-search{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#3b82f6;color:#fff;border:2px solid #3b82f6;border-radius:0 8px 8px 0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-search:hover{background:#2563eb;border-color:#2563eb}.btn-sync{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-sync:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.btn-sync .spinning{animation:spin 1s linear infinite}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px}.mensajes-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.tabs{display:flex;gap:4px}.tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tab:hover{color:#374151;background:#f3f4f6}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab .badge{padding:2px 8px;background:#e5e7eb;border-radius:12px;font-size:12px;font-weight:600;color:#6b7280}.tab.active .badge{background:#dbeafe;color:#3b82f6}.tab .badge.unread{background:#fee2e2;color:#dc2626}.tab .badge.starred{background:#fef3c7;color:#d97706}.toolbar-actions{display:flex;align-items:center;gap:12px}.last-sync{font-size:12px;color:#9ca3af}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-action:hover{border-color:#3b82f6;color:#3b82f6}.btn-config{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-config:hover{border-color:#3b82f6;color:#3b82f6}.alert-filters{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f9fafb;border-radius:8px;margin-bottom:16px;flex-wrap:wrap}.filter-label{font-size:13px;color:#6b7280;font-weight:500}.alert-filter-btn{padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.alert-filter-btn:hover{border-color:var(--alert-color, #6b7280);color:var(--alert-color, #6b7280)}.alert-filter-btn.active{background:var(--alert-color, #3b82f6);border-color:var(--alert-color, #3b82f6);color:#fff}.alert-filter-btn .count{margin-left:6px;padding:2px 6px;background:#fff3;border-radius:8px;font-size:11px}.mensajes-content{display:flex;flex:1;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.conversations-list{flex:1;display:flex;flex-direction:column;min-width:0}.list-header{display:flex;align-items:center;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.list-header .col-checkbox{width:40px;flex-shrink:0}.btn-select-all{padding:4px;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-select-all:hover{color:#3b82f6}.list-header .col-star{width:40px;flex-shrink:0}.list-header .col-product{flex:1.5;min-width:200px}.list-header .col-message{flex:2;min-width:250px}.list-header .col-buyer{width:140px;flex-shrink:0}.list-header .col-date{width:120px;flex-shrink:0;text-align:right}.list-body{flex:1;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;color:#9ca3af}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{margin:0 0 16px;font-size:14px}.btn-clear-filters,.btn-sync-empty{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.btn-clear-filters:hover,.btn-sync-empty:hover{background:#e5e7eb}@media(max-width:1200px){.mensajes-content{flex-direction:column}.conversations-list{flex:1;max-height:60%}}@media(max-width:768px){.mensajes-container{height:auto;min-height:calc(100vh - 150px)}.mensajes-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.search-box{flex:1}.search-box input{width:100%}.mensajes-toolbar{flex-direction:column;align-items:flex-start}.tabs{width:100%;overflow-x:auto}.toolbar-actions{width:100%;flex-wrap:wrap}.list-header,.list-header .col-buyer{display:none}}@media(max-width:480px){.tabs{flex-wrap:nowrap;padding-bottom:8px}.tab{padding:8px 12px;font-size:13px;white-space:nowrap}.btn-action{flex:1;justify-content:center}}.disconnect-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.disconnect-modal{background:#fff;border-radius:16px;padding:2rem;max-width:420px;width:100%;position:relative;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.modal-close-btn:hover{background:#f5f5f5;color:#333}.modal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.modal-icon.warning{background:#fff3e0;color:#f57c00}.disconnect-modal h2{text-align:center;margin:0 0 .75rem;color:#333;font-size:1.5rem}.modal-description{text-align:center;color:#666;margin:0 0 1.5rem;line-height:1.5}.input-group{position:relative;margin-bottom:1rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#999}.input-group input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .2s;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.error-message{background:#ffebee;color:#c62828;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem;text-align:center}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-confirm{flex:1;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-confirm{background:#f44336;color:#fff}.btn-confirm:hover:not(:disabled){background:#d32f2f}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.disconnect-modal{padding:1.5rem}.modal-actions{flex-direction:column}}.new-question-popup{position:fixed;bottom:24px;right:24px;width:340px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a;border:1px solid #e0e0e0;overflow:hidden;cursor:pointer;z-index:1000;animation:slideInUp .3s ease-out;transition:transform .2s ease,box-shadow .2s ease}.new-question-popup:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0003,0 4px 12px #0000001a}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#ffe600,#ffed4a);border-bottom:1px solid rgba(0,0,0,.1)}.popup-badge{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:#333}.popup-close{background:#0000001a;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.popup-close:hover{background:#0003}.popup-content{padding:16px}.popup-item-title{font-size:12px;color:#666;margin-bottom:8px;line-height:1.4}.popup-question-text{font-size:14px;color:#333;font-weight:500;line-height:1.5;font-style:italic}.popup-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-top:1px solid #e0e0e0}.popup-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#888}.popup-action{font-size:12px;color:#3483fa;font-weight:500}.new-question-popup.hiding{animation:slideOutDown .3s ease-in forwards}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media(max-width:480px){.new-question-popup{left:16px;right:16px;width:auto;bottom:16px}}.meli-container{padding:2rem;max-width:1400px;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinning{animation:spin 1s linear infinite}.error-message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;text-align:center;color:#666}.connection-card{max-width:600px;margin:4rem auto;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.connection-card h1{margin-bottom:1rem;color:#333}.connection-card p{color:#666;margin-bottom:2rem}.btn-connect{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#ffe600;color:#333;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-connect:hover{background:#f5dc00;transform:translateY(-2px);box-shadow:0 4px 12px #ffe6004d}.info-section{margin-top:3rem;text-align:left}.info-section h3{margin-bottom:1rem;color:#333}.info-section ul{list-style:none;padding:0}.info-section li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#666}.info-section li:before{content:"";position:absolute;left:0;width:8px;height:14px;border:solid #00A650;border-width:0 2px 2px 0;transform:rotate(45deg);top:.6rem}.meli-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.meli-header h1{margin:0;color:#333}.user-info{margin:.5rem 0 0;color:#666;font-size:.9rem}.header-actions{display:flex;align-items:center;gap:1rem}.shipping-mode-switch{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:50px;cursor:pointer;transition:all .3s ease}.shipping-mode-switch:hover{border-color:#2196f3;box-shadow:0 2px 8px #0000001a}.shipping-mode-switch.full{border-color:#4caf50}.shipping-mode-switch.manual{border-color:#2196f3}.switch-track-mini{position:relative;width:44px;height:24px;background:#e0e0e0;border-radius:12px;transition:background .3s ease}.shipping-mode-switch.full .switch-track-mini{background:#4caf50}.shipping-mode-switch.manual .switch-track-mini{background:#2196f3}.switch-thumb-mini{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.shipping-mode-switch.full .switch-thumb-mini{transform:translate(20px)}.switch-thumb-mini svg{color:#333}.switch-text{font-size:.9rem;font-weight:600;color:#333;min-width:80px}.btn-refresh,.btn-disconnect{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s}.btn-refresh{background:#e0e0e0;color:#333}.btn-refresh:hover{background:#d0d0d0}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-disconnect{background:#f44336;color:#fff}.btn-disconnect:hover{background:#d32f2f}.btn-config{display:flex;align-items:center;justify-content:center;padding:.75rem;background:#fff;border:2px solid #3483fa;color:#3483fa;border-radius:8px;cursor:pointer;transition:all .3s}.btn-config:hover{background:#3483fa;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3483fa4d}.meli-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#666;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;margin-bottom:-2px}.tab-button:hover{color:#333;background:#f9f9f9}.tab-button.active{color:#3483fa;border-bottom-color:#3483fa}.content-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;margin-bottom:1.5rem}.info-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;margin-bottom:1.5rem}.info-banner div{flex:1}.info-banner strong{display:block;margin-bottom:.25rem}.info-banner p{margin:0;font-size:.9rem}.meli-content{margin-top:2rem}.listings-header{margin-bottom:1.5rem}.listings-header h2{margin:0;color:#333}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:#999}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.listing-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s}.listing-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.listing-image{width:100%;height:200px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.listing-image img{max-width:100%;max-height:100%;object-fit:contain}.listing-info{padding:1.5rem}.listing-info h3{margin:0 0 1rem;color:#333;font-size:1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-stats{display:flex;gap:1.5rem;margin-bottom:1rem}.stat{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.95rem}.stat svg{color:#00a650}.listing-meta{display:flex;gap:.75rem;flex-wrap:wrap}.status,.condition{padding:.25rem .75rem;border-radius:16px;font-size:.85rem;font-weight:500}.status.active{background:#d4edda;color:#155724}.status.paused{background:#fff3cd;color:#856404}.condition{background:#e7f3ff;color:#004085}.listing-actions{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem}.btn-action{padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center;display:block}.btn-action:hover{background:#f8f8f8;border-color:#bbb}.btn-action.btn-warning{color:#856404;border-color:#ffc107}.btn-action.btn-warning:hover{background:#fff3cd}.btn-action.btn-link{color:#3483fa;border-color:#3483fa}.btn-action.btn-link:hover{background:#e8f4ff}@media(max-width:768px){.meli-container{padding:1rem}.meli-header{flex-direction:column;align-items:stretch;gap:1rem}.meli-header h1{font-size:1.25rem}.header-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.shipping-mode-switch{order:1;justify-content:center}.btn-disconnect{order:2;justify-content:center;padding:.65rem 1rem;font-size:.875rem}.meli-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:0;padding-bottom:2px}.meli-tabs::-webkit-scrollbar{display:none}.tab-button{flex:0 0 auto;padding:.875rem 1rem;font-size:.875rem;white-space:nowrap}.tab-button svg{width:18px;height:18px}.listings-grid{grid-template-columns:1fr}.connection-card{margin:2rem 1rem;padding:2rem 1.5rem}}@media(max-width:480px){.meli-container{padding:.75rem}.meli-header h1{font-size:1.125rem}.user-info{font-size:.8rem}.header-actions{grid-template-columns:1fr}.shipping-mode-switch,.btn-disconnect{width:100%}.tab-button{padding:.75rem .875rem;font-size:.8rem;gap:.35rem}.tab-button svg{width:16px;height:16px}.tab-badge{font-size:10px;padding:2px 5px;margin-left:4px}.connection-card{margin:1rem .5rem;padding:1.5rem 1rem}.connection-card h1{font-size:1.25rem}.btn-connect{padding:.875rem 1.5rem;font-size:.9rem}}.tab-badge{background:#f23d4f;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:6px;min-width:18px;text-align:center}.tab-button.active .tab-badge{background:#fff;color:#3483fa}.reglas-comerciales-container{--rc-primary: #3b82f6;--rc-primary-dark: #2563eb;--rc-primary-light: #eff6ff;--rc-success: #10b981;--rc-warning: #f59e0b;--rc-danger: #ef4444;--rc-gray-50: #f9fafb;--rc-gray-100: #f3f4f6;--rc-gray-200: #e5e7eb;--rc-gray-300: #d1d5db;--rc-gray-400: #9ca3af;--rc-gray-500: #6b7280;--rc-gray-600: #4b5563;--rc-gray-700: #374151;--rc-gray-800: #1f2937;--rc-gray-900: #111827;--rc-radius: 12px;--rc-radius-sm: 8px;--rc-shadow: 0 1px 3px rgba(0, 0, 0, .1);--rc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--rc-transition: .2s ease}.reglas-comerciales-container{min-height:100vh;background-color:var(--rc-gray-50);display:flex;flex-direction:column}.reglas-comerciales-loading,.reglas-comerciales-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--rc-gray-600);padding:2rem;text-align:center}.reglas-comerciales-loading .spinner{animation:spin 1s linear infinite;color:var(--rc-primary)}.reglas-comerciales-error{color:var(--rc-danger)}.reglas-comerciales-error h2{margin:0;font-size:1.5rem}.reglas-comerciales-error p{color:var(--rc-gray-600);margin:0}.reglas-comerciales-error .btn-volver{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--rc-primary);color:#fff;border:none;border-radius:var(--rc-radius-sm);font-size:1rem;cursor:pointer;margin-top:1rem;transition:background var(--rc-transition)}.reglas-comerciales-error .btn-volver:hover{background:var(--rc-primary-dark)}.reglas-comerciales-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--rc-gray-200);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--rc-gray-100);border:none;border-radius:var(--rc-radius-sm);color:var(--rc-gray-600);cursor:pointer;transition:all var(--rc-transition)}.btn-back:hover{background:var(--rc-gray-200);color:var(--rc-gray-800)}.header-title svg{color:var(--rc-primary)}.header-title h1{margin:0;font-size:1.25rem;font-weight:600;color:var(--rc-gray-800)}.header-subtitle{font-size:.8rem;color:var(--rc-gray-500);display:none}.header-right{display:flex;align-items:center;gap:1rem}.user-badge{padding:.5rem 1rem;background:var(--rc-primary-light);color:var(--rc-primary);border-radius:var(--rc-radius-sm);font-size:.85rem;font-weight:500}.reglas-comerciales-tabs{display:flex;gap:.5rem;padding:1rem;background:#fff;border-bottom:1px solid var(--rc-gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--rc-gray-50);border:2px solid transparent;border-radius:var(--rc-radius-sm);cursor:pointer;transition:all var(--rc-transition);min-width:100px;flex-shrink:0}.tab-button:hover{background:var(--rc-gray-100)}.tab-button.active{background:var(--rc-primary-light);border-color:var(--rc-primary)}.tab-button svg{color:var(--rc-gray-500);transition:color var(--rc-transition)}.tab-button.active svg{color:var(--rc-primary)}.tab-label{font-size:.8rem;font-weight:600;color:var(--rc-gray-700);text-align:center;white-space:nowrap}.tab-button.active .tab-label{color:var(--rc-primary)}.tab-description{font-size:.65rem;color:var(--rc-gray-400);display:none}.reglas-comerciales-content{flex:1;padding:1rem;overflow-y:auto}.tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;background:#fff;border-radius:var(--rc-radius);box-shadow:var(--rc-shadow);text-align:center;min-height:400px}.tab-placeholder svg{color:var(--rc-gray-300)}.tab-placeholder h3{margin:0;font-size:1.25rem;color:var(--rc-gray-700)}.tab-placeholder p{margin:0;color:var(--rc-gray-500);max-width:300px}.badge-coming{padding:.5rem 1rem;background:var(--rc-warning);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.reglas-comerciales-footer{padding:1rem 1.5rem;background:#fff;border-top:1px solid var(--rc-gray-200)}.info-regla{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--rc-primary-light);border-radius:var(--rc-radius-sm);font-size:.85rem;color:var(--rc-gray-700)}.info-regla svg{color:var(--rc-primary);flex-shrink:0;margin-top:2px}.info-regla strong{color:var(--rc-primary)}@media(min-width:768px){.header-subtitle,.tab-description{display:block}.tab-button{min-width:140px;padding:1rem 1.5rem}.reglas-comerciales-content{padding:1.5rem}}@media(min-width:1024px){.reglas-comerciales-header{padding:1rem 2rem}.header-title h1{font-size:1.5rem}.reglas-comerciales-tabs{padding:1rem 2rem;justify-content:flex-start}.tab-button{flex-direction:row;gap:.75rem;min-width:auto;padding:.875rem 1.25rem}.tab-description{display:none}.reglas-comerciales-content{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.reglas-comerciales-footer{padding:1rem 2rem}}.rc-card{background:#fff;border-radius:var(--rc-radius);box-shadow:var(--rc-shadow);padding:1.5rem}.rc-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--rc-gray-200)}.rc-card-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--rc-gray-800);margin:0}.rc-card-title svg{color:var(--rc-primary)}.rc-select{padding:.625rem 1rem;border:1px solid var(--rc-gray-300);border-radius:var(--rc-radius-sm);font-size:.9rem;color:var(--rc-gray-700);background:#fff;cursor:pointer;min-width:180px}.rc-select:focus{outline:none;border-color:var(--rc-primary);box-shadow:0 0 0 3px var(--rc-primary-light)}.rc-input{padding:.625rem 1rem;border:1px solid var(--rc-gray-300);border-radius:var(--rc-radius-sm);font-size:.9rem;color:var(--rc-gray-700);width:100%}.rc-input:focus{outline:none;border-color:var(--rc-primary);box-shadow:0 0 0 3px var(--rc-primary-light)}.rc-input-number{width:80px;text-align:center}.rc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--rc-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--rc-transition)}.rc-btn-primary{background:var(--rc-primary);color:#fff}.rc-btn-primary:hover:not(:disabled){background:var(--rc-primary-dark)}.rc-btn-secondary{background:var(--rc-gray-100);color:var(--rc-gray-700)}.rc-btn-secondary:hover:not(:disabled){background:var(--rc-gray-200)}.rc-btn-success{background:var(--rc-success);color:#fff}.rc-btn-success:hover:not(:disabled){background:#059669}.rc-btn-danger{background:var(--rc-danger);color:#fff}.rc-btn-danger:hover:not(:disabled){background:#dc2626}.rc-btn:disabled{opacity:.6;cursor:not-allowed}.rc-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.rc-badge-blue{background:var(--rc-primary-light);color:var(--rc-primary)}.rc-badge-green{background:#ecfdf5;color:var(--rc-success)}.rc-badge-yellow{background:#fffbeb;color:var(--rc-warning)}.rc-badge-red{background:#fef2f2;color:var(--rc-danger)}.rc-table{width:100%;border-collapse:collapse}.rc-table th,.rc-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--rc-gray-200)}.rc-table th{background:var(--rc-gray-50);font-weight:600;font-size:.8rem;color:var(--rc-gray-600);text-transform:uppercase;letter-spacing:.05em}.rc-table tbody tr:hover{background:var(--rc-gray-50)}.rc-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--rc-radius-sm);margin-bottom:1rem}.rc-message-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.rc-message-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.rc-message-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.rc-message-info{background:var(--rc-primary-light);color:#1e40af;border:1px solid #bfdbfe}.rc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--rc-gray-500)}.rc-empty svg{color:var(--rc-gray-300);margin-bottom:1rem}.rc-spinner{animation:spin 1s linear infinite}@supports (padding-bottom: env(safe-area-inset-bottom)){.reglas-comerciales-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.tab-lista-especial{position:relative}.lista-especial-grid{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}@media(max-width:1024px){.lista-especial-grid{grid-template-columns:1fr}}.panel-productos,.panel-vendedores{background:#fff;border-radius:var(--rc-radius);box-shadow:var(--rc-shadow);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--rc-gray-50);border-bottom:1px solid var(--rc-gray-200)}.panel-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;color:var(--rc-gray-800)}.panel-descripcion{margin:0;padding:.75rem 1.25rem;font-size:.85rem;color:var(--rc-gray-500);background:var(--rc-gray-50);border-bottom:1px solid var(--rc-gray-200)}.btn-importar{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--rc-primary);color:#fff;border:none;border-radius:var(--rc-radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--rc-transition)}.btn-importar:hover{background:var(--rc-primary-dark)}.search-box{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--rc-gray-200)}.search-box svg{color:var(--rc-gray-400);flex-shrink:0}.search-box input{flex:1;border:none;outline:none;font-size:.9rem;background:transparent}.productos-lista{max-height:500px;overflow-y:auto}.productos-count{padding:.5rem 1rem;font-size:.8rem;color:var(--rc-gray-500);background:var(--rc-gray-50);border-bottom:1px solid var(--rc-gray-100)}.producto-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--rc-gray-100);transition:var(--rc-transition)}.producto-item:hover{background:var(--rc-gray-50)}.producto-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.producto-codigo{font-family:monospace;font-size:.85rem;font-weight:600;color:var(--rc-primary)}.producto-desc{font-size:.8rem;color:var(--rc-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.producto-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.producto-descuento{font-weight:600;color:var(--rc-success);font-size:.9rem;padding:.25rem .5rem;background:#10b9811a;border-radius:4px;margin-right:.5rem}.input-descuento-edit{width:60px;padding:.25rem .5rem;border:1px solid var(--rc-primary);border-radius:4px;font-size:.85rem;text-align:right}.percent-symbol{color:var(--rc-gray-500);font-size:.85rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:var(--rc-transition)}.btn-icon.edit{background:#3b82f61a;color:var(--rc-primary)}.btn-icon.edit:hover{background:#3b82f633}.btn-icon.delete{background:#ef44441a;color:var(--rc-danger)}.btn-icon.delete:hover{background:#ef444433}.btn-icon.save{background:#10b9811a;color:var(--rc-success)}.btn-icon.save:hover{background:#10b98133}.btn-icon.cancel{background:var(--rc-gray-100);color:var(--rc-gray-500)}.btn-icon.cancel:hover{background:var(--rc-gray-200)}.vendedores-lista{padding:.5rem;max-height:400px;overflow-y:auto}.vendedor-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--rc-radius-sm);cursor:pointer;transition:var(--rc-transition);margin-bottom:.25rem}.vendedor-item:hover{background:var(--rc-gray-50)}.vendedor-item.habilitado{background:#10b9811a}.vendedor-info{display:flex;flex-direction:column;gap:.125rem}.vendedor-nombre{font-weight:500;color:var(--rc-gray-800);font-size:.9rem}.vendedor-numero{font-size:.75rem;color:var(--rc-gray-400)}.toggle-switch{width:40px;height:22px;background:var(--rc-gray-300);border-radius:11px;position:relative;transition:var(--rc-transition)}.toggle-switch.on{background:var(--rc-success)}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:var(--rc-transition);box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-thumb{left:20px}.badge-count{font-size:.75rem;padding:.25rem .5rem;background:var(--rc-success);color:#fff;border-radius:12px;font-weight:500}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--rc-gray-400);text-align:center;gap:.75rem}.empty-state button{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--rc-primary);color:#fff;border:none;border-radius:var(--rc-radius-sm);font-size:.85rem;cursor:pointer;margin-top:.5rem}.mensaje-flotante{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--rc-radius-sm);font-size:.9rem;font-weight:500;z-index:1000;animation:slideIn .3s ease}.mensaje-flotante.success{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.mensaje-flotante.error{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:var(--rc-radius);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--rc-gray-200)}.modal-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;color:var(--rc-gray-800)}.btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--rc-gray-100);border-radius:6px;cursor:pointer;color:var(--rc-gray-500)}.btn-close:hover{background:var(--rc-gray-200)}.modal-body{padding:1.25rem;overflow-y:auto;flex:1}.import-instrucciones{padding:.75rem;background:var(--rc-primary-light);border-radius:var(--rc-radius-sm);margin-bottom:1rem}.import-instrucciones p{margin:0;font-size:.85rem;color:var(--rc-primary-dark)}.import-descuento{margin-bottom:1rem}.import-descuento label{display:block;font-size:.85rem;font-weight:500;color:var(--rc-gray-700);margin-bottom:.5rem}.input-with-suffix{display:flex;align-items:center;gap:.5rem}.input-with-suffix input{width:100px;padding:.5rem .75rem;border:1px solid var(--rc-gray-300);border-radius:var(--rc-radius-sm);font-size:1rem;text-align:right}.input-with-suffix span{font-size:1rem;color:var(--rc-gray-500)}.import-textarea{margin-bottom:1rem}.import-textarea label{display:block;font-size:.85rem;font-weight:500;color:var(--rc-gray-700);margin-bottom:.5rem}.import-textarea textarea{width:100%;padding:.75rem;border:1px solid var(--rc-gray-300);border-radius:var(--rc-radius-sm);font-family:monospace;font-size:.85rem;resize:vertical;min-height:150px}.import-textarea textarea:focus{outline:none;border-color:var(--rc-primary);box-shadow:0 0 0 3px #3b82f61a}.import-resultado{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#dcfce7;color:#16a34a;border-radius:var(--rc-radius-sm)}.import-resultado.con-errores{background:#fef3c7;color:#d97706}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--rc-gray-200);background:var(--rc-gray-50)}.btn-secondary{padding:.5rem 1rem;background:#fff;color:var(--rc-gray-700);border:1px solid var(--rc-gray-300);border-radius:var(--rc-radius-sm);font-size:.9rem;cursor:pointer;transition:var(--rc-transition)}.btn-secondary:hover{background:var(--rc-gray-50)}.btn-primary{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--rc-primary);color:#fff;border:none;border-radius:var(--rc-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--rc-transition)}.btn-primary:hover:not(:disabled){background:var(--rc-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.panel-header-actions{display:flex;align-items:center;gap:.5rem}.btn-eliminar-masivo{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--rc-danger);color:#fff;border:none;border-radius:var(--rc-radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--rc-transition)}.btn-eliminar-masivo:hover:not(:disabled){background:#dc2626}.btn-eliminar-masivo:disabled{opacity:.7;cursor:not-allowed}.productos-header-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--rc-gray-50);border-bottom:1px solid var(--rc-gray-100)}.selector-todos{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8rem;color:var(--rc-gray-600);user-select:none;padding:.25rem;border-radius:4px;transition:var(--rc-transition)}.selector-todos:hover{background:var(--rc-gray-100);color:var(--rc-gray-800)}.producto-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.25rem;margin-right:.5rem;border-radius:4px;transition:var(--rc-transition);flex-shrink:0}.producto-checkbox:hover{background:var(--rc-gray-100)}.check-icon{color:var(--rc-gray-400);transition:var(--rc-transition)}.check-icon.checked{color:var(--rc-primary)}.producto-item.seleccionado{background:var(--rc-primary-light)}.producto-item.seleccionado:hover{background:#dbeafe}@media(max-width:768px){.panel-header{flex-wrap:wrap;gap:.5rem}.panel-header h3{width:100%;font-size:.9rem}.panel-header-actions{width:100%;justify-content:flex-end}.btn-eliminar-masivo,.btn-importar{padding:.375rem .75rem;font-size:.8rem}.productos-header-row{padding:.375rem .75rem}.selector-todos{font-size:.75rem}.selector-todos span{display:none}.productos-count{font-size:.75rem}}.configuracion-ofertas{padding:1.5rem;max-width:1400px;margin:0 auto}.ofertas-header{margin-bottom:1.5rem}.header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.header-title h1{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0}.header-title svg{color:#f97316}.header-subtitle{color:#666;font-size:.9rem;margin:0}.alerta-vencimiento{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.85rem}.message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.ofertas-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e0e0e0;padding-bottom:0;overflow-x:auto}.ofertas-tabs .tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap}.ofertas-tabs .tab:hover{color:#f97316}.ofertas-tabs .tab.active{color:#f97316;border-bottom-color:#f97316}.ofertas-tabs .tab .badge-count{background:#f97316;color:#fff;font-size:.7rem;padding:.15rem .5rem;border-radius:10px;margin-left:.25rem}.ofertas-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:.9rem}.search-box svg{color:#999}.clear-search{background:none;border:none;cursor:pointer;padding:.25rem;color:#999}.clear-search:hover{color:#f97316}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;color:#333;transition:all .2s}.btn-refresh:hover{background:#e0e0e0}.btn-nueva-oferta{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f97316;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;color:#fff;font-weight:500;transition:all .2s}.btn-nueva-oferta:hover{background:#ea580c}.ofertas-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:400px}.loading-state{padding:3rem;text-align:center;color:#666}.tab-content{padding:1.5rem}.form-section{background:#f8f9fa;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.form-section h3{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.form-group{flex:1;min-width:150px}.form-group.flex-2{flex:2;min-width:250px}.form-group label{display:block;font-size:.8rem;font-weight:500;color:#666;margin-bottom:.35rem}.form-group input,.form-group select{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f97316}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.producto-info{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:.75rem;margin-bottom:1rem}.producto-info .codigo{font-weight:600;color:#1a1a2e;font-size:.95rem}.producto-info .descripcion{color:#666;font-size:.85rem;margin-top:.25rem}.producto-info .meta{display:flex;gap:1rem;margin-top:.5rem;font-size:.8rem;color:#666}.producto-info .meta span{display:flex;align-items:center;gap:.25rem}.rangos-oferta{margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.rangos-oferta h4{font-size:.85rem;font-weight:500;color:#666;margin:0 0 .75rem}.rango-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.rango-label{font-size:.85rem;font-weight:500;color:#333;min-width:60px}.rango-inputs{display:flex;align-items:center;gap:.35rem;flex:1;flex-wrap:wrap}.rango-inputs input{width:80px;padding:.4rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;text-align:center}.rango-inputs span{font-size:.8rem;color:#999}.rango-inputs .input-precio{width:100px;text-align:right}.tipo-oferta-selector{display:flex;gap:.5rem;margin-bottom:1rem}.tipo-oferta-btn{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.tipo-oferta-btn:hover{border-color:#f97316}.tipo-oferta-btn.active{border-color:#f97316;background:#fff7ed}.tipo-oferta-btn .icon{display:block;font-size:1.5rem;margin-bottom:.25rem}.tipo-oferta-btn .label{font-size:.85rem;font-weight:500;color:#333}.vigencia-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.vigencia-row .form-group{min-width:140px}.vendedores-selector{margin-bottom:1rem}.vendedores-selector .checkbox-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.vendedores-selector .checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.vendedores-selector .checkbox-group label{font-size:.9rem;margin:0;cursor:pointer}.vendedores-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.vendedor-chip{display:flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:#f3f4f6;border:1px solid #e0e0e0;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.vendedor-chip:hover{border-color:#f97316}.vendedor-chip.selected{background:#fff7ed;border-color:#f97316;color:#ea580c}.form-actions{display:flex;gap:12px;margin-top:16px}.btn-save{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.75rem;background:#f97316;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-save:hover{background:#ea580c}.btn-save:disabled{background:#ccc;cursor:not-allowed}.btn-cancel{display:flex;align-items:center;gap:6px;padding:.75rem 1.5rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.ofertas-lista{display:flex;flex-direction:column;gap:1rem}.marca-group{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.marca-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8f9fa;cursor:pointer;transition:background .2s}.marca-header:hover{background:#f0f0f0}.marca-header .marca-info{display:flex;align-items:center;gap:.75rem}.marca-header .marca-nombre{font-weight:600;color:#1a1a2e}.marca-header .marca-count{background:#f97316;color:#fff;font-size:.75rem;padding:.15rem .5rem;border-radius:10px}.marca-header .chevron{transition:transform .2s;color:#666}.marca-header .chevron.expanded{transform:rotate(180deg)}.marca-ofertas{display:none;padding:.75rem;background:#fff}.marca-ofertas.expanded{display:flex;flex-direction:column;gap:.75rem}.oferta-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s}.oferta-card:hover{border-color:#f97316;box-shadow:0 2px 8px #f973161a}.oferta-card.editing{border-color:#2563eb;background:#eff6ff}.oferta-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.oferta-producto{flex:1}.oferta-producto .codigo{font-weight:600;color:#1a1a2e;font-size:.95rem}.oferta-producto .descripcion{color:#666;font-size:.8rem;margin-top:.15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oferta-badges{display:flex;gap:.35rem;flex-wrap:wrap}.oferta-rangos{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#fff;border-radius:4px}.rango-tag{font-size:.75rem;padding:.25rem .5rem;background:#e0e7ff;color:#3730a3;border-radius:4px}.oferta-vigencia{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666}.oferta-vigencia .vigencia-icon{width:8px;height:8px;border-radius:50%}.oferta-vigencia .vigencia-icon.vigente{background:#22c55e}.oferta-vigencia .vigencia-icon.por-vencer{background:#f59e0b}.oferta-vigencia .vigencia-icon.vencida{background:#ef4444}.oferta-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#666}.oferta-stats{display:flex;align-items:center;gap:.25rem}.oferta-card-actions{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e0e0e0}.btn-action{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border:1px solid #e0e0e0;border-radius:4px;background:#fff;font-size:.8rem;cursor:pointer;transition:all .2s;color:#666}.btn-action:hover{border-color:#f97316;color:#f97316}.btn-action.delete:hover{border-color:#ef4444;color:#ef4444}.badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:500}.badge-precio-fijo{background:#dbeafe;color:#1d4ed8}.badge-descuento,.badge-vigente{background:#dcfce7;color:#166534}.badge-por-vencer{background:#fef3c7;color:#92400e}.badge-vencida{background:#fee2e2;color:#991b1b}.badge-ambos{background:#e0e7ff;color:#3730a3}.badge-ixnova{background:#dcfce7;color:#166534}.badge-prueba{background:#fef3c7;color:#92400e}.empty-state{text-align:center;padding:3rem;color:#666}.empty-state svg{color:#d1d5db;margin-bottom:1rem}.estadisticas-content{padding:1.5rem}.stats-filtros{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.stats-filtros .form-group{min-width:150px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#f8f9fa;border-radius:8px;padding:1rem;text-align:center}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:#1a1a2e}.stat-card .stat-label{font-size:.85rem;color:#666;margin-top:.25rem}.stat-card.highlight{background:#fff7ed;border:1px solid #f97316}.stat-card.highlight .stat-value{color:#f97316}.stats-table-container{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:.9rem}.stats-table th,.stats-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.stats-table th{background:#f8f9fa;font-weight:600;color:#1a1a2e}.stats-table tr:hover{background:#fafafa}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-export:hover{background:#16a34a}.form-section.modo-edicion{border:2px solid #2563eb;background:linear-gradient(135deg,#eff6ff,#fff)}.form-section.modo-edicion h3{color:#2563eb}@media(max-width:768px){.configuracion-ofertas{padding:1rem}.ofertas-tabs{gap:0}.ofertas-tabs .tab{padding:.6rem .75rem;font-size:.8rem}.ofertas-tabs .tab svg{display:none}.ofertas-toolbar{flex-direction:column}.btn-nueva-oferta{width:100%;justify-content:center}.form-row{flex-direction:column;gap:.75rem}.form-group,.form-group.flex-2{min-width:100%}.tipo-oferta-selector,.vigencia-row{flex-direction:column}.rango-row{flex-direction:column;align-items:flex-start}.rango-inputs{width:100%}.rango-inputs input{flex:1;min-width:60px}.oferta-card-header{flex-direction:column}.oferta-badges{margin-top:.5rem}.stats-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-cards{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-save,.btn-cancel{width:100%;justify-content:center}}.tipo-oferta-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tipo-oferta-4col .tipo-oferta-btn{flex-direction:column;padding:12px 8px;gap:6px}.tipo-oferta-4col .tipo-oferta-btn .hint{font-size:.7rem;color:#9ca3af;text-align:center}.tipo-oferta-4col .tipo-oferta-btn.active .hint{color:#f97316}@media(max-width:768px){.tipo-oferta-4col{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tipo-oferta-4col{grid-template-columns:1fr}}.rangos-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:16px}.rangos-section h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#374151;font-size:1rem}.rangos-section h4 svg{color:#f97316}.rangos-section .hint{font-size:.85rem;color:#6b7280;margin:0 0 16px}.lleva-paga-section{background:#f0fdf4;border-color:#86efac}.lleva-paga-section h4{color:#166534}.lleva-paga-section h4 svg{color:#22c55e}.rango-lleva-paga,.rango-bonificacion{background:#fff;border:1px solid #d1fae5;border-radius:10px;padding:16px;margin-bottom:12px}.rango-lleva-paga.opcional,.rango-bonificacion.opcional{opacity:.7;border-style:dashed}.rango-lleva-paga.opcional:focus-within,.rango-bonificacion.opcional:focus-within{opacity:1;border-style:solid}.rango-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.rango-numero{width:24px;height:24px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.rango-titulo{font-weight:600;color:#374151}.rango-inputs-lleva-paga,.rango-inputs-bonificacion{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.rango-inputs-lleva-paga .input-group,.rango-inputs-bonificacion .input-group{display:flex;flex-direction:column;gap:4px}.rango-inputs-lleva-paga .input-group label,.rango-inputs-bonificacion .input-group label{font-size:.75rem;color:#6b7280;font-weight:500}.rango-inputs-lleva-paga input,.rango-inputs-bonificacion input{width:80px;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:1.1rem;font-weight:600;text-align:center}.rango-inputs-bonificacion input{width:70px;font-size:1rem}.rango-inputs-bonificacion select{padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background:#fff}.rango-inputs-bonificacion span{font-size:.8rem;color:#6b7280;align-self:center}.ahorro-preview{background:#dcfce7;color:#166534;padding:8px 12px;border-radius:8px;font-weight:600;font-size:.9rem;align-self:center}.bonificacion-section{background:#fdf4ff;border-color:#e879f9}.bonificacion-section h4{color:#86198f}.bonificacion-section h4 svg{color:#a855f7}.bonificacion-section .rango-bonificacion{border-color:#f0abfc}.bonificacion-section .rango-numero{background:#a855f7}.producto-bonificado-search{background:#fff;border:1px solid #f0abfc;border-radius:10px;padding:16px;margin-bottom:16px}.producto-bonificado-search label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:8px}.producto-bonificado-search .search-box{display:flex;gap:8px}.producto-bonificado-search .search-box input{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem}.producto-bonificado-search .search-box button{padding:10px 14px;background:#a855f7;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.producto-bonificado-search .search-box button:hover{background:#9333ea}.producto-bonificado-search .search-box button:disabled{opacity:.6;cursor:not-allowed}.producto-bonificado-info{margin-top:12px;padding:12px;background:#faf5ff;border-radius:8px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.producto-bonificado-info .producto-codigo{font-weight:700;color:#7c3aed;font-family:monospace}.producto-bonificado-info .producto-desc{color:#374151}.producto-bonificado-info .producto-marca{color:#6b7280;font-size:.85rem}.producto-bonificado-info .producto-precio{color:#059669;font-weight:600}@media(max-width:640px){.rango-inputs-lleva-paga,.rango-inputs-bonificacion{flex-direction:column;align-items:stretch}.rango-inputs-lleva-paga input,.rango-inputs-bonificacion input{width:100%}.rango-inputs-bonificacion .input-group{flex-direction:row;align-items:center;gap:8px}.rango-inputs-bonificacion .input-group label{min-width:100px}}.deudores-container{padding:12px}.deudores-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.header-title h1{margin:0;color:#1a1a1a;font-size:22px;display:flex;align-items:center;gap:10px}.header-title h1 svg{color:#e60012}.header-subtitle{margin:0;color:#666;font-size:13px}.deudores-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.deudores-loading .spinner{animation:spin 1s linear infinite;color:#e60012;margin-bottom:12px}.deudores-error{display:flex;flex-direction:column;gap:12px;background:#ffebee;color:#c62828;padding:16px;border-radius:10px;margin-bottom:16px;font-size:14px}.deudores-error button{align-self:flex-start;background:#c62828;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stats-grid-3{grid-template-columns:1fr}.stat-card-ixnova{border-left:4px solid #2563eb}.stat-card-ixnova .stat-icon{background-color:#dbeafe;color:#2563eb}.stat-card-prueba{border-left:4px solid #ea580c}.stat-card-prueba .stat-icon{background-color:#fff7ed;color:#ea580c}.stat-card-total{border-left:4px solid #dc2626;background:linear-gradient(135deg,#fef2f2,#fff)}.stat-card-total .stat-icon{background-color:#fee2e2;color:#dc2626}.stat-value.stat-total{color:#dc2626;font-size:1.5rem}.stat-card{background:#fff;border-radius:10px;padding:14px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.total{background:#e8f5e9;color:#2e7d32}.stat-icon.clientes{background:#e3f2fd;color:#1565c0}.stat-icon.promedio{background:#fff3e0;color:#e65100}.stat-icon.mayor{background:#ffebee;color:#c62828}.stat-icon.favor{background:#dcfce7;color:#16a34a}.stat-card-favor{border-left:4px solid #16a34a;background:linear-gradient(135deg,#f0fdf4,#fff)}.stat-value-favor{color:#16a34a!important}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-label{font-size:11px;color:#666}.stat-value{font-size:18px;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-subtitle{font-size:10px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.deudores-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.filters-actions{display:flex;flex-wrap:wrap;gap:8px}.filtro-vendedor{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 12px;flex:1;min-width:150px}.filtro-vendedor svg{color:#666;flex-shrink:0}.filtro-vendedor select{border:none;background:transparent;font-size:14px;color:#333;cursor:pointer;flex:1;min-width:0}.filtro-vendedor select:focus{outline:none}.btn-action{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-action .btn-text{display:none}.btn-refresh{background:#fff;border:2px solid #e0e0e0;color:#333}.btn-refresh:hover{background:#f5f5f5}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-refresh .spinning{animation:spin 1s linear infinite}.btn-export{background:#e60012;color:#fff}.btn-export:hover{background:#c40010}.btn-export:disabled{opacity:.6;cursor:not-allowed}.search-container{display:flex;flex-direction:column;gap:6px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:14px;color:#999;pointer-events:none}.search-input-wrapper input{width:100%;padding:14px 40px 14px 44px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;background:#fff}.search-input-wrapper input:focus{outline:none;border-color:#e60012;box-shadow:0 0 0 3px #e600121a}.clear-search{position:absolute;right:10px;background:#f0f0f0;border:none;width:26px;height:26px;border-radius:50%;font-size:18px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center}.search-results{font-size:13px;color:#666;text-align:center}.cliente-cards{display:flex;flex-direction:column;gap:12px}.cliente-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.cliente-card.expanded{box-shadow:0 4px 12px #0000001f}.card-header{display:flex;align-items:center;padding:14px;cursor:pointer;gap:12px}.card-main{flex:1;min-width:0}.card-title{display:flex;flex-direction:column;gap:2px}.card-title .cliente-codigo{font-size:12px;color:#999;font-weight:500}.card-title .cliente-razon-social{font-weight:600;font-size:14px;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;gap:12px;margin-top:4px}.card-meta .meta-item{font-size:11px;color:#666}.card-stats{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.card-deuda{display:flex;flex-direction:column;align-items:flex-end}.card-deuda .deuda-label{font-size:10px;color:#999}.card-deuda .deuda-monto{font-size:16px;font-weight:700;color:#c62828}.card-deuda .deuda-monto.saldo-favor{color:#16a34a}.cliente-card.saldo-favor{border-left:4px solid #16a34a;background:linear-gradient(135deg,#f0fdf4,#fff)}.card-info{display:flex;align-items:center;gap:8px}.doc-count{background:#e3f2fd;color:#1565c0;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.card-chevron{color:#999}.card-detalle{border-top:1px solid #f0f0f0}.deudores-table-container{display:none}.badge{display:inline-block;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.badge-vencido{background:#ffebee;color:#c62828}.badge-por-vencer{background:#fff8e1;color:#f57c00}.badge-al-dia{background:#e8f5e9;color:#2e7d32}.badge-saldo-favor{background:#16a34a;color:#fff}.badge-sm{padding:2px 6px;font-size:10px}.cliente-detalle{padding:14px;background:#fafafa}.detalle-header{margin-bottom:12px}.detalle-info{display:flex;align-items:flex-start;gap:8px;color:#666;font-size:13px}.detalle-info svg{color:#999;flex-shrink:0;margin-top:2px}.documentos-lista h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:#333}.documentos-lista h4 svg{color:#e60012}.documentos-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.documentos-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;font-size:12px;min-width:500px}.documentos-table th,.documentos-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #f0f0f0;white-space:nowrap}.documentos-table th{background:#f5f5f5;font-weight:600;color:#666}.doc-comprob{font-family:monospace}.doc-impago{font-weight:600;color:#c62828}.doc-impago.credito{color:#2e7d32!important}.doc-dias{font-weight:500;color:#666}.col-razon-social{min-width:180px;max-width:280px}.razon-social{font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.col-factura-vieja{white-space:nowrap}.cliente-codigo{font-family:monospace;font-weight:600}.documentos-container{margin-top:16px}.documentos-container h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;color:#333}.documentos-container h4 svg{color:#e60012}.esquema-section{margin-bottom:20px;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d}.esquema-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.esquema-titulo{display:flex;align-items:center;gap:8px}.esquema-titulo h5{margin:0;font-size:14px;font-weight:600;color:#333}.esquema-titulo svg{color:#666}.esquema-subtotal{font-size:14px;color:#666}.esquema-subtotal span{font-weight:700}.esquema-subtotal .deuda{color:#c62828}.esquema-subtotal .favor{color:#2e7d32}.row-credito{background-color:#e8f5e9!important}.row-credito:hover{background-color:#c8e6c9!important}.monto-credito,.impago-credito{color:#2e7d32!important;font-weight:600}.doc-tipo{display:block;font-size:10px;font-weight:600;text-transform:uppercase;margin-bottom:2px;padding:2px 6px;border-radius:3px;width:fit-content}.tipo-FAC{background:#e3f2fd;color:#1565c0}.tipo-ND{background:#fff3e0;color:#e65100}.tipo-NC{background:#e8f5e9;color:#2e7d32}.badge-esquema{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase}.esquema-ixnova{background:#e3f2fd;color:#1565c0}.esquema-prueba{background:#fff3e0;color:#e65100}.impago-deuda{color:#c62828!important;font-weight:700}.total-general.total-favor{background:#2e7d32}.total-general{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-top:16px;background:#1a1a1a;color:#fff;border-radius:8px;font-size:16px;font-weight:600}.total-general .total-monto{font-weight:700;font-size:20px;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999;text-align:center;background:#fff;border-radius:12px}.empty-state svg{margin-bottom:12px;opacity:.5}.empty-state p{margin:0;font-size:14px}@media(min-width:768px){.deudores-container{padding:20px}.deudores-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.header-title h1{font-size:26px}.stat-card{flex-direction:row;align-items:flex-start;text-align:left;padding:16px;gap:14px}.stat-icon{width:44px;height:44px}.stat-value{font-size:22px}.stat-label{font-size:12px}.filters-actions{flex-wrap:nowrap}.btn-action .btn-text{display:inline}.search-container{flex-direction:row;align-items:center;gap:12px}.search-input-wrapper{flex:1}.search-results{white-space:nowrap}}@media(min-width:1024px){.deudores-container{max-width:1400px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stat-card{padding:20px}.stat-value{font-size:24px}.stat-subtitle{max-width:150px}.cliente-cards{display:none}.deudores-table-container{display:block;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.deudores-table{width:100%;border-collapse:collapse}.deudores-table th,.deudores-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.deudores-table th{background:#f9f9f9;font-weight:600;font-size:12px;color:#666;text-transform:uppercase;white-space:nowrap}.deudores-table th.sortable{cursor:pointer;user-select:none}.deudores-table th.sortable:hover{background:#f0f0f0}.deudores-table th svg{vertical-align:middle;margin-left:4px}.deudores-table td{font-size:14px}.col-expand{width:40px;text-align:center}.col-expand svg{color:#999}.col-cliente{min-width:200px}.col-deuda{text-align:right}.col-estado{text-align:center}.cliente-row{cursor:pointer;transition:background .2s}.cliente-row:hover{background:#fafafa}.cliente-row.expanded{background:#f5f5f5}.cliente-info{display:flex;flex-direction:column;gap:2px}.cliente-info .cliente-nombre{font-weight:600;color:#1a1a1a}.cliente-info .cliente-codigo{font-size:12px;color:#999}.deuda-monto{font-weight:700;color:#c62828}.deuda-monto.saldo-favor{color:#16a34a!important}.cliente-row.saldo-favor{background:#f0fdf4}.cliente-row.saldo-favor:hover{background:#dcfce7}.doc-count{padding:4px 10px;font-size:13px}.detalle-row{background:#fafafa}.detalle-row>td{padding:0!important}.cliente-detalle{padding:20px;border-top:2px solid #e60012}.documentos-table{font-size:13px;min-width:auto}.documentos-table th,.documentos-table td{padding:10px 12px}}.header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#e60012;color:#fff}.btn-primary:hover:not(:disabled){background:#c9000f}.btn-sincronizando{opacity:.8;cursor:wait}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-outline{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline:hover:not(:disabled){background:#f3f4f6}.btn-success{background:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-hugo{background:#ea580c;color:#fff}.btn-hugo:hover:not(:disabled){background:#c2410c}.btn-icon{padding:8px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer}.btn-icon:hover{background:#e5e7eb;color:#374151}@media(min-width:640px){.btn-text{display:inline}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.modal-sm{max-width:400px}.modal-config-rangos,.modal-hugo{max-width:600px}.modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600}.modal-header-hugo{background:#fff7ed}.modal-header-hugo .icon-flame{color:#ea580c}.modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px}.modal-close:hover{color:#6b7280;background:#f3f4f6}.modal-body{flex:1;overflow-y:auto;padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.estadisticas-panel{margin-bottom:20px}.estadisticas-panel .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}@media(min-width:768px){.estadisticas-panel .stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-ixnova{color:#2563eb!important}.stat-prueba{color:#ea580c!important}.stat-percent{font-size:11px;color:#9ca3af;margin-top:2px}.stats-detail-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.stats-detail-grid{grid-template-columns:1fr 1fr}}.stats-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.section-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.rangos-list{display:flex;flex-direction:column;gap:8px}.rango-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;border:1px solid;cursor:pointer;transition:transform .2s;background:none;width:100%;text-align:left}.rango-item:hover{transform:translate(4px)}.rango-info{display:flex;flex-direction:column;gap:2px}.rango-label{font-weight:600;font-size:13px}.rango-count{font-size:11px;opacity:.8}.rango-monto{display:flex;align-items:center;gap:4px;font-weight:600;font-size:14px}.top-deudores-list{display:flex;flex-direction:column;gap:6px}.top-deudor-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f9fafb;border-radius:8px;border:none;cursor:pointer;width:100%;text-align:left;transition:background .2s}.top-deudor-item:hover{background:#f3f4f6}.deudor-rank{display:flex;align-items:center;gap:10px}.rank-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.rank-1{background:#dc2626}.rank-2{background:#ea580c}.rank-3{background:#f59e0b}.rank-other{background:#9ca3af}.deudor-info{display:flex;flex-direction:column}.deudor-nombre{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.deudor-cuit{font-size:11px;color:#9ca3af}.deudor-monto{font-weight:600;font-size:13px;color:#dc2626}.detalle-grid{display:flex;flex-direction:column;gap:12px}.detalle-item{display:flex;flex-direction:column;gap:2px}.detalle-label{font-size:12px;color:#6b7280}.detalle-value{font-size:14px;font-weight:500}.deuda-total{color:#dc2626;font-size:18px}.detalle-help{margin-top:16px;padding:12px;background:#f3f4f6;border-radius:8px;font-size:12px;color:#6b7280}.config-help{margin:0 0 16px;font-size:13px;color:#6b7280}.config-error{padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:16px}.config-table{width:100%;border-collapse:collapse}.config-table th,.config-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #e5e7eb}.config-table th{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.config-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px}.config-number{width:70px}.config-infinity{color:#9ca3af;font-size:13px}.config-color-container{display:flex;align-items:center;gap:8px}.config-select{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;text-transform:capitalize}.config-color-preview{width:24px;height:24px;border-radius:4px;border:2px solid}.footer-right{display:flex;gap:10px}.hugo-section{margin-bottom:20px}.hugo-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;color:#374151}.btn-todas{margin-left:auto;padding:4px 10px;font-size:11px;background:#fff7ed;color:#ea580c;border:1px solid #fed7aa;border-radius:4px;cursor:pointer}.btn-todas:hover{background:#ffedd5}.hugo-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;font-weight:500;color:#6b7280}.form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.vendedores-list{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px}.vendedor-item{padding:8px 12px;border-bottom:1px solid #f3f4f6}.vendedor-item:last-child{border-bottom:none}.vendedor-item:hover{background:#f9fafb}.vendedores-count{margin-top:8px;font-size:12px;color:#6b7280}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.pull-indicator{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(to bottom,#f0f0f0,transparent);color:#666;font-size:12px;overflow:hidden;z-index:10}.pull-indicator svg{color:#e60012}@media(max-width:767px){.stats-scroll-container{margin:0 -12px 16px;padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.stats-scroll-container::-webkit-scrollbar{display:none}.stats-scroll-container .stats-grid{display:flex;gap:12px;padding-bottom:4px;min-width:max-content}.stats-scroll-container .stat-card{min-width:140px;flex-shrink:0}.header-actions.desktop-only{display:none}.deudores-header{padding-bottom:12px}.header-title h1{font-size:20px}.header-subtitle{font-size:12px}}.mobile-fab-container{display:none}@media(max-width:1023px){.mobile-fab-container{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px}.fab-main{width:56px;height:56px;border-radius:50%;background:#e60012;color:#fff;border:none;box-shadow:0 4px 12px #e6001266;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;z-index:101}.fab-main:active{transform:scale(.95)}.fab-open .fab-main{background:#374151;transform:rotate(45deg)}.fab-menu{display:flex;flex-direction:column;gap:8px;animation:fabSlideUp .2s ease-out}@keyframes fabSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fab-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-radius:24px;box-shadow:0 2px 8px #00000026;border:none;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:transform .1s,background .2s}.fab-item:active{transform:scale(.98);background:#f3f4f6}.fab-item:disabled{opacity:.6}.fab-item svg{color:#e60012}.fab-overlay{position:fixed;inset:0;background:#0000004d;z-index:99}}@media(min-width:1024px){.mobile-fab-container,.fab-overlay{display:none!important}}.bottom-sheet-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.bottom-sheet{width:100%;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.bottom-sheet-handle{padding:12px;display:flex;justify-content:center;cursor:grab}.bottom-sheet-handle:active{cursor:grabbing}.handle-bar{width:40px;height:4px;background:#d1d5db;border-radius:2px}.bottom-sheet-header{display:flex;align-items:flex-start;gap:12px;padding:0 16px 16px;border-bottom:1px solid #e5e7eb;position:relative}.sheet-cliente-info{flex:1;min-width:0}.sheet-cliente-codigo{font-size:12px;color:#9ca3af;font-weight:500}.sheet-cliente-nombre{margin:4px 0;font-size:18px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-cliente-cuit{font-size:13px;color:#6b7280}.sheet-cliente-stats{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sheet-deuda-monto{font-size:20px;font-weight:700;color:#dc2626}.sheet-deuda-monto.saldo-favor{color:#16a34a}.bottom-sheet-close{position:absolute;top:0;right:16px;background:#f3f4f6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280}.bottom-sheet-close:active{background:#e5e7eb}.bottom-sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.bottom-sheet-content .cliente-detalle{padding:16px}.skeleton-container{padding:0}.skeleton-stats{display:flex;gap:12px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.skeleton-stat-card{min-width:140px;background:#fff;border-radius:10px;padding:14px;display:flex;gap:12px;box-shadow:0 2px 8px #00000014}.skeleton-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text-group{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-text{height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:100%}.skeleton-search{height:50px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:10px;margin-bottom:16px}.skeleton-cards{display:flex;flex-direction:column;gap:12px}.skeleton-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.skeleton-card-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.skeleton-card-body{display:flex;justify-content:space-between;align-items:center}.skeleton-amount{width:80px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:767px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:100%;height:100%;border-radius:0;animation:slideUpModal .3s ease-out}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-config-rangos,.modal-hugo{max-width:100%;height:100%}.modal-header{padding:16px;position:sticky;top:0;background:#fff;z-index:10}.modal-body{flex:1;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:12px 16px;position:sticky;bottom:0;background:#f9fafb;flex-wrap:wrap;gap:8px}.modal-footer .btn{flex:1;min-width:100px;justify-content:center}}@media(max-width:1023px){.cliente-card{transition:transform .1s,box-shadow .1s;-webkit-tap-highlight-color:transparent}.cliente-card:active{transform:scale(.98)}.card-header,.btn,.btn-action,.fab-item,.checkbox-label{min-height:44px}.filtro-vendedor{border-radius:20px;padding:8px 14px}.filtro-vendedor select{font-size:14px}}@media(max-width:1023px){.desktop-only{display:none!important}}@media(max-width:767px){.cliente-card{border-radius:16px;box-shadow:0 2px 12px #0000000f}.card-header{padding:16px}.card-title .cliente-razon-social{font-size:15px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-deuda .deuda-monto{font-size:18px}.card-meta{flex-wrap:wrap;gap:8px}.badge{padding:6px 12px;font-size:12px}.search-input-wrapper input{font-size:16px;padding:16px 44px}.empty-state{padding:80px 24px;border-radius:16px}.empty-state svg{width:64px;height:64px}.empty-state p{font-size:16px}.card-title .cliente-razon-social{-webkit-line-clamp:3;max-width:100%}}.detalle-resumen-mobile{display:none}@media(max-width:1023px){.detalle-resumen-mobile{display:block;margin-bottom:16px}.resumen-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.resumen-item{background:#fff;border-radius:12px;padding:14px;text-align:center;border-left:4px solid}.resumen-ixnova{border-left-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#fff)}.resumen-prueba{border-left-color:#ea580c;background:linear-gradient(135deg,#fff7ed,#fff)}.resumen-label{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.resumen-value{display:block;font-size:18px;font-weight:700;color:#1f2937}.resumen-count{display:block;font-size:11px;color:#9ca3af;margin-top:2px}.resumen-total{display:flex;justify-content:space-between;align-items:center;background:#1f2937;color:#fff;padding:14px 16px;border-radius:12px}.resumen-total.favor{background:#15803d}.resumen-total span:first-child{font-size:13px;font-weight:500}.resumen-total-value{font-size:20px;font-weight:700}.desktop-only-detalle,.documentos-desktop{display:none!important}.documentos-mobile{display:flex;flex-direction:column;gap:16px}}@media(min-width:1024px){.detalle-resumen-mobile,.documentos-mobile{display:none!important}.documentos-desktop{display:block}}.esquema-section-mobile{background:#fff;border-radius:12px;overflow:hidden}.esquema-ixnova-mobile{border-top:3px solid #2563eb}.esquema-prueba-mobile{border-top:3px solid #ea580c}.esquema-header-mobile{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.esquema-titulo-mobile{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#374151}.esquema-titulo-mobile svg{color:#6b7280}.esquema-count{font-weight:400;color:#9ca3af;font-size:12px}.esquema-subtotal-mobile{font-weight:700;font-size:15px}.esquema-subtotal-mobile.deuda{color:#dc2626}.esquema-subtotal-mobile.favor{color:#16a34a}.documentos-cards-mobile{display:flex;flex-direction:column}.doc-card-mobile{display:flex;flex-direction:column;padding:12px 14px;border-bottom:1px solid #f3f4f6}.doc-card-mobile:last-child{border-bottom:none}.doc-card-credito{background:#f0fdf4}.doc-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.doc-tipo-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.doc-tipo-badge.tipo-FAC{background:#dbeafe;color:#1d4ed8}.doc-tipo-badge.tipo-NC{background:#dcfce7;color:#15803d}.doc-tipo-badge.tipo-ND{background:#ffedd5;color:#c2410c}.doc-comprob-mobile{font-family:monospace;font-size:13px;font-weight:600;color:#374151}.doc-card-body{display:flex;justify-content:space-between;align-items:center}.doc-card-info{display:flex;gap:12px}.doc-fecha-mobile{font-size:13px;color:#6b7280}.doc-dias-mobile{font-size:13px;color:#9ca3af}.doc-impago-mobile{font-size:16px;font-weight:700;color:#dc2626}.doc-impago-mobile.credito,.doc-impago-mobile.recibo{color:#16a34a}.tipo-REC,.doc-tipo-badge.tipo-REC{background:#dcfce7;color:#15803d}.recibos-section{border-left:4px solid #16a34a;background:linear-gradient(135deg,#f0fdf4,#fff)}.esquema-header-recibo{border-bottom-color:#bbf7d0}.esquema-header-recibo .esquema-titulo svg{color:#16a34a}.esquema-header-recibo .esquema-titulo h5{color:#15803d}.row-recibo{background-color:#f0fdf4!important}.row-recibo:hover{background-color:#dcfce7!important}.monto-recibo,.impago-recibo{color:#16a34a!important;font-weight:600}.esquema-recibos-mobile{border-top:3px solid #16a34a}.doc-card-recibo{background:#f0fdf4}.resumen-recibos{border-left-color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#fff);grid-column:span 2}.resumen-value.favor{color:#16a34a!important}.total-desglose{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px;margin-top:16px}.total-linea{display:flex;justify-content:space-between;font-size:14px}.total-linea.subtotal{color:#6b7280}.total-linea.subtotal.nc{color:#16a34a}.total-linea.recibos{color:#16a34a;font-weight:500}.total-linea.neto{font-size:18px;font-weight:700;color:#1f2937;border-top:2px solid #e5e7eb;padding-top:8px;margin-top:8px}.total-linea.neto.saldo-favor{color:#16a34a}.total-linea .total-monto{font-weight:700}.central-pedidos{padding:24px;background:#f5f7fa;min-height:100vh}.cp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.cp-header-actions{display:flex;align-items:center;gap:10px}.cp-header-title h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 4px}.cp-header-title p{margin:0;color:#6b7280;font-size:14px}.cp-btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.cp-btn-refresh:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.cp-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.cp-btn-refresh .spin,.spin{animation:spin 1s linear infinite}.cp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;color:#6b7280}.cp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.cp-stat-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.cp-stat-card:hover{border-color:var(--stat-color);transform:translateY(-2px)}.cp-stat-card.active{border-color:var(--stat-color);background:color-mix(in srgb,var(--stat-color) 10%,white)}.cp-stat-card .stat-count{font-size:1.75rem;font-weight:700;color:var(--stat-color)}.cp-stat-card .stat-label{font-size:12px;color:#6b7280;text-align:center}.cp-stats-container{margin-bottom:24px}.cp-stats-hoy-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:16px;box-shadow:0 4px 16px #2563eb33}.cp-stats-hoy-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2563eb59}.stats-hoy-main{display:flex;align-items:center;gap:16px}.stats-hoy-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;backdrop-filter:blur(4px)}.stats-hoy-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.stats-hoy-label{font-size:11px;color:#ffffffd9;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.stats-hoy-value{font-size:1.75rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.5px}.stats-hoy-count{font-size:13px;color:#ffffffbf}.stats-hoy-breakdown{display:flex;flex-direction:column;gap:4px;margin-left:24px;padding-left:24px;border-left:1px solid rgba(255,255,255,.2)}.breakdown-item{font-size:13px;color:#ffffffe6;font-weight:500}.breakdown-item.ixnova{color:#86efac}.breakdown-item.prueba{color:#fde68a}.stats-hoy-action{display:flex;align-items:center;gap:6px;color:#ffffffe6;font-size:14px;font-weight:500}.stats-modal-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpDesktop{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.stats-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -10px 60px #0003;animation:slideUp .35s cubic-bezier(.32,.72,0,1)}.stats-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:10}.stats-modal-title{display:flex;align-items:center;gap:14px}.stats-modal-icon{width:44px;height:44px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.stats-modal-title h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.3px}.stats-modal-title p{font-size:13px;color:#64748b;margin:2px 0 0}.stats-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:12px;color:#64748b;cursor:pointer;transition:all .2s ease}.stats-modal-close:hover{background:#fee2e2;color:#ef4444;transform:scale(1.05)}.stats-modal-content{flex:1;overflow-y:auto;padding:24px;background:#f8fafc;-webkit-overflow-scrolling:touch}.stats-section{margin-bottom:28px}.stats-section:last-child{margin-bottom:0}.stats-section-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px}.stats-section-title svg{color:#6366f1}.stats-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stats-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stats-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;transition:all .2s ease;border:1px solid rgba(0,0,0,.04)}.stats-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.stats-card-featured{background:linear-gradient(135deg,#6366f1,#8b5cf6);grid-column:span 2;border:none}.stats-card-featured .stats-card-value,.stats-card-featured .stats-card-label,.stats-card-featured .stats-card-meta{color:#fff}.stats-card-featured .stats-card-label{opacity:.9}.stats-card-featured .stats-card-meta{opacity:.75}.stats-card-accent{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none}.stats-card-accent .stats-card-value,.stats-card-accent .stats-card-label,.stats-card-accent .stats-card-meta{color:#fff}.stats-card-accent .stats-card-label{opacity:.9}.stats-card-accent .stats-card-meta{opacity:.75}.stats-card-muted{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1}.stats-card-muted .stats-card-value{color:#475569}.stats-card-muted .stats-card-label{color:#64748b}.stats-card-muted .stats-card-meta{color:#94a3b8}.stats-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stats-card-icon{width:36px;height:36px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b}.stats-card-icon.featured,.stats-card-icon.accent{background:#fff3;color:#fff}.stats-card-icon.muted{background:#cbd5e1;color:#64748b}.stats-card-value{font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.5px;line-height:1.2}.stats-card-featured .stats-card-value{font-size:2rem}.stats-card-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stats-card-meta{font-size:12px;color:#94a3b8;margin-top:2px}.stats-variacion{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:600}.stats-variacion.positive{background:#22c55e26;color:#16a34a}.stats-variacion.negative{background:#ef444426;color:#dc2626}.stats-variacion.neutral{background:#64748b26;color:#64748b}.stats-card-featured .stats-variacion.positive{background:#fff3;color:#86efac}.stats-card-featured .stats-variacion.negative{background:#fff3;color:#fca5a5}.stats-card-featured .stats-variacion.neutral{background:#fff3;color:#fffc}.stats-esquemas-row{display:flex;gap:12px}.stats-esquema-card{flex:1;background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden;position:relative}.stats-esquema-card.ixnova{border-left:4px solid #10b981}.stats-esquema-card.prueba{border-left:4px solid #f59e0b}.stats-esquema-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#f1f5f9}.stats-esquema-card.ixnova .stats-esquema-fill{background:linear-gradient(90deg,#10b981,#34d399)}.stats-esquema-card.prueba .stats-esquema-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stats-esquema-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.stats-esquema-content{display:flex;align-items:center;justify-content:space-between}.stats-esquema-name{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stats-esquema-value{font-size:1.1rem;font-weight:700;color:#0f172a}.stats-esquema-percent{font-size:13px;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:4px 8px;border-radius:6px}.stats-leaderboard{display:flex;flex-direction:column;gap:8px}.stats-leader-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000a;transition:all .2s ease}.stats-leader-item:hover{box-shadow:0 4px 12px #00000014;transform:translate(4px)}.stats-leader-item.top-three{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.stats-leader-item.top-three:first-child{background:linear-gradient(135deg,#fef9c3,#fde047 20%,#fef9c3);box-shadow:0 2px 12px #eab30833}.stats-leader-rank{width:28px;display:flex;justify-content:center}.rank-badge{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 2px 8px #f59e0b66}.rank-badge.rank-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#fff}.rank-badge.rank-3{background:linear-gradient(135deg,#fdba74,#fb923c);color:#fff}.rank-number{font-size:13px;font-weight:600;color:#94a3b8}.stats-leader-avatar{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.stats-leader-info{flex:1;min-width:0}.stats-leader-name{display:block;font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-leader-orders{font-size:12px;color:#94a3b8}.stats-leader-amount{text-align:right;min-width:100px}.stats-leader-total{display:block;font-size:15px;font-weight:700;color:#0f172a;margin-bottom:4px}.stats-leader-bar-track{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.stats-leader-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.stats-date-picker{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.stats-date-inputs{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px}.stats-date-field{flex:1;display:flex;flex-direction:column;gap:6px}.stats-date-field label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stats-date-field input{padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#0f172a;background:#f8fafc;transition:all .2s ease;width:100%}.stats-date-field input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.stats-date-separator{color:#cbd5e1;padding-bottom:12px}.stats-date-hint{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;color:#94a3b8;text-align:center}.stats-date-hint p{margin:0;font-size:14px}.stats-custom-results{border-top:1px solid #e2e8f0;padding-top:20px}.stats-custom-summary{display:flex;gap:16px;margin-bottom:20px}.stats-custom-total{flex:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;padding:18px;color:#fff;display:flex;flex-direction:column;gap:4px}.stats-custom-total-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.85;font-weight:600}.stats-custom-total-value{font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.stats-custom-total-count{font-size:13px;opacity:.75}.stats-custom-breakdown{display:flex;flex-direction:column;gap:8px}.stats-custom-esquema{padding:12px 16px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;min-width:120px}.stats-custom-esquema.ix{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.stats-custom-esquema.pr{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.stats-custom-esquema span{font-size:11px;font-weight:700;color:#64748b}.stats-custom-esquema strong{font-size:14px;color:#0f172a}.stats-custom-vendors h4{font-size:13px;font-weight:700;color:#475569;margin:0 0 14px}.stats-custom-vendors-list{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto}.stats-custom-vendor-row{display:flex;align-items:center;gap:10px;padding:12px;background:#f8fafc;border-radius:10px;transition:all .2s ease}.stats-custom-vendor-row:hover{background:#f1f5f9}.stats-custom-vendor-rank{font-size:11px;font-weight:700;color:#94a3b8;min-width:24px}.stats-custom-vendor-avatar{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.stats-custom-vendor-info{flex:1;min-width:0}.stats-custom-vendor-name{display:block;font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-custom-vendor-tags{display:flex;gap:6px;margin-top:4px}.stats-custom-vendor-tags span{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.tag-pedidos{background:#e2e8f0;color:#64748b}.tag-ix{background:#d1fae5;color:#059669}.tag-pr{background:#fef3c7;color:#d97706}.stats-custom-vendor-total{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap}.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;text-align:center}.stats-empty svg{margin-bottom:12px;opacity:.5}.stats-empty p{margin:0;font-size:14px}.stats-empty.small{padding:24px}.stats-empty.small svg{margin-bottom:8px}@media(min-width:769px){.stats-modal-overlay{align-items:center;padding:20px}.stats-modal{max-width:720px;max-height:85vh;border-radius:24px;animation:slideUpDesktop .3s cubic-bezier(.32,.72,0,1)}.stats-metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stats-metrics-grid .stats-card-featured{grid-column:span 2}.stats-quick-grid{grid-template-columns:repeat(2,1fr)}.stats-card-featured{grid-column:span 2}.stats-date-inputs,.stats-custom-summary{flex-direction:row}}@media(max-width:768px){.stats-modal{max-height:92vh}.stats-modal-content{padding:16px}.stats-metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats-metrics-grid .stats-card-featured{grid-column:span 2}.stats-quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats-card-featured{grid-column:span 2}.stats-card{padding:14px}.stats-card-value{font-size:1.25rem}.stats-card-featured .stats-card-value{font-size:1.5rem}.stats-esquemas-row{flex-direction:column;gap:10px}.stats-date-inputs{flex-direction:column}.stats-date-separator{display:none}.stats-custom-summary{flex-direction:column}.stats-custom-breakdown{flex-direction:row}.stats-custom-esquema{flex:1;min-width:auto}.stats-leader-item{padding:10px 12px}.stats-leader-avatar{width:34px;height:34px;font-size:12px}.stats-leader-amount{min-width:80px}.stats-leader-bar-track{display:none}.cp-stats-hoy-card{flex-direction:column;align-items:stretch;gap:12px}.stats-hoy-main{flex-direction:column;align-items:center;text-align:center}.stats-hoy-content{align-items:center}.stats-hoy-breakdown{flex-direction:row;justify-content:center;margin-left:0;padding-left:0;border-left:none;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}}.cp-filters{background:#fff;border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.cp-filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cp-search{flex:1;min-width:250px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.cp-search input{flex:1;border:none;background:transparent;font-size:14px;outline:none}.cp-search svg{color:#9ca3af}.cp-filter-select{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:160px}.cp-filter-dates{display:flex;align-items:center;gap:8px}.cp-filter-dates input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.cp-filter-dates span{color:#9ca3af}.cp-btn-clear{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;font-size:14px;cursor:pointer;transition:all .2s}.cp-btn-clear:hover{background:#fecaca}.cp-error{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:20px}.cp-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.cp-table{width:100%;border-collapse:collapse}.cp-table thead{background:#f9fafb}.cp-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.cp-table td{padding:4px 10px;height:42px;border-bottom:1px solid #e5e7eb;vertical-align:middle;font-size:13px}.cp-table tbody tr:hover{background:#f9fafb}.cp-table tbody tr.has-cobranza{background:#fefce8}.cp-table tbody tr.has-cobranza:hover{background:#fef9c3}.cp-table tbody tr.estado-recibido{background:#f0fdf4;border-left:4px solid #22c55e}.cp-table tbody tr.estado-recibido:hover{background:#dcfce7}.cp-table tbody tr.estado-recibido td:first-child{padding-left:12px}.col-numero{width:110px;font-family:monospace}.col-numero strong{color:#111827;font-size:12px}.badge-cobranza{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#16a34a;color:#fff;font-size:8px;font-weight:700;border-radius:3px;margin-left:4px;vertical-align:middle}.badge-nuevo{display:inline-block;padding:1px 4px;background:#f59e0b;color:#fff;font-size:7px;font-weight:700;border-radius:3px;margin-left:4px;vertical-align:middle}.badge-esquema{display:inline-block;padding:1px 4px;font-size:8px;font-weight:700;border-radius:3px;margin-left:6px;vertical-align:middle}.badge-esquema.ix{background:#3b82f6;color:#fff}.badge-esquema.pr{background:#f97316;color:#fff}.badge-calipso{display:inline-block;padding:2px 5px;background:#8b5cf6;color:#fff;font-size:8px;font-weight:700;border-radius:3px;margin-left:4px;vertical-align:middle}.col-fecha{width:85px;line-height:1.1}.col-fecha .fecha-dia{font-size:11px;font-weight:500;color:#374151;display:block}.col-fecha .fecha-hora{font-size:10px;color:#9ca3af;display:block}.col-cliente-vendedor{min-width:180px;max-width:300px}.col-cliente-vendedor .cliente-nombre{font-weight:600;color:#111827;font-size:.8rem;line-height:1.3;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.col-cliente-vendedor .vendedor-info{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px;margin-top:2px}.col-cliente-vendedor .vendedor-info svg{color:#9ca3af;flex-shrink:0;width:10px;height:10px}.col-items{width:55px;text-align:center!important}.items-badge{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.col-total{width:100px;text-align:right!important;font-family:monospace;font-weight:600;color:#111827;font-size:12px}.col-estado{width:120px}.col-acciones{width:70px;display:flex;gap:3px}.estado-wrapper{position:relative}.estado-btn{display:flex;align-items:center;gap:3px;padding:3px 6px;border:none;border-radius:4px;color:#fff;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.estado-btn:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.estado-btn:disabled{opacity:.7;cursor:wait}.estado-dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 40px #00000026;padding:8px;margin-top:4px}.estado-dropdown.open-up{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.estado-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .15s;text-align:left}.estado-option:hover{background:#f3f4f6}.estado-option.active{background:#eff6ff;color:#2563eb;font-weight:600}.option-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.btn-ver-detalle,.btn-descargar-excel{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .15s}.btn-ver-detalle:hover{background:#e5e7eb;color:#374151}.btn-descargar-excel{background:#dcfce7;color:#16a34a}.btn-descargar-excel:hover{background:#bbf7d0;color:#15803d}.btn-enviar-calipso{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#dbeafe;border:none;border-radius:4px;color:#2563eb;cursor:pointer;transition:all .15s}.btn-enviar-calipso:hover:not(:disabled){background:#bfdbfe;color:#1d4ed8}.btn-enviar-calipso:disabled{opacity:.7;cursor:not-allowed}.btn-enviar-calipso.exito{background:#dcfce7;color:#16a34a}.btn-enviar-calipso.error{background:#fee2e2;color:#dc2626}.btn-imprimir-calipso{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f3e8ff;border:none;border-radius:4px;color:#7c3aed;cursor:pointer;transition:all .15s}.btn-imprimir-calipso:hover{background:#e9d5ff;color:#6d28d9}.cp-empty{text-align:center;padding:60px 20px;color:#9ca3af}.cp-empty svg{margin-bottom:16px;opacity:.5}.cp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cp-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.cp-modal.cp-modal-wide{max-width:1100px}.cp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.cp-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.cp-modal-header .btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.cp-modal-header .btn-close:hover{background:#fee2e2;color:#dc2626}.cp-modal-content{flex:1;overflow-y:auto;padding:24px}.detalle-estado{display:flex;align-items:center;gap:12px;margin-bottom:20px}.estado-badge{padding:8px 16px;border-radius:8px;color:#fff;font-weight:600;font-size:14px}.estado-fecha{font-size:13px;color:#6b7280}.detalle-alerta{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px}.detalle-alerta.cobranza{background:#dcfce7;color:#166534;border:1px solid #86efac}.detalle-alerta.cliente-nuevo{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.detalle-section{margin-bottom:24px}.detalle-section h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.detalle-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detalle-field{display:flex;flex-direction:column;gap:4px}.detalle-field.full{grid-column:1 / -1}.detalle-field label{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.detalle-field span{font-size:14px;color:#111827}.esquema-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.esquema-badge.ixnova{background:#dbeafe;color:#1d4ed8}.esquema-badge.prueba{background:#fef3c7;color:#92400e}.detalle-comentario{margin:0;padding:12px 16px;background:#f9fafb;border-radius:8px;font-size:14px;color:#374151;line-height:1.5}.detalle-items{overflow-x:auto}.detalle-items table{width:100%;border-collapse:collapse;font-size:13px}.detalle-items th{padding:10px 12px;text-align:left;background:#f9fafb;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.detalle-items td{padding:10px 12px;border-bottom:1px solid #f3f4f6}.detalle-items .col-center{text-align:center}.detalle-items .col-right{text-align:right}.detalle-items .col-codigo{font-family:monospace;font-weight:600;color:#3b82f6}.detalle-items .col-descripcion{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detalle-items .descuento-badge{display:inline-block;padding:2px 8px;background:#dcfce7;color:#16a34a;border-radius:4px;font-size:12px;font-weight:600}.detalle-items .descuento-badge.bonificado{background:#f3e8ff;color:#8b5cf6}.detalle-items .sin-descuento{color:#9ca3af}.detalle-items tr.item-bonificado{background:#faf5ff}.detalle-items tr.item-bonificado td{border-bottom:1px solid #e9d5ff}.detalle-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:768px){.detalle-info-grid{grid-template-columns:1fr;gap:16px}}.detalle-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:16px}.detalle-error span{flex:1}.detalle-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:2px}.detalle-items .col-actions{white-space:nowrap;width:80px}.detalle-items .btn-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;margin:0 2px}.detalle-items .btn-action:disabled{opacity:.4;cursor:not-allowed}.detalle-items .btn-edit{background:#eff6ff;color:#3b82f6}.detalle-items .btn-edit:hover:not(:disabled){background:#dbeafe}.detalle-items .btn-delete{background:#fef2f2;color:#ef4444}.detalle-items .btn-delete:hover:not(:disabled){background:#fee2e2}.detalle-items .btn-save{background:#dcfce7;color:#16a34a}.detalle-items .btn-save:hover:not(:disabled){background:#bbf7d0}.detalle-items .btn-cancel{background:#f3f4f6;color:#6b7280}.detalle-items .btn-cancel:hover:not(:disabled){background:#e5e7eb}.detalle-items tr.item-editing{background:#fffbeb}.detalle-items tr.item-editing td{padding:6px 8px;border-bottom:1px solid #fcd34d}.detalle-items .edit-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;transition:border-color .15s ease}.detalle-items .edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.detalle-items .edit-codigo{width:100px;font-family:monospace;text-transform:uppercase}.detalle-items .edit-descripcion{min-width:150px}.detalle-items .edit-cantidad{width:60px;text-align:center}.detalle-items .edit-precio{width:90px;text-align:right}.detalle-items .edit-descuento{width:60px;text-align:center}.detalle-items .spin{animation:spin 1s linear infinite}.detalle-totales{background:#f9fafb;border-radius:8px;padding:16px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.total-row.descuento{color:#16a34a}.total-row.total-final{border-top:2px solid #e5e7eb;margin-top:8px;padding-top:12px;font-size:18px;font-weight:700;color:#111827}@media(max-width:1024px){.central-pedidos{padding:16px}.cp-stats{grid-template-columns:repeat(3,1fr)}.cp-filter-row{flex-direction:column;align-items:stretch}.cp-search{min-width:unset}.cp-filter-dates{width:100%;justify-content:space-between}.cp-table-container{overflow-x:auto}.cp-table{min-width:750px}}@media(max-width:640px){.cp-stats{grid-template-columns:repeat(2,1fr)}.cp-modal{max-height:100vh;border-radius:0}.detalle-grid{grid-template-columns:1fr}}.cp-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:12px}.cp-pagination-info{font-size:13px;color:#6b7280}.cp-pagination-controls{display:flex;align-items:center;gap:8px}.cp-pagination-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .15s}.cp-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.cp-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cp-page-number{font-size:13px;color:#374151;font-weight:500;padding:0 8px}@media(max-width:640px){.cp-pagination{flex-direction:column;align-items:center;gap:8px}.cp-pagination-info{order:2}.cp-pagination-controls{order:1}}.col-checkbox{width:40px;text-align:center}.col-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.cp-table tbody tr.selected{background-color:#eff6ff}.cp-table tbody tr.selected:hover{background-color:#dbeafe}.cp-bulk-actions{display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:10px;margin-bottom:16px;box-shadow:0 4px 12px #2563eb4d}.bulk-count{color:#fff;font-weight:600;font-size:14px;white-space:nowrap}.bulk-buttons{display:flex;gap:8px;flex-wrap:wrap;flex:1}.bulk-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.bulk-btn:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.bulk-btn:disabled{opacity:.7;cursor:wait}.bulk-clear{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.bulk-clear:hover{background:#ffffff40}@media(max-width:768px){.cp-bulk-actions{flex-direction:column;align-items:stretch;gap:12px}.bulk-count{text-align:center}.bulk-buttons{justify-content:center}.bulk-clear{align-self:center}}.cp-config-modal{max-height:90vh;display:flex;flex-direction:column}.cp-config-modal .cp-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0}.cp-config-modal .header-with-icon{display:flex;align-items:center;gap:10px}.cp-config-modal .header-with-icon h2{margin:0;font-size:1.25rem}.cp-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#6b7280}.config-content{padding:20px;display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;min-height:0}.config-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.config-section{border:1px solid #e5e7eb;border-radius:10px;overflow:visible}.config-section .section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;background:#f9fafb;border:none;cursor:pointer;transition:background .15s}.config-section .section-header:hover{background:#f3f4f6}.config-section .section-title{display:flex;align-items:center;gap:10px;font-weight:600;color:#374151}.config-section .section-content{padding:16px;border-top:1px solid #e5e7eb;background:#fff}.config-description{font-size:13px;color:#6b7280;margin:0 0 16px}.config-form{display:flex;flex-direction:column;gap:12px}.config-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;background:#f9fafb}.config-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.color-indicator{width:16px;height:16px;border-radius:4px}.color-indicator.rojo{background:#ef4444}.color-indicator.naranja{background:#f97316}.color-indicator.amarillo{background:#eab308}.color-indicator.verde{background:#22c55e}.config-inputs{display:flex;align-items:center;gap:8px}.range-text{font-size:13px;color:#6b7280}.input-range{width:70px;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;text-align:center}.input-range:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.impuestos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:768px){.impuestos-grid{grid-template-columns:repeat(2,1fr)}}.impuesto-item{display:flex;flex-direction:column;gap:6px}.impuesto-item label{font-size:12px;font-weight:500;color:#6b7280}.input-with-symbol{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.input-with-symbol .symbol{padding:0 8px;background:#f3f4f6;color:#6b7280;font-size:13px;border-right:1px solid #d1d5db}.input-with-symbol .symbol:last-child{border-right:none;border-left:1px solid #d1d5db}.input-with-symbol input{flex:1;padding:8px 10px;border:none;font-size:14px;min-width:0}.input-with-symbol input:focus{outline:none}.input-with-symbol.small{width:100px}.input-with-symbol.small input{padding:6px 8px}.otros-gastos{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb;display:block!important;visibility:visible!important}.otros-gastos h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px}.otros-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:16px;visibility:visible!important}@media(max-width:640px){.otros-grid{grid-template-columns:1fr}}.otro-item{display:flex!important;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.otro-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.otro-header label{font-size:13px;font-weight:600;color:#374151}.otro-header .input-with-symbol{width:120px;flex-shrink:0}.otro-header .input-with-symbol.small{width:120px}.otro-header .input-with-symbol input{width:100%;min-width:60px}.detalle-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff}.detalle-input:focus{outline:none;border-color:#3b82f6}.detalle-input::placeholder{color:#9ca3af}.loading-tipos,.no-tipos{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#6b7280;font-size:14px}.no-tipos{background:#fef3c7;color:#92400e;border-radius:8px}.comisiones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.comisiones-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.comisiones-grid{grid-template-columns:1fr}}.comision-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:12px}.comision-item label{font-size:13px;font-weight:500;color:#374151;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comision-item .input-with-symbol{width:90px;flex-shrink:0}.comision-item .input-with-symbol input{text-align:right}.config-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.config-actions .btn-secondary{padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;cursor:pointer}.config-actions .btn-secondary:hover{background:#f9fafb}.config-actions .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.config-actions .btn-primary:hover{background:#2563eb}.config-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}.rentabilidad-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;margin-top:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:14px}.rentabilidad-section{margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.rentabilidad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rentabilidad-header h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1e293b;margin:0}.rentabilidad-badge{padding:4px 12px;border-radius:20px;font-size:14px;font-weight:700}.badge-rojo{background:#fee2e2;color:#dc2626}.badge-naranja{background:#ffedd5;color:#ea580c}.badge-amarillo{background:#fef9c3;color:#ca8a04}.badge-verde{background:#dcfce7;color:#16a34a}.badge-gris{background:#f3f4f6;color:#6b7280}.rentabilidad-error-state{text-align:center;padding:20px}.rentabilidad-error{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ef4444}.rentabilidad-error .error-message{font-size:13px;color:#6b7280}.rentabilidad-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border-radius:6px;color:#92400e;font-size:12px;margin-bottom:12px}.rentabilidad-breakdown{display:flex;flex-direction:column;gap:4px}.rentabilidad-breakdown .breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;font-size:13px}.rentabilidad-breakdown .breakdown-row.income{background:#f0fdf4}.rentabilidad-breakdown .breakdown-row.expense{background:#fef2f2}.rentabilidad-breakdown .breakdown-row.subtotal{background:#f3f4f6;font-weight:500}.rentabilidad-breakdown .breakdown-row.total{background:#f3f4f6;color:#374151;margin-top:8px;border:1px solid #e5e7eb}.rentabilidad-breakdown .breakdown-row.collapsible{cursor:pointer}.rentabilidad-breakdown .breakdown-row.collapsible:hover{filter:brightness(.97)}.rentabilidad-breakdown .row-label{display:flex;align-items:center;gap:6px}.rentabilidad-breakdown .row-label .indent{padding-left:20px}.rentabilidad-breakdown .row-value{font-weight:600}.rentabilidad-breakdown .row-value.positive{color:#16a34a}.rentabilidad-breakdown .row-value.negative{color:#dc2626}.rentabilidad-breakdown .row-value.total-value{font-size:16px}.rentabilidad-breakdown .breakdown-separator{height:1px;background:#e5e7eb;margin:8px 0}.rentabilidad-breakdown .breakdown-details{padding:8px 12px 8px 28px;background:#f9fafb;border-radius:6px;margin-top:2px}.rentabilidad-breakdown .detail-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;color:#6b7280}.rentabilidad-breakdown .detail-row .positive{color:#16a34a}.rentabilidad-breakdown .detail-row .negative{color:#dc2626}.rentabilidad-breakdown .detail-row.collapsible-sub{cursor:pointer;padding:6px 0}.rentabilidad-breakdown .detail-row.collapsible-sub:hover{background:#f3f4f6;margin:0 -8px;padding:6px 8px;border-radius:4px}.rentabilidad-breakdown .detail-label-clickable{display:flex;align-items:center;gap:4px}.rentabilidad-breakdown .iva-detail-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px;margin:8px 0}.rentabilidad-breakdown .iva-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;color:#64748b}.rentabilidad-breakdown .iva-row.resultado{border-top:1px dashed #cbd5e1;margin-top:6px;padding-top:8px;font-weight:600;color:#374151}.rentabilidad-breakdown .iva-row .positive{color:#16a34a}.rentabilidad-breakdown .iva-row .negative{color:#dc2626}.rentabilidad-breakdown .iva-row.nota-sin-iva{background:#fef3c7;padding:6px 8px;border-radius:4px;margin-bottom:8px;font-size:11px;color:#92400e;justify-content:center}.rentabilidad-breakdown .iva-compra-desglose{padding-left:12px;border-left:2px solid #e2e8f0;margin-left:4px;margin-bottom:4px}.rentabilidad-breakdown .iva-row.sub{font-size:11px;color:#94a3b8;padding:2px 0}.rentabilidad-breakdown .iva-row.sub span:first-child{font-style:italic}.rentabilidad-breakdown .items-detail{padding:8px 12px}.rentabilidad-breakdown .item-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e5e7eb;font-size:12px}.rentabilidad-breakdown .item-detail-row:last-child{border-bottom:none}.rentabilidad-breakdown .item-info{display:flex;flex-direction:column;gap:2px}.rentabilidad-breakdown .item-codigo{font-family:monospace;font-weight:600;color:#3b82f6}.rentabilidad-breakdown .item-desc{color:#6b7280;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rentabilidad-breakdown .item-calc{display:flex;align-items:center;gap:8px;color:#6b7280}.rentabilidad-breakdown .item-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.rentabilidad-breakdown .sin-costo{color:#ef4444;font-style:italic}.rentabilidad-final{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;margin-top:8px;font-weight:600}.rentabilidad-final.rojo{background:#fee2e2;color:#dc2626}.rentabilidad-final.naranja{background:#ffedd5;color:#ea580c}.rentabilidad-final.amarillo{background:#fef9c3;color:#ca8a04}.rentabilidad-final.verde{background:#dcfce7;color:#16a34a}.rentabilidad-final.gris{background:#f3f4f6;color:#6b7280}.rentabilidad-final .label{font-size:14px}.rentabilidad-final .value{font-size:18px}.rentabilidad-note{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;background:#eff6ff;border-radius:6px;font-size:12px;color:#3b82f6}.cp-btn-config{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;cursor:pointer;transition:all .15s}.cp-btn-config:hover{background:#f9fafb;border-color:#9ca3af}.articulos-container{--articulos-primary: #3b82f6;--articulos-primary-dark: #2563eb;--articulos-success: #10b981;--articulos-warning: #f59e0b;--articulos-danger: #ef4444;--articulos-gray-50: #f9fafb;--articulos-gray-100: #f3f4f6;--articulos-gray-200: #e5e7eb;--articulos-gray-300: #d1d5db;--articulos-gray-400: #9ca3af;--articulos-gray-500: #6b7280;--articulos-gray-600: #4b5563;--articulos-gray-700: #374151;--articulos-gray-800: #1f2937;--articulos-gray-900: #111827;--articulos-radius: 8px;--articulos-shadow: 0 1px 3px rgba(0,0,0,.1);--articulos-shadow-lg: 0 4px 6px rgba(0,0,0,.1)}.articulos-container{padding:1rem;max-width:100%;margin:0 auto;min-height:100vh;background:var(--articulos-gray-50)}.articulos-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--articulos-gray-200)}.header-title{display:flex;align-items:center;gap:.75rem}.header-title svg{color:var(--articulos-primary);flex-shrink:0}.header-title h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--articulos-gray-800)}.ultima-sync{display:block;font-size:.75rem;color:var(--articulos-gray-500);font-weight:400}.header-actions{display:none}.message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--articulos-radius);margin-bottom:1rem;font-size:.875rem;animation:slideIn .3s ease}.message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.acceso-denegado{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--articulos-gray-500)}.acceso-denegado svg{color:var(--articulos-warning);margin-bottom:1rem}.acceso-denegado h2{margin:0 0 .5rem;color:var(--articulos-gray-800)}.articulos-stats{display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.articulos-stats::-webkit-scrollbar{display:none}.stat-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border-radius:var(--articulos-radius);box-shadow:var(--articulos-shadow);min-width:140px;flex-shrink:0}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0}.stat-icon.total{background:#dbeafe;color:#2563eb}.stat-icon.stock{background:#d1fae5;color:#059669}.stat-icon.sin-stock{background:#fee2e2;color:#dc2626}.stat-icon.valor{background:#fef3c7;color:#d97706}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:1.125rem;font-weight:700;color:var(--articulos-gray-800);white-space:nowrap}.stat-value.stat-value-small{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-label{font-size:.75rem;color:var(--articulos-gray-500);white-space:nowrap}.stats-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--articulos-gray-500)}.articulos-filters-wrapper{margin-bottom:1rem}.filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:#fff;border:1px solid var(--articulos-gray-200);border-radius:var(--articulos-radius);font-size:.875rem;font-weight:500;color:var(--articulos-gray-700);cursor:pointer;transition:all .2s}.filters-toggle:hover{background:var(--articulos-gray-50)}.filters-content{display:none;margin-top:.5rem}.filters-content.open{display:block}.articulos-filters{background:#fff;border-radius:var(--articulos-radius);padding:1rem;box-shadow:var(--articulos-shadow)}.search-box{position:relative;margin-bottom:1rem}.search-box svg{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--articulos-gray-400)}.search-box input{width:100%;padding:.625rem 2.5rem;border:1px solid var(--articulos-gray-200);border-radius:var(--articulos-radius);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.search-box input:focus{outline:none;border-color:var(--articulos-primary);box-shadow:0 0 0 3px #3b82f61a}.clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem;background:none;border:none;color:var(--articulos-gray-400);cursor:pointer;border-radius:4px}.clear-search:hover{color:var(--articulos-gray-600);background:var(--articulos-gray-100)}.filters-row{display:flex;flex-direction:column;gap:.75rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;font-weight:500;color:var(--articulos-gray-600)}.filter-group select{padding:.5rem .75rem;border:1px solid var(--articulos-gray-200);border-radius:var(--articulos-radius);font-size:.875rem;background:#fff;cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--articulos-primary)}.btn-limpiar-filtros{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;background:var(--articulos-gray-100);border:1px solid var(--articulos-gray-200);border-radius:var(--articulos-radius);font-size:.875rem;color:var(--articulos-gray-600);cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-limpiar-filtros:hover{background:var(--articulos-gray-200)}.filter-results{display:flex;align-items:center;gap:.375rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--articulos-gray-100);font-size:.75rem;color:var(--articulos-gray-500)}.articulos-cards{display:flex;flex-direction:column;gap:.75rem;padding-bottom:5rem}.cards-loading,.cards-empty{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--articulos-gray-500);text-align:center}.articulo-card{background:#fff;border-radius:var(--articulos-radius);padding:1rem;box-shadow:var(--articulos-shadow);cursor:pointer;transition:box-shadow .2s}.articulo-card:active{box-shadow:var(--articulos-shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.card-codigo{font-size:.75rem;font-weight:600;color:var(--articulos-primary);font-family:monospace}.card-marca{font-size:.625rem;padding:.125rem .5rem;background:var(--articulos-gray-100);border-radius:9999px;color:var(--articulos-gray-600);text-transform:uppercase}.card-descripcion{margin:0;font-size:.875rem;color:var(--articulos-gray-700);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--articulos-gray-100)}.card-stock{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:var(--articulos-radius);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.card-stock.alto{background:#d1fae5;color:#065f46}.card-stock.medio{background:#fef3c7;color:#92400e}.card-stock.bajo{background:#fee2e2;color:#991b1b}.card-stock.sin-stock{background:var(--articulos-gray-200);color:var(--articulos-gray-600)}.card-stock:active{transform:scale(.95)}.card-precios{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.precio-costo{font-size:.875rem;font-weight:700;color:var(--articulos-gray-800)}.precio-lista{font-size:.75rem;color:var(--articulos-gray-500)}.card-codbar{margin-top:.5rem;font-size:.625rem;color:var(--articulos-gray-400);font-family:monospace}.fab-overlay{position:fixed;inset:0;background:#0000004d;z-index:998;animation:fadeIn .2s ease}.fab-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:999;display:flex;flex-direction:column-reverse;align-items:center;gap:.75rem}.fab-main{width:56px;height:56px;border-radius:50%;background:var(--articulos-primary);color:#fff;border:none;box-shadow:0 4px 12px #3b82f666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.fab-main:active{transform:scale(.95)}.fab-container.open .fab-main{background:var(--articulos-gray-700);transform:rotate(45deg)}.fab-menu{display:flex;flex-direction:column;gap:.5rem;animation:fabMenuIn .2s ease}@keyframes fabMenuIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fab-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:none;border-radius:var(--articulos-radius);box-shadow:var(--articulos-shadow-lg);font-size:.875rem;color:var(--articulos-gray-700);cursor:pointer;white-space:nowrap;transition:all .2s}.fab-item:active{background:var(--articulos-gray-100)}.fab-item svg{color:var(--articulos-primary)}.stock-edit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;z-index:1000;animation:fadeIn .2s ease}.stock-edit-modal{width:100%;background:#fff;border-radius:1rem 1rem 0 0;padding:1rem;animation:slideUp .3s ease}.stock-edit-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--articulos-gray-200)}.stock-edit-modal .modal-header h3{margin:0;font-size:1.125rem;color:var(--articulos-gray-800)}.stock-edit-modal .btn-close{padding:.5rem;background:none;border:none;color:var(--articulos-gray-500);cursor:pointer;border-radius:var(--articulos-radius)}.stock-edit-modal .btn-close:hover{background:var(--articulos-gray-100)}.stock-edit-modal .modal-body{padding:1rem 0}.stock-edit-modal .articulo-info{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--articulos-gray-50);border-radius:var(--articulos-radius);margin-bottom:1rem}.stock-edit-modal .articulo-info svg{color:var(--articulos-gray-400);flex-shrink:0;margin-top:.125rem}.stock-edit-modal .info-codigo{display:block;font-size:.75rem;font-weight:600;color:var(--articulos-primary);font-family:monospace}.stock-edit-modal .info-descripcion{display:block;font-size:.875rem;color:var(--articulos-gray-700);margin-top:.25rem}.stock-edit-modal .stock-actual{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--articulos-gray-100);border-radius:var(--articulos-radius);margin-bottom:1rem;font-size:.875rem;color:var(--articulos-gray-600)}.stock-edit-modal .stock-actual strong{font-size:1.25rem;color:var(--articulos-gray-800)}.stock-edit-modal .input-group{margin-bottom:1rem}.stock-edit-modal .input-group label{display:block;font-size:.75rem;font-weight:500;color:var(--articulos-gray-600);margin-bottom:.375rem}.stock-edit-modal .input-group input{width:100%;padding:.875rem 1rem;border:2px solid var(--articulos-gray-200);border-radius:var(--articulos-radius);font-size:1.25rem;font-weight:600;text-align:center;transition:border-color .2s}.stock-edit-modal .input-group input:focus{outline:none;border-color:var(--articulos-primary)}.stock-edit-modal .input-error{display:block;margin-top:.375rem;font-size:.75rem;color:var(--articulos-danger)}.stock-edit-modal .modal-footer{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--articulos-gray-200)}.stock-edit-modal .btn-cancel,.stock-edit-modal .btn-save{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border-radius:var(--articulos-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.stock-edit-modal .btn-cancel{background:var(--articulos-gray-100);border:1px solid var(--articulos-gray-200);color:var(--articulos-gray-700)}.stock-edit-modal .btn-cancel:hover{background:var(--articulos-gray-200)}.stock-edit-modal .btn-save{background:var(--articulos-primary);border:none;color:#fff}.stock-edit-modal .btn-save:hover{background:var(--articulos-primary-dark)}.stock-edit-modal .btn-save:disabled,.stock-edit-modal .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.sync-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.sync-modal{width:100%;max-width:400px;background:#fff;border-radius:var(--articulos-radius);padding:1.5rem;box-shadow:var(--articulos-shadow-lg)}.sync-estado{display:flex;flex-direction:column;align-items:center;text-align:center}.sync-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;margin-bottom:1rem;background:var(--articulos-gray-100);color:var(--articulos-gray-600)}.sync-icon.loading{background:#dbeafe;color:var(--articulos-primary)}.sync-icon.success{background:#d1fae5;color:var(--articulos-success)}.sync-icon.error{background:#fee2e2;color:var(--articulos-danger)}.sync-estado h3{margin:0 0 .5rem;font-size:1.125rem;color:var(--articulos-gray-800)}.sync-estado p{margin:0;font-size:.875rem;color:var(--articulos-gray-600)}.sync-fase{margin-bottom:1rem!important}.sync-progress-bar{width:100%;height:8px;background:var(--articulos-gray-200);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.sync-progress-fill{height:100%;background:var(--articulos-primary);border-radius:4px;transition:width .3s ease}.sync-percent{font-size:.875rem;font-weight:600;color:var(--articulos-primary)}.sync-resumen{display:flex;gap:1.5rem;margin:1rem 0}.sync-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.sync-stat svg{color:var(--articulos-gray-400)}.sync-stat .stat-valor{font-size:1.25rem;font-weight:700;color:var(--articulos-gray-800)}.sync-stat .stat-label{font-size:.75rem;color:var(--articulos-gray-500)}.sync-detalles{width:100%;padding:1rem;background:var(--articulos-gray-50);border-radius:var(--articulos-radius);margin:1rem 0}.detalle-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.875rem}.detalle-row span{color:var(--articulos-gray-600)}.detalle-row strong{color:var(--articulos-gray-800)}.sync-ultima{display:flex;align-items:center;gap:.375rem;color:var(--articulos-gray-500)!important;font-size:.75rem!important;margin:1rem 0!important}.sync-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef3c7;border-radius:var(--articulos-radius);margin-top:1rem;font-size:.75rem;color:#92400e}.sync-error-msg{color:var(--articulos-danger)!important;margin:.5rem 0 1rem!important}.btn-cerrar{margin-top:1rem;padding:.75rem 2rem;background:var(--articulos-gray-100);border:1px solid var(--articulos-gray-200);border-radius:var(--articulos-radius);font-size:.875rem;font-weight:500;color:var(--articulos-gray-700);cursor:pointer;transition:all .2s}.btn-cerrar:hover{background:var(--articulos-gray-200)}.btn-cerrar.success{background:var(--articulos-success);border-color:var(--articulos-success);color:#fff}.btn-cerrar.success:hover{background:#059669}.articulos-table-container{display:none}.spin{animation:spin 1s linear infinite}@media(min-width:768px){.articulos-container{padding:1.5rem}.filters-row{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.filter-group{min-width:140px;flex:1}.btn-limpiar-filtros{margin-top:0;align-self:flex-end}.articulos-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stock-edit-modal{max-width:400px;margin:auto;border-radius:var(--articulos-radius)}}@media(min-width:1024px){.articulos-container{padding:2rem;max-width:1400px}.articulos-header{flex-direction:row;align-items:center;justify-content:space-between}.header-title h1{font-size:1.75rem}.header-actions{display:flex;gap:.75rem}.btn-action{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--articulos-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-action.exportar{background:var(--articulos-gray-100);color:var(--articulos-gray-700)}.btn-action.exportar:hover:not(:disabled){background:var(--articulos-gray-200)}.btn-action.sincronizar{background:var(--articulos-primary);color:#fff}.btn-action.sincronizar:hover:not(:disabled){background:var(--articulos-primary-dark)}.btn-action.nuevo{background:var(--articulos-success);color:#fff}.btn-action.nuevo:hover:not(:disabled){background:#059669}.btn-action:disabled{opacity:.5;cursor:not-allowed}.articulos-stats{overflow-x:visible;flex-wrap:wrap}.stat-card{flex:1;min-width:180px}.filters-toggle{display:none}.filters-content{display:block!important}.filters-row{flex-wrap:nowrap}.articulos-cards{display:none!important}.articulos-table-container{display:block;background:#fff;border-radius:var(--articulos-radius);box-shadow:var(--articulos-shadow);overflow:hidden}.articulos-table{width:100%;border-collapse:collapse}.articulos-table thead{background:var(--articulos-gray-50);border-bottom:2px solid var(--articulos-gray-200)}.articulos-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--articulos-gray-600);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.articulos-table th.sortable{cursor:pointer;user-select:none;transition:background .2s}.articulos-table th.sortable:hover{background:var(--articulos-gray-100)}.articulos-table th.sortable.active{color:var(--articulos-primary)}.articulos-table th.sortable svg{vertical-align:middle;margin-left:.25rem}.articulos-table th.stock-col,.articulos-table th.precio-col{text-align:right}.articulos-table tbody tr{border-bottom:1px solid var(--articulos-gray-100);transition:background .2s}.articulos-table tbody tr:hover{background:var(--articulos-gray-50)}.articulos-table tbody tr.editing{background:#eff6ff}.articulos-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--articulos-gray-700)}.codigo-cell{white-space:nowrap}.codigo-cell .codigo{display:block;font-weight:600;font-family:monospace;color:var(--articulos-primary)}.codigo-cell .codbar{display:block;font-size:.75rem;color:var(--articulos-gray-400);font-family:monospace}.descripcion-cell{max-width:300px}.descripcion-cell .detalle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marca-cell .marca-badge{display:inline-block;padding:.125rem .5rem;background:var(--articulos-gray-100);border-radius:9999px;font-size:.75rem;color:var(--articulos-gray-600);text-transform:uppercase}.stock-cell{text-align:right;white-space:nowrap}.stock-cell.alto{color:#059669}.stock-cell.medio{color:#d97706}.stock-cell.bajo{color:#dc2626}.stock-cell.sin-stock{color:var(--articulos-gray-400)}.stock-display{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:background .2s}.stock-display:hover{background:var(--articulos-gray-100)}.stock-display .edit-icon{opacity:0;transition:opacity .2s}.stock-display:hover .edit-icon{opacity:1}.stock-value{font-weight:600;font-variant-numeric:tabular-nums}.stock-edit{display:inline-flex;align-items:center;gap:.375rem}.stock-edit input{width:80px;padding:.25rem .5rem;border:2px solid var(--articulos-primary);border-radius:4px;font-size:.875rem;font-weight:600;text-align:right}.stock-edit input:focus{outline:none}.btn-stock-save,.btn-stock-cancel{padding:.25rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-stock-save{background:var(--articulos-success);color:#fff}.btn-stock-save:hover{background:#059669}.btn-stock-cancel{background:var(--articulos-gray-200);color:var(--articulos-gray-600)}.btn-stock-cancel:hover{background:var(--articulos-gray-300)}.stock-error{display:block;font-size:.75rem;color:var(--articulos-danger);white-space:nowrap}.precio-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table-loading,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--articulos-gray-500);text-align:center}.table-loading svg{margin-bottom:.5rem}.table-empty p{margin:0 0 .25rem;font-size:1rem;color:var(--articulos-gray-700)}.table-empty span{font-size:.875rem}.fab-overlay,.fab-container{display:none!important}}@media(min-width:1400px){.articulos-container{max-width:1600px}.descripcion-cell{max-width:400px}.stat-card{min-width:200px}}.sync-dropdown{position:relative}.sync-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:var(--articulos-radius);box-shadow:0 4px 20px #00000026;min-width:240px;z-index:100;overflow:hidden}.sync-menu button{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .2s}.sync-menu button:hover{background:var(--articulos-gray-50)}.sync-menu button svg{color:var(--articulos-primary);flex-shrink:0;margin-top:2px}.sync-menu button div{display:flex;flex-direction:column}.sync-menu button strong{font-size:.875rem;color:var(--articulos-gray-800)}.sync-menu button span{font-size:.75rem;color:var(--articulos-gray-500);margin-top:.125rem}.sync-menu button+button{border-top:1px solid var(--articulos-gray-100)}.sync-mode-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;margin-bottom:.5rem}.sync-mode-badge.parcial{background:#fef3c7;color:#92400e}.sync-mode-badge.total{background:#dbeafe;color:#1e40af}.paginacion{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border-top:1px solid var(--articulos-gray-200);border-radius:0 0 var(--articulos-radius) var(--articulos-radius);margin-top:-1px}.paginacion-info{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.85rem;color:var(--articulos-gray-600)}.paginacion-size{padding:.35rem .5rem;border:1px solid var(--articulos-gray-200);border-radius:4px;font-size:.8rem;background:#fff;cursor:pointer}.paginacion-size:focus{outline:none;border-color:var(--articulos-primary)}.paginacion-controles{display:flex;align-items:center;justify-content:center;gap:.25rem}.paginacion-controles button{padding:.5rem;border:1px solid var(--articulos-gray-200);background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--articulos-gray-600)}.paginacion-controles button:hover:not(:disabled){background:var(--articulos-gray-50);border-color:var(--articulos-primary);color:var(--articulos-primary)}.paginacion-controles button:disabled{opacity:.4;cursor:not-allowed}.paginacion-actual{font-size:.875rem;padding:0 .75rem;color:var(--articulos-gray-700);font-weight:500}@media(min-width:768px){.paginacion{flex-direction:row;justify-content:space-between;align-items:center}}@media(max-width:480px){.paginacion-size{display:none}}.articulo-detalle-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .2s ease}.articulo-detalle-modal{width:100%;max-height:90vh;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.articulo-detalle-drag-bar{display:flex;justify-content:center;padding:12px 0 8px}.drag-indicator{width:36px;height:4px;background:var(--articulos-gray-300);border-radius:2px}.articulo-detalle-header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 1rem 1rem;border-bottom:1px solid var(--articulos-gray-200)}.articulo-detalle-title{display:flex;flex-direction:column;gap:.5rem}.articulo-detalle-title h2{margin:0;font-size:1.25rem;font-weight:700;font-family:monospace;color:var(--articulos-primary)}.articulo-detalle-badge{display:inline-block;padding:.25rem .75rem;background:var(--articulos-gray-100);border-radius:9999px;font-size:.75rem;font-weight:500;color:var(--articulos-gray-600);text-transform:uppercase;letter-spacing:.025em}.articulo-detalle-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--articulos-gray-100);border:none;border-radius:50%;color:var(--articulos-gray-600);cursor:pointer;transition:all .2s}.articulo-detalle-close:hover{background:var(--articulos-gray-200);color:var(--articulos-gray-800)}.articulo-detalle-content{flex:1;overflow-y:auto;padding:1rem}.articulo-detalle-descripcion{margin-bottom:1rem}.descripcion-principal{margin:0 0 .25rem;font-size:1rem;color:var(--articulos-gray-800);line-height:1.5}.descripcion-factura{margin:0;font-size:.875rem;color:var(--articulos-gray-500);font-style:italic}.articulo-detalle-stock-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--articulos-gray-50);border-radius:var(--articulos-radius);border:1px solid var(--articulos-gray-200);margin-bottom:1rem}.stock-info{display:flex;flex-direction:column;gap:.25rem}.stock-valor{display:flex;align-items:baseline;gap:.375rem}.stock-numero{font-size:2rem;font-weight:700;line-height:1}.stock-unidad{font-size:.875rem;color:var(--articulos-gray-500)}.stock-valor.alto .stock-numero{color:#059669}.stock-valor.medio .stock-numero{color:#d97706}.stock-valor.bajo .stock-numero,.stock-valor.sin-stock .stock-numero{color:#dc2626}.stock-labels{display:flex;align-items:center;gap:.75rem}.stock-estado{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.stock-estado.alto{color:#059669}.stock-estado.medio{color:#d97706}.stock-estado.bajo,.stock-estado.sin-stock{color:#dc2626}.stock-minimo{font-size:.75rem;color:var(--articulos-gray-500)}.btn-editar-stock{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--articulos-primary);border:none;border-radius:var(--articulos-radius);font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:background .2s}.btn-editar-stock:hover{background:var(--articulos-primary-dark)}.articulo-detalle-section{border:1px solid var(--articulos-gray-200);border-radius:var(--articulos-radius);margin-bottom:.75rem;overflow:hidden}.articulo-detalle-section .section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--articulos-gray-50);border:none;cursor:pointer;transition:background .2s}.articulo-detalle-section .section-header:hover{background:var(--articulos-gray-100)}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--articulos-gray-700)}.section-title svg{color:var(--articulos-gray-500)}.articulo-detalle-section.expanded .section-header{border-bottom:1px solid var(--articulos-gray-200)}.section-content{padding:1rem;animation:expandSection .2s ease}@keyframes expandSection{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.detalle-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.detalle-grid.clasificacion{grid-template-columns:repeat(2,1fr)}.detalle-field{display:flex;flex-direction:column;gap:.25rem}.detalle-field.full-width{grid-column:1 / -1}.field-label{font-size:.75rem;font-weight:500;color:var(--articulos-gray-500);text-transform:uppercase;letter-spacing:.025em}.field-value{font-size:.875rem;color:var(--articulos-gray-800);word-break:break-word}.field-value.warning{display:flex;align-items:center;gap:.25rem;color:#d97706}.field-value-copy{display:flex;align-items:center;gap:.5rem}.btn-copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--articulos-gray-100);border:none;border-radius:4px;color:var(--articulos-gray-500);cursor:pointer;transition:all .2s;flex-shrink:0}.btn-copy:hover{background:var(--articulos-gray-200);color:var(--articulos-gray-700)}.btn-copy.copied{background:#d1fae5;color:#059669}.detalle-precios-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.precio-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--articulos-gray-50);border-radius:var(--articulos-radius)}.precio-item.destacado{background:#dbeafe;grid-column:1 / -1}.precio-label{font-size:.75rem;font-weight:500;color:var(--articulos-gray-500);text-transform:uppercase;letter-spacing:.025em}.precio-item.destacado .precio-label{color:var(--articulos-primary)}.precio-valor{font-size:1rem;font-weight:600;color:var(--articulos-gray-800)}.precio-item.destacado .precio-valor{font-size:1.25rem;color:var(--articulos-primary-dark)}@media(min-width:768px){.articulo-detalle-overlay{align-items:center;justify-content:center;padding:2rem}.articulo-detalle-modal{max-width:600px;max-height:85vh;border-radius:var(--articulos-radius);box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.articulo-detalle-drag-bar{display:none}.articulo-detalle-header{padding:1.5rem}.articulo-detalle-title{flex-direction:row;align-items:center;gap:1rem}.articulo-detalle-title h2{font-size:1.5rem}.articulo-detalle-content{padding:0 1.5rem 1.5rem}.detalle-grid{grid-template-columns:repeat(2,1fr)}.detalle-precios-grid{grid-template-columns:repeat(3,1fr)}.precio-item.destacado{grid-column:span 1}}@media(min-width:1024px){.detalle-precios-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.articulos-table tbody tr.discontinuado{background:#fef2f2!important}.articulos-table tbody tr.discontinuado:hover{background:#fee2e2!important}.articulos-table tbody tr.discontinuado td{color:#991b1b}.articulos-table tbody tr.discontinuado .detalle.tachado{text-decoration:line-through;opacity:.8}.articulos-table tbody tr.discontinuado .codigo{color:#991b1b}.articulos-table tbody tr.discontinuado .marca-badge{background:#fecaca;color:#991b1b}.articulos-table th.estado-col{width:60px;text-align:center}.articulos-table td.estado-cell{text-align:center}.estado-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.estado-badge.activo{color:#059669;background:#d1fae5}.estado-badge.discontinuado{color:#dc2626;background:#fee2e2}.articulos-table th.acciones-col{width:70px;text-align:center}.articulos-table td.acciones-cell{text-align:center}.btn-ver-detalle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--articulos-gray-100);border:none;border-radius:var(--articulos-radius);color:var(--articulos-gray-600);cursor:pointer;transition:all .2s}.btn-ver-detalle:hover{background:var(--articulos-primary);color:#fff}.articulos-table th.flag-col{width:80px;text-align:center;font-size:.75rem}.articulos-table td.flag-cell{text-align:center;padding:.25rem}.flag-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--articulos-gray-100);border:1px solid var(--articulos-gray-200);border-radius:var(--articulos-radius);color:var(--articulos-gray-400);cursor:pointer;transition:all .2s}.flag-toggle:hover:not(:disabled){background:var(--articulos-gray-200);color:var(--articulos-gray-600)}.flag-toggle:disabled{opacity:.5;cursor:not-allowed}.flag-toggle.active.nuevo{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf6;color:#7c3aed}.flag-toggle.active.nuevo:hover:not(:disabled){background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.flag-toggle.active.destacado{background:linear-gradient(135deg,#fef9c3,#fef08a);border-color:#eab308;color:#ca8a04}.flag-toggle.active.destacado:hover:not(:disabled){background:linear-gradient(135deg,#fef08a,#fde047)}}.articulo-modal-overlay{position:fixed;inset:0;background:#0009;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.articulo-modal{width:100%;max-width:1200px;max-height:90vh;background:#fff;border-radius:var(--articulos-radius);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .2s ease}.articulo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--articulos-gray-200);background:var(--articulos-primary);border-radius:var(--articulos-radius) var(--articulos-radius) 0 0}.articulo-modal-header.discontinuado{background:#dc2626}.modal-header-left{display:flex;align-items:center;gap:1rem;color:#fff}.modal-header-info{display:flex;flex-direction:column;gap:.25rem}.modal-header-info h2{margin:0;font-size:1.25rem;font-weight:700;font-family:monospace;color:#fff}.estado-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px;background:#fff3;color:#fff}.articulo-modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s}.articulo-modal-header .btn-close:hover{background:#ffffff4d}.articulo-modal-body{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;overflow-y:auto;flex:1}@media(min-width:768px){.articulo-modal-body{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.articulo-modal-body{grid-template-columns:repeat(3,1fr)}}.modal-column{display:flex;flex-direction:column;gap:1rem}.modal-section{background:var(--articulos-gray-50);border-radius:var(--articulos-radius);border:1px solid var(--articulos-gray-200);overflow:hidden}.modal-section .section-title{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--articulos-gray-200);font-size:.875rem;font-weight:600;color:var(--articulos-gray-700)}.modal-section .section-title svg{color:var(--articulos-primary)}.modal-section .section-content{padding:1rem}.form-group{margin-bottom:.75rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.75rem;font-weight:500;color:var(--articulos-gray-500);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.375rem}.form-group input,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--articulos-gray-200);border-radius:6px;font-size:.875rem;color:var(--articulos-gray-800);transition:border-color .2s,box-shadow .2s;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--articulos-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input.input-disabled,.form-group textarea.input-disabled{background:var(--articulos-gray-100);color:var(--articulos-gray-500);cursor:not-allowed}.form-group input.modificado,.form-group textarea.modificado{border-color:#f59e0b;background:#fffbeb}.form-group textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.input-stock{font-size:1.125rem!important;font-weight:600;text-align:center}.estado-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:var(--articulos-radius);gap:1rem}.estado-toggle-card.activo{background:#d1fae5;border:1px solid #a7f3d0}.estado-toggle-card.discontinuado{background:#fee2e2;border:1px solid #fecaca}.estado-info{display:flex;align-items:center;gap:.75rem}.estado-toggle-card.activo .estado-info svg{color:#059669}.estado-toggle-card.discontinuado .estado-info svg{color:#dc2626}.estado-info div{display:flex;flex-direction:column}.estado-info strong{font-size:.875rem;color:var(--articulos-gray-800)}.estado-info span{font-size:.75rem;color:var(--articulos-gray-500)}.btn-toggle-estado{padding:.5rem 1rem;border-radius:var(--articulos-radius);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.estado-toggle-card.activo .btn-toggle-estado{background:#fff;border:1px solid #dc2626;color:#dc2626}.estado-toggle-card.activo .btn-toggle-estado:hover{background:#dc2626;color:#fff}.estado-toggle-card.discontinuado .btn-toggle-estado{background:#fff;border:1px solid #059669;color:#059669}.estado-toggle-card.discontinuado .btn-toggle-estado:hover{background:#059669;color:#fff}.btn-toggle-estado.modificado{animation:pulse-border 1s infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b33}}.precios-section .section-content{display:flex;flex-direction:column;gap:.75rem}.precio-group{display:flex;flex-direction:column;gap:.25rem}.precio-group label{font-size:.75rem;font-weight:500;color:var(--articulos-gray-500);text-transform:uppercase;letter-spacing:.025em}.precio-group.destacado{padding:1rem;background:#dbeafe;border-radius:var(--articulos-radius);margin-bottom:.5rem}.precio-group.destacado label{color:var(--articulos-primary)}.precio-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid var(--articulos-gray-200);border-radius:6px;overflow:hidden}.precio-symbol,.precio-suffix{padding:.5rem .75rem;background:var(--articulos-gray-50);color:var(--articulos-gray-500);font-size:.875rem;border-right:1px solid var(--articulos-gray-200)}.precio-suffix{border-right:none;border-left:1px solid var(--articulos-gray-200)}.precio-input-wrapper input{flex:1;border:none;padding:.5rem .75rem;font-size:.875rem;text-align:right}.precio-input-wrapper input:focus{outline:none}.precio-input-wrapper:has(input.modificado){border-color:#f59e0b;background:#fffbeb}.precios-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.precio-group.iva{margin-top:.5rem;padding-top:.75rem;border-top:1px dashed var(--articulos-gray-200)}.precio-original{font-size:.75rem;color:var(--articulos-gray-500);text-align:right;margin-top:.5rem;font-style:italic}.articulo-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--articulos-gray-200);background:var(--articulos-gray-50)}.footer-info{display:flex;align-items:center}.cambios-pendientes{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem;background:#fef3c7;color:#92400e;border-radius:9999px}.footer-actions{display:flex;gap:.75rem}.btn-cancelar,.btn-guardar{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--articulos-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancelar{background:#fff;border:1px solid var(--articulos-gray-200);color:var(--articulos-gray-700)}.btn-cancelar:hover:not(:disabled){background:var(--articulos-gray-100)}.btn-guardar{background:var(--articulos-primary);border:none;color:#fff}.btn-guardar:hover:not(:disabled){background:var(--articulos-primary-dark)}.btn-guardar:disabled,.btn-cancelar:disabled{opacity:.5;cursor:not-allowed}.articulo-modal.discontinuado{border:2px solid #dc2626}.input-with-badge{display:flex;flex-direction:column;gap:.375rem}.input-with-badge input{width:100%}.marca-nombre-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:#dbeafe;color:var(--articulos-primary-dark);border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.maestros-container{display:block!important;width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:16px!important;box-sizing:border-box!important;background:#f9fafb;min-height:100vh}.maestros-header{display:flex!important;flex-direction:column!important;gap:16px!important;margin-bottom:20px!important;width:100%!important}.maestros-header h1{display:flex!important;align-items:center!important;gap:10px!important;font-size:24px!important;color:#1a1a1a!important;margin:0!important}.maestros-tabs{display:flex!important;gap:8px!important;margin-bottom:20px!important;overflow-x:auto!important;width:100%!important}.maestros-content{display:block!important;width:100%!important;background:#fff!important;border-radius:12px!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000d!important;overflow:hidden!important}.col-fecha{color:#6b7280!important;font-size:13px!important}@media(min-width:768px){.maestros-container{padding:24px 32px!important}.maestros-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.maestros-header h1{font-size:28px!important}.tab-content{padding:24px!important}}@media(min-width:1024px){.maestros-container{padding:32px 40px!important}.data-table th,.data-table td{padding:14px 20px!important}}.logistica-container{display:block!important;width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:16px!important;box-sizing:border-box!important;background:#f9fafb;min-height:100vh}.logistica-header{display:flex!important;flex-direction:column!important;gap:16px!important;margin-bottom:20px!important;width:100%!important}.logistica-header h1{display:flex!important;align-items:center!important;gap:10px!important;font-size:24px!important;color:#1a1a1a!important;margin:0!important}.header-info{display:flex!important;flex-direction:column!important;gap:8px!important}.logistica-tabs{display:flex!important;gap:8px!important;margin-bottom:20px!important;overflow-x:auto!important;width:100%!important}.tab-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;color:#6b7280!important;cursor:pointer!important;transition:all .2s!important;white-space:nowrap!important}.tab-btn:hover{background:#f9fafb!important;border-color:#d1d5db!important}.tab-btn.active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.tab-btn.active .tab-count{background:#fff3!important;color:#fff!important}.tab-count{background:#f3f4f6!important;padding:2px 8px!important;border-radius:12px!important;font-size:12px!important;font-weight:600!important;color:#374151!important}.logistica-content{display:block!important;width:100%!important;background:#fff!important;border-radius:12px!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000d!important;overflow:hidden!important}.tab-content{display:flex!important;flex-direction:column!important;width:100%!important;padding:20px!important;box-sizing:border-box!important}.tab-filters{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin-bottom:20px!important;width:100%!important;order:1!important}.search-box{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;flex:1!important;min-width:200px!important;max-width:400px!important}.total-count{font-size:13px!important;color:#6b7280!important;margin-left:auto!important;white-space:nowrap!important}.table-container{display:block!important;width:100%!important;overflow-x:auto!important;border:1px solid #e5e7eb!important;border-radius:8px!important;order:2!important}.data-table{width:100%!important;border-collapse:collapse!important;min-width:600px!important}.data-table th{background:#f9fafb!important;padding:12px 16px!important;text-align:left!important;font-size:12px!important;font-weight:600!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-bottom:1px solid #e5e7eb!important;white-space:nowrap!important}.data-table th.sortable{cursor:pointer!important;user-select:none!important}.data-table th.sortable:hover{background:#f3f4f6!important}.data-table td{padding:12px 16px!important;border-bottom:1px solid #f3f4f6!important;font-size:14px!important;color:#374151!important}.data-table tbody tr:hover{background:#f9fafb!important}.data-table tbody tr:last-child td{border-bottom:none!important}.col-codigo code{background:#f3f4f6!important;padding:4px 8px!important;border-radius:4px!important;font-size:13px!important;color:#374151!important;font-family:SF Mono,Consolas,monospace!important}.col-nombre{font-weight:500!important;color:#1a1a1a!important}.col-numero{text-align:right!important;font-family:SF Mono,Consolas,monospace!important;font-size:13px!important}.col-provincia,.col-localidad,.col-cuit,.col-telefono{color:#6b7280!important;font-size:13px!important}.col-propio{text-align:center!important}.icon-check{color:#10b981!important}.pagination{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin-top:20px!important;padding-top:16px!important;border-top:1px solid #e5e7eb!important;width:100%!important;order:3!important}.tab-loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 20px!important;color:#6b7280!important;width:100%!important}.tab-loading p{margin-top:12px!important}.tab-error{display:flex!important;align-items:center!important;gap:10px!important;padding:16px!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px!important;color:#dc2626!important;margin-bottom:16px!important;width:100%!important}.tab-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 20px!important;background:#f9fafb!important;border-radius:12px!important;color:#6b7280!important;text-align:center!important;width:100%!important}.tab-empty svg{color:#d1d5db!important;margin-bottom:16px!important}.tab-empty h3{margin:0 0 8px!important;color:#374151!important}.tab-empty p{margin:0!important;font-size:14px!important}.acceso-denegado{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 20px!important;text-align:center!important}.acceso-denegado svg{color:#f59e0b!important;margin-bottom:16px!important}.acceso-denegado h2{margin:0 0 8px!important;color:#1a1a1a!important}.acceso-denegado p{margin:0!important;color:#6b7280!important}.sync-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;border-bottom:1px solid #e5e7eb!important}.sync-modal-header h3{margin:0!important;font-size:18px!important;color:#1a1a1a!important}.sync-modal-body{padding:24px 20px!important}.sync-progress{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.sync-progress svg{color:#3b82f6!important;margin-bottom:16px!important}.sync-message{color:#6b7280!important;margin:0 0 16px!important}.progress-bar{width:100%!important;height:8px!important;background:#e5e7eb!important;border-radius:4px!important;overflow:hidden!important;margin-bottom:8px!important}.progress-percent{font-size:14px!important;font-weight:600!important;color:#3b82f6!important}.sync-result{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.sync-result.success svg{color:#10b981!important;margin-bottom:12px!important}.sync-result.error svg{color:#ef4444!important;margin-bottom:12px!important}.sync-result h4{margin:0 0 16px!important;color:#1a1a1a!important}.sync-result.error p{color:#dc2626!important;background:#fef2f2!important;padding:12px!important;border-radius:8px!important;font-size:14px!important;margin:0!important;word-break:break-word!important}.sync-stats{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;width:100%!important}.sync-stats .stat{display:flex!important;flex-direction:column!important;align-items:center!important;padding:12px 8px!important;background:#f9fafb!important;border-radius:8px!important}.sync-stats .stat .label{font-size:11px!important;color:#6b7280!important;margin-bottom:4px!important}.sync-stats .stat .value{font-size:18px!important;font-weight:700!important;color:#1a1a1a!important}.sync-info{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#6b7280!important;font-size:14px!important}.sync-modal-footer{padding:16px 20px!important;border-top:1px solid #e5e7eb!important;display:flex!important;justify-content:center!important}.btn-primary{padding:12px 32px!important;background:#3b82f6!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important}.btn-primary:hover{background:#2563eb!important}@media(max-width:639px){.tab-filters{flex-direction:column!important;align-items:stretch!important}.search-box{max-width:none!important}.filter-select{width:100%!important}.total-count{margin-left:0!important;text-align:center!important}.pagination{flex-direction:column!important;align-items:center!important}.sync-stats{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:768px){.logistica-container{padding:24px 32px!important}.logistica-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.logistica-header h1{font-size:28px!important}.tab-content{padding:24px!important}}@media(min-width:1024px){.logistica-container{padding:32px 40px!important}.data-table th,.data-table td{padding:14px 20px!important}}.clientes-container{display:block!important;width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:16px!important;box-sizing:border-box!important;background:#f9fafb;min-height:100vh}.clientes-header{display:flex!important;flex-direction:column!important;gap:16px!important;margin-bottom:20px!important;width:100%!important}.clientes-header h1{display:flex!important;align-items:center!important;gap:10px!important;font-size:24px!important;color:#1a1a1a!important;margin:0!important}.header-left{display:flex!important;flex-direction:column!important;gap:8px!important}.header-stats{display:flex!important;flex-wrap:wrap!important;gap:12px!important;font-size:13px!important;color:#666!important}.header-stats .stat{display:flex!important;align-items:center!important;gap:6px!important;background:#fff!important;padding:4px 10px!important;border-radius:16px!important;border:1px solid #e5e7eb!important}.header-stats .sync-info{color:#6b7280!important;background:#eff6ff!important;border-color:#bfdbfe!important}.btn-sync{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 20px!important;background:#3b82f6!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important;white-space:nowrap!important}.btn-sync:hover:not(:disabled){background:#2563eb!important}.btn-sync:disabled{opacity:.7!important;cursor:not-allowed!important}.clientes-filters{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:20px!important;background:#fff!important;padding:16px!important;border-radius:12px!important;border:1px solid #e5e7eb!important}.filters-row{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important}.clientes-filters .search-box{flex:1!important;min-width:250px!important}.clientes-filters .filter-select{min-width:160px!important}.search-box{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;position:relative!important}.search-box input{flex:1!important;border:none!important;outline:none!important;font-size:14px!important;background:transparent!important;min-width:0!important}.search-box svg{color:#9ca3af!important;flex-shrink:0!important}.btn-clear-search{display:flex!important;align-items:center!important;justify-content:center!important;background:none!important;border:none!important;padding:4px!important;cursor:pointer!important;color:#9ca3af!important}.btn-clear-search:hover{color:#6b7280!important}.filter-select{padding:10px 14px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;font-size:14px!important;background:#fff!important;color:#374151!important;cursor:pointer!important;min-width:180px!important}.filter-select:disabled{opacity:.5!important;cursor:not-allowed!important}.btn-clear-filters{display:flex!important;align-items:center!important;gap:4px!important;padding:8px 12px!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:6px!important;color:#dc2626!important;font-size:13px!important;cursor:pointer!important}.btn-clear-filters:hover{background:#fee2e2!important}.clientes-table-wrapper{background:#fff!important;border-radius:12px!important;border:1px solid #e5e7eb!important;overflow:hidden!important}.table-container{display:block!important;width:100%!important;overflow-x:auto!important}.clientes-table{width:100%!important;border-collapse:collapse!important;min-width:900px!important}.clientes-table th{background:#f9fafb!important;padding:12px 16px!important;text-align:left!important;font-size:12px!important;font-weight:600!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-bottom:1px solid #e5e7eb!important;white-space:nowrap!important;cursor:pointer!important;user-select:none!important}.clientes-table th:hover{background:#f3f4f6!important}.sort-icon{margin-left:4px!important;vertical-align:middle!important}.sort-icon.inactive{opacity:.3!important}.sort-icon.active{color:#3b82f6!important}.clientes-table td{padding:12px 16px!important;border-bottom:1px solid #f3f4f6!important;font-size:14px!important;color:#374151!important}.clientes-table tbody tr{cursor:pointer!important;transition:background .15s!important}.clientes-table tbody tr:hover{background:#f9fafb!important}.clientes-table tbody tr:last-child td{border-bottom:none!important}.col-codigo{font-family:SF Mono,Consolas,monospace!important;font-size:13px!important;color:#374151!important}.col-nombre .nombre-principal{font-weight:500!important;color:#1a1a1a!important}.col-contacto .contacto-icons{display:flex!important;gap:8px!important}.cliente-email,.cliente-telefono{display:flex!important;align-items:center!important;color:#6b7280!important;padding:4px!important;border-radius:4px!important;transition:all .2s!important}.cliente-email:hover,.cliente-telefono:hover{background:#eff6ff!important;color:#3b82f6!important}.col-cuit,.col-vendedor,.col-localidad,.col-provincia{color:#6b7280!important;font-size:13px!important}.col-credito{font-family:SF Mono,Consolas,monospace!important;font-size:13px!important}.col-right{text-align:right!important}.col-acciones{text-align:center!important;width:60px!important}.btn-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;background:#f3f4f6!important;border:none!important;border-radius:6px!important;cursor:pointer!important;color:#6b7280!important;transition:all .2s!important}.btn-icon:hover{background:#e5e7eb!important;color:#374151!important}.pagination{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;padding:16px!important;border-top:1px solid #e5e7eb!important;width:100%!important}.pagination-info{font-size:13px!important;color:#6b7280!important}.pagination-controls{display:flex!important;align-items:center!important;gap:12px!important}.pagination-controls button{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:8px 12px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;font-size:13px!important;color:#374151!important;cursor:pointer!important;transition:all .2s!important}.pagination-controls button:hover:not(:disabled){background:#f9fafb!important;border-color:#d1d5db!important}.pagination-controls button:disabled{opacity:.5!important;cursor:not-allowed!important}.page-number{font-size:13px!important;color:#6b7280!important}.clientes-loading,.clientes-error{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 20px!important;color:#6b7280!important;text-align:center!important;min-height:400px!important}.clientes-error{color:#dc2626!important}.clientes-error button{margin-top:16px!important;padding:10px 20px!important;background:#3b82f6!important;color:#fff!important;border:none!important;border-radius:8px!important;cursor:pointer!important}.empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 20px!important;background:#f9fafb!important;border-radius:12px!important;color:#6b7280!important;text-align:center!important}.cliente-detalle-overlay{position:fixed!important;inset:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:20px!important}.cliente-detalle-modal{background:#fff!important;border-radius:16px!important;max-width:600px!important;width:100%!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 20px 25px -5px #0000001a!important}.modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;border-bottom:1px solid #e5e7eb!important}.modal-header h3{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:18px!important;color:#1a1a1a!important}.btn-close{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;background:#f3f4f6!important;border:none!important;border-radius:8px!important;cursor:pointer!important;color:#6b7280!important;transition:all .2s!important}.btn-close:hover{background:#e5e7eb!important;color:#374151!important}.modal-body{padding:20px!important;overflow-y:auto!important;flex:1!important}.modal-footer{padding:16px 20px!important;border-top:1px solid #e5e7eb!important;display:flex!important;justify-content:flex-end!important;gap:12px!important}.btn-secondary{padding:10px 20px!important;background:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:8px!important;color:#374151!important;font-size:14px!important;cursor:pointer!important}.btn-secondary:hover{background:#e5e7eb!important}.detalle-section{margin-bottom:24px!important}.detalle-section:last-child{margin-bottom:0!important}.detalle-section h4{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 12px!important;font-size:14px!important;font-weight:600!important;color:#374151!important;text-transform:uppercase!important;letter-spacing:.5px!important}.detalle-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.detalle-item{display:flex!important;flex-direction:column!important;gap:4px!important}.detalle-item.full-width{grid-column:span 2!important}.detalle-item .label{font-size:12px!important;color:#6b7280!important;text-transform:uppercase!important}.detalle-item .value{font-size:14px!important;color:#1a1a1a!important}.detalle-item .value a{color:#3b82f6!important;text-decoration:none!important}.detalle-item .value a:hover{text-decoration:underline!important}.detalle-item .value.credito{font-weight:600!important;color:#059669!important}.detalle-item .value.estado{display:inline-block!important;padding:2px 8px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;text-transform:capitalize!important}.detalle-item .value.estado.activo{background:#dcfce7!important;color:#166534!important}.detalle-item .value.estado.inactivo{background:#fee2e2!important;color:#991b1b!important}.sync-modal-overlay{position:fixed!important;inset:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:20px!important}.sync-modal{background:#fff!important;border-radius:16px!important;max-width:420px!important;width:100%!important;overflow:hidden!important;box-shadow:0 20px 25px -5px #0000001a!important}.sync-estado{padding:32px 24px!important;text-align:center!important}.sync-estado h3{margin:0 0 12px!important;color:#1a1a1a!important;font-size:18px!important}.sync-estado p{margin:0 0 16px!important;color:#6b7280!important;font-size:14px!important}.sync-icon{margin-bottom:16px!important}.sync-icon svg{color:#3b82f6!important}.sync-icon.spinning svg{animation:spin 1s linear infinite!important}.sync-icon.success svg{color:#10b981!important}.sync-icon.error svg{color:#ef4444!important}.progress-bar{width:100%!important;height:8px!important;background:#e5e7eb!important;border-radius:4px!important;overflow:hidden!important;margin:16px 0!important}.progress-fill{height:100%!important;background:#3b82f6!important;border-radius:4px!important;transition:width .3s ease!important}.sync-ultima{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#6b7280!important;font-size:13px!important}.sync-warning{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px!important;background:#fffbeb!important;border:1px solid #fcd34d!important;border-radius:8px!important;color:#92400e!important;font-size:13px!important;margin-top:16px!important}.sync-resumen{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px!important;background:#f0fdf4!important;border-radius:8px!important;color:#166534!important;margin-bottom:16px!important}.sync-detalles{display:flex!important;flex-direction:column!important;gap:8px!important;padding:16px!important;background:#f9fafb!important;border-radius:8px!important;margin-bottom:16px!important}.detalle-row{display:flex!important;justify-content:space-between!important;font-size:14px!important}.detalle-row span{color:#6b7280!important}.detalle-row strong{color:#1a1a1a!important}.error-mensaje{background:#fef2f2!important;color:#dc2626!important;padding:12px!important;border-radius:8px!important;font-size:14px!important}.btn-cerrar{padding:12px 32px!important;border:none!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important}.btn-cerrar.success{background:#10b981!important;color:#fff!important}.btn-cerrar.success:hover{background:#059669!important}.btn-cerrar.error{background:#ef4444!important;color:#fff!important}.btn-cerrar.error:hover{background:#dc2626!important}.spin{animation:spin 1s linear infinite!important}@media(max-width:639px){.filters-row{flex-direction:column!important;align-items:stretch!important}.clientes-filters .search-box{min-width:100%!important}.filter-select{width:100%!important}.pagination{flex-direction:column!important;align-items:center!important}.detalle-grid{grid-template-columns:1fr!important}.detalle-item.full-width{grid-column:span 1!important}}@media(min-width:768px){.clientes-container{padding:24px 32px!important}.clientes-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.clientes-header h1{font-size:28px!important}}@media(min-width:1024px){.clientes-container{padding:32px 40px!important}.clientes-table th,.clientes-table td{padding:14px 20px!important}}.clientes-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:2px solid #e5e7eb}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:#6b7280;font-weight:500;transition:all .2s}.tab-btn:hover{color:#374151;background:#f9fafb}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.tipos-cliente-tab{padding:0}.tipos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tipos-header-left{display:flex;align-items:center;gap:1rem}.tipos-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem}.tipos-count{background:#e5e7eb;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;color:#374151}.tipos-loading,.tipos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280;gap:.5rem}.tipos-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;color:#dc2626;border-radius:.5rem;margin-bottom:1rem}.sync-progress-bar{margin-bottom:1rem;padding:1rem;background:#f3f4f6;border-radius:.5rem}.progress-text{font-size:.875rem;color:#374151;margin-bottom:.5rem}.progress-track{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#3b82f6;transition:width .3s}.sync-resultado{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.sync-resultado.success{background:#f0fdf4;color:#16a34a}.tipos-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem}.tipos-table{width:100%;border-collapse:collapse;font-size:.875rem}.tipos-table th,.tipos-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.tipos-table th{background:#f9fafb;font-weight:600;color:#374151;white-space:nowrap}.tipos-table tbody tr:hover{background:#f9fafb}.tipos-table .col-codigo{font-weight:600;color:#3b82f6}.tipos-table .col-nombre{font-weight:500}@media(max-width:768px){.clientes-tabs{overflow-x:auto}.tab-btn{padding:.625rem 1rem;font-size:.875rem;white-space:nowrap}.tipos-header{flex-direction:column;align-items:flex-start;gap:.75rem}.tipos-table{font-size:.8rem}.tipos-table th,.tipos-table td{padding:.5rem .75rem}}:root{--urgencia-critico: #dc2626;--urgencia-critico-bg: #fef2f2;--urgencia-bajo: #ea580c;--urgencia-bajo-bg: #fff7ed;--urgencia-atencion: #ca8a04;--urgencia-atencion-bg: #fefce8;--urgencia-ok: #16a34a;--urgencia-ok-bg: #f0fdf4;--urgencia-sobrestock: #2563eb;--urgencia-sobrestock-bg: #eff6ff;--urgencia-sin-datos: #6b7280;--urgencia-sin-datos-bg: #f9fafb;--compras-primary: #0070c0;--compras-primary-hover: #005a9e;--compras-secondary: #6b7280;--compras-border: #e5e7eb;--compras-bg: #ffffff;--compras-bg-alt: #f9fafb;--compras-text: #111827;--compras-text-muted: #6b7280;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.compras-container{width:100%;min-height:100vh;background-color:var(--compras-bg-alt);padding:0}.compras-header{background:var(--compras-bg);border-bottom:1px solid var(--compras-border);padding:1rem;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.header-titulo{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.header-icon{color:var(--compras-primary);flex-shrink:0}.header-titulo h1{font-size:1.25rem;font-weight:700;color:var(--compras-text);margin:0;line-height:1.2}.header-subtitle{font-size:.875rem;color:var(--compras-text-muted);margin:.25rem 0 0}.btn-recalcular{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--compras-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-recalcular:hover:not(:disabled){background:var(--compras-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-recalcular:disabled{opacity:.6;cursor:not-allowed}.btn-recalcular.recalculando{background:var(--compras-secondary)}.btn-recalcular .spinning{animation:spin 1s linear infinite}.btn-text{display:none}.progreso-recalculo{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--compras-border)}.progreso-bar{width:100%;height:8px;background:var(--compras-border);border-radius:4px;overflow:hidden}.progreso-fill{height:100%;background:var(--compras-primary);transition:width .3s ease;border-radius:4px}.progreso-texto{margin-top:.5rem;font-size:.875rem;color:var(--compras-text-muted);text-align:center}.alert{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin:1rem;border-radius:.5rem;font-size:.875rem;gap:1rem}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:inherit;opacity:.6;padding:0;width:24px;height:24px;flex-shrink:0}.alert-close:hover{opacity:1}.compras-tabs{display:flex;background:var(--compras-bg);border-bottom:2px solid var(--compras-border);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.compras-tabs::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--compras-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative;flex-shrink:0}.tab:hover{color:var(--compras-text);background:var(--compras-bg-alt)}.tab.active{color:var(--compras-primary);border-bottom-color:var(--compras-primary)}.tab span{display:none}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;font-size:.75rem;font-weight:600;border-radius:10px;line-height:1}.badge-critico{background:var(--urgencia-critico);color:#fff}.compras-content{padding:1rem}.tab-content{background:var(--compras-bg);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.tab-content h2{font-size:1.25rem;font-weight:700;color:var(--compras-text);margin:0 0 .5rem}.text-muted{color:var(--compras-text-muted);font-size:.875rem;margin:.5rem 0}.text-info{color:var(--compras-primary);font-size:.875rem;font-weight:500;margin:1rem 0}.stats-preview{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--compras-bg-alt);border-radius:.5rem;border-left:4px solid var(--compras-border)}.stat-item.critico{border-left-color:var(--urgencia-critico);background:var(--urgencia-critico-bg)}.stat-item.bajo{border-left-color:var(--urgencia-bajo);background:var(--urgencia-bajo-bg)}.stat-item.atencion{border-left-color:var(--urgencia-atencion);background:var(--urgencia-atencion-bg)}.stat-label{font-size:.875rem;font-weight:500;color:var(--compras-text)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--compras-text)}.loading-estado{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--compras-border);border-top-color:var(--compras-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-estado p{color:var(--compras-text-muted);font-size:.875rem}@media(min-width:768px){.header-titulo h1{font-size:1.5rem}.btn-text,.tab span{display:inline}.stats-preview{grid-template-columns:repeat(2,1fr)}.compras-content{padding:1.5rem}}@media(min-width:1024px){.compras-header{padding:1.5rem 2rem}.header-titulo h1{font-size:1.875rem}.stats-preview{grid-template-columns:repeat(4,1fr)}.compras-content,.tab-content{padding:2rem}}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.dashboard-container{display:flex;flex-direction:column;gap:2rem}.dashboard-section{background:var(--compras-bg);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.section-title{font-size:1.125rem;font-weight:700;color:var(--compras-text);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}.stat-card{background:var(--compras-bg);border-radius:.75rem;padding:1.25rem;border-left:4px solid var(--compras-border);transition:all .2s;min-height:160px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-critico{border-left-color:var(--urgencia-critico)}.stat-card-bajo{border-left-color:var(--urgencia-bajo)}.stat-card-atencion{border-left-color:var(--urgencia-atencion)}.stat-card-sin-datos{border-left-color:var(--urgencia-sin-datos)}.stat-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.stat-icon{width:44px;height:44px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:var(--compras-bg-alt);flex-shrink:0}.stat-icon-critico{color:var(--urgencia-critico);background:var(--urgencia-critico-bg)}.stat-icon-bajo{color:var(--urgencia-bajo);background:var(--urgencia-bajo-bg)}.stat-icon-atencion{color:var(--urgencia-atencion);background:var(--urgencia-atencion-bg)}.stat-icon-sin-datos{color:var(--urgencia-sin-datos);background:var(--urgencia-sin-datos-bg)}.stat-label{font-size:.75rem;font-weight:600;color:var(--compras-text-muted);text-transform:uppercase;letter-spacing:.5px;line-height:1.3}.stat-value{font-size:1.75rem;font-weight:700;color:var(--compras-text);line-height:1.2;margin-bottom:.375rem;word-break:break-word}.stat-secondary{font-size:.8125rem;font-weight:600;color:var(--compras-primary);margin-bottom:.375rem}.stat-description{font-size:.6875rem;color:var(--compras-text-muted);margin-top:auto}.urgencia-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.urgencia-card{background:var(--compras-bg-alt);border-radius:.5rem;padding:1rem;border-left:4px solid var(--compras-border);cursor:pointer;transition:all .2s}.urgencia-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.urgencia-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.urgencia-icon{font-size:1.25rem}.urgencia-label{font-size:.875rem;font-weight:600;color:var(--compras-text)}.urgencia-cantidad{font-size:1.75rem;font-weight:700;color:var(--compras-text);margin-bottom:.25rem}.urgencia-inversion{font-size:.875rem;font-weight:600;color:var(--compras-primary);margin-bottom:.5rem}.urgencia-desc{font-size:.75rem;color:var(--compras-text-muted)}.marcas-list{display:flex;flex-direction:column;gap:.75rem}.marca-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--compras-bg-alt);border-radius:.5rem;transition:all .2s}.marca-item:hover{box-shadow:var(--shadow-sm)}.marca-ranking{width:32px;height:32px;border-radius:50%;background:var(--compras-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.marca-info{flex:1;min-width:0}.marca-nombre{font-weight:600;color:var(--compras-text);font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marca-codigo{font-size:.75rem;color:var(--compras-text-muted)}.marca-stats{display:none;gap:1.5rem}.marca-stat{display:flex;flex-direction:column;gap:.25rem}.marca-stat-label{font-size:.75rem;color:var(--compras-text-muted)}.marca-stat-value{font-size:.9375rem;font-weight:600;color:var(--compras-text)}.alertas-list{display:flex;flex-direction:column;gap:.75rem}.alerta{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.5rem;font-size:.875rem;line-height:1.5}.alerta svg{flex-shrink:0;margin-top:2px}.alerta-critica{background:var(--urgencia-critico-bg);color:#991b1b;border:1px solid #fecaca}.alerta-warning{background:var(--urgencia-atencion-bg);color:#854d0e;border:1px solid #fde047}.alerta-info{background:var(--urgencia-ok-bg);color:#065f46;border:1px solid #bbf7d0}.alerta-link{color:var(--compras-primary);text-decoration:underline;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--compras-text-muted);text-align:center}.empty-icon{opacity:.3;margin-bottom:1rem}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.25rem}.skeleton-text{height:1rem;width:60%;margin-bottom:.75rem}.skeleton-number{height:2rem;width:40%}@media(min-width:768px){.stats-grid,.urgencia-grid{grid-template-columns:repeat(2,1fr)}.marca-stats{display:flex}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}.urgencia-grid{grid-template-columns:repeat(3,1fr)}.dashboard-section{padding:2rem}}.compras-filtros-bar{background:var(--compras-bg);border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.compras-filtros-contenido{display:flex;flex-direction:column;gap:.75rem}.compras-busqueda{position:relative;flex:1}.compras-busqueda svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--compras-text-muted);pointer-events:none}.compras-busqueda input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid var(--compras-border);border-radius:.5rem;font-size:.875rem;transition:all .2s}.compras-busqueda input:focus{outline:none;border-color:var(--compras-primary);box-shadow:0 0 0 3px #0070c01a}.compras-filtros-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.compras-filtro-group{display:flex;flex-direction:column;gap:.375rem}.compras-filtro-label{font-size:.75rem;font-weight:600;color:var(--compras-text-muted);text-transform:uppercase;letter-spacing:.5px}.compras-filtro-select{padding:.625rem;border:1px solid var(--compras-border);border-radius:.5rem;font-size:.875rem;background:var(--compras-bg);cursor:pointer;transition:all .2s}.compras-filtro-select:focus{outline:none;border-color:var(--compras-primary);box-shadow:0 0 0 3px #0070c01a}.compras-filtro-checkbox{display:flex;align-items:center;gap:.5rem;padding:.625rem;cursor:pointer;user-select:none}.compras-filtro-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.compras-filtros-acciones{display:flex;gap:.5rem;flex-wrap:wrap}.compras-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--compras-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.compras-btn-primary:hover:not(:disabled){background:var(--compras-primary-hover);box-shadow:var(--shadow-md)}.compras-btn-primary:disabled{opacity:.5;cursor:not-allowed}.compras-btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--compras-bg);color:var(--compras-text);border:1px solid var(--compras-border);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.compras-btn-secondary:hover:not(:disabled){background:var(--compras-bg-alt);border-color:var(--compras-text-muted)}.compras-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.compras-filtros-info{font-size:.875rem;color:var(--compras-text-muted);padding:.5rem 0}.lista-compras-container{display:flex;flex-direction:column;gap:1rem}.compras-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.compras-cards-grid{display:grid;grid-template-columns:1fr;gap:1rem}.compras-card{background:var(--compras-bg);border-radius:.75rem;padding:1.25rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;border-left:4px solid var(--compras-border)}.compras-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.compras-card-critico{border-left-color:var(--urgencia-critico)}.compras-card-bajo{border-left-color:var(--urgencia-bajo)}.compras-card-atencion{border-left-color:var(--urgencia-atencion)}.compras-card-ok{border-left-color:var(--urgencia-ok)}.compras-card-sobrestock{border-left-color:var(--urgencia-sobrestock)}.compras-card-sin_datos{border-left-color:var(--urgencia-sin-datos)}.compras-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.compras-card-codigo{font-family:Courier New,monospace;font-size:.75rem;color:var(--compras-text-muted);font-weight:600}.compras-card-badge{padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:600;white-space:nowrap}.compras-card-badge-critico{background:var(--urgencia-critico-bg);color:var(--urgencia-critico)}.compras-card-badge-bajo{background:var(--urgencia-bajo-bg);color:var(--urgencia-bajo)}.compras-card-badge-atencion{background:var(--urgencia-atencion-bg);color:var(--urgencia-atencion)}.compras-card-badge-ok{background:var(--urgencia-ok-bg);color:var(--urgencia-ok)}.compras-card-titulo{font-size:.9375rem;font-weight:600;color:var(--compras-text);margin-bottom:.375rem;line-height:1.4}.compras-card-marca{font-size:.8125rem;color:var(--compras-text-muted);margin-bottom:1rem}.compras-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.compras-card-metric{display:flex;flex-direction:column;gap:.25rem}.compras-card-metric-label{font-size:.75rem;color:var(--compras-text-muted);font-weight:500}.compras-card-metric-value{font-size:.9375rem;font-weight:700;color:var(--compras-text)}.compras-card-footer{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--compras-border)}.compras-card-footer-item{display:flex;flex-direction:column;gap:.25rem}.compras-card-footer-label{font-size:.75rem;color:var(--compras-text-muted)}.compras-card-footer-value{font-size:.9375rem;font-weight:700;color:var(--compras-primary)}.compras-table-container{overflow-x:auto;background:var(--compras-bg);border-radius:.75rem;box-shadow:var(--shadow-sm)}.compras-table{width:100%;border-collapse:collapse;font-size:.875rem}.compras-table thead{background:var(--compras-bg-alt);border-bottom:2px solid var(--compras-border)}.compras-table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:var(--compras-text);white-space:nowrap}.compras-table tbody tr{border-bottom:1px solid var(--compras-border)}.compras-table-row{cursor:pointer;transition:background .15s}.compras-table-row:hover{background:var(--compras-bg-alt)}.compras-table td{padding:.875rem 1rem;color:var(--compras-text)}.compras-table-codigo{font-family:Courier New,monospace;font-weight:600;color:var(--compras-text-muted)}.compras-table-detalle{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compras-table-number{text-align:right;font-weight:500}.compras-table-center{text-align:center}.compras-badge{display:inline-block;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.compras-badge-critico{background:var(--urgencia-critico-bg);color:var(--urgencia-critico)}.compras-badge-bajo{background:var(--urgencia-bajo-bg);color:var(--urgencia-bajo)}.compras-badge-atencion{background:var(--urgencia-atencion-bg);color:var(--urgencia-atencion)}.compras-badge-ok{background:var(--urgencia-ok-bg);color:var(--urgencia-ok)}.compras-paginacion{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:var(--compras-bg);border-radius:.75rem;box-shadow:var(--shadow-sm)}.compras-paginacion-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--compras-bg);border:1px solid var(--compras-border);border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}.compras-paginacion-btn:hover:not(:disabled){background:var(--compras-bg-alt);border-color:var(--compras-primary)}.compras-paginacion-btn:disabled{opacity:.4;cursor:not-allowed}.compras-paginacion-info{font-size:.875rem;color:var(--compras-text-muted)}.compras-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.compras-modal{background:var(--compras-bg);border-radius:.75rem;box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.compras-modal-large{max-width:800px}.compras-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--compras-border)}.compras-modal-title{font-size:1.125rem;font-weight:700;color:var(--compras-text);margin:0}.compras-modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--compras-text-muted);border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.compras-modal-close:hover{background:var(--compras-bg-alt);color:var(--compras-text)}.compras-modal-content{padding:1.5rem;overflow-y:auto;flex:1}.compras-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--compras-border)}.compras-detalle-section{margin-bottom:1.5rem}.compras-detalle-section:last-child{margin-bottom:0}.compras-detalle-section-title{font-size:.875rem;font-weight:700;color:var(--compras-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--compras-border)}.compras-detalle-grid{display:grid;grid-template-columns:1fr;gap:1rem}.compras-detalle-item{display:flex;flex-direction:column;gap:.375rem}.compras-detalle-label{font-size:.75rem;font-weight:600;color:var(--compras-text-muted);text-transform:uppercase;letter-spacing:.5px}.compras-detalle-value{font-size:1rem;font-weight:600;color:var(--compras-text)}.compras-grafico{padding:1rem 0}.compras-grafico-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:.375rem;height:150px}.compras-grafico-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:0}.compras-grafico-value{font-size:.75rem;font-weight:600;color:var(--compras-text)}.compras-grafico-bar{width:100%;background:linear-gradient(to top,var(--compras-primary),var(--compras-primary-hover));border-radius:.25rem .25rem 0 0;min-height:4px;transition:all .3s ease}.compras-grafico-label{font-size:.625rem;color:var(--compras-text-muted);text-transform:uppercase;white-space:nowrap}.compras-config-form{display:grid;grid-template-columns:1fr;gap:1.25rem}.compras-config-field{display:flex;flex-direction:column;gap:.5rem}.compras-config-field label{font-size:.875rem;font-weight:600;color:var(--compras-text)}.compras-config-help{display:block;font-size:.75rem;font-weight:400;color:var(--compras-text-muted);margin-top:.25rem}.compras-config-field input[type=number],.compras-config-field input[type=text]{padding:.625rem;border:1px solid var(--compras-border);border-radius:.5rem;font-size:.875rem;transition:all .2s}.compras-config-field input:focus{outline:none;border-color:var(--compras-primary);box-shadow:0 0 0 3px #0070c01a}.compras-config-textarea{padding:.625rem;border:1px solid var(--compras-border);border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s}.compras-config-textarea:focus{outline:none;border-color:var(--compras-primary);box-shadow:0 0 0 3px #0070c01a}.compras-config-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.compras-config-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.config-marcas-container{display:flex;flex-direction:column;gap:1.5rem}.config-marcas-header{background:var(--compras-bg);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.config-marcas-titulo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.config-marcas-titulo h2{font-size:1.25rem;font-weight:700;color:var(--compras-text);margin:0}.config-marcas-descripcion{font-size:.875rem;color:var(--compras-text-muted);margin:0}.config-marcas-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background:var(--compras-bg);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.config-stat{display:flex;flex-direction:column;gap:.25rem}.config-stat-value{font-size:1.75rem;font-weight:700;color:var(--compras-text)}.config-stat-label{font-size:.75rem;color:var(--compras-text-muted);text-transform:uppercase;letter-spacing:.5px}.config-marcas-filtros{background:var(--compras-bg);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.config-marcas-busqueda{position:relative;flex:1}.config-marcas-busqueda svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--compras-text-muted);pointer-events:none}.config-marcas-busqueda input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid var(--compras-border);border-radius:.5rem;font-size:.875rem;transition:all .2s}.config-marcas-busqueda input:focus{outline:none;border-color:var(--compras-primary);box-shadow:0 0 0 3px #0070c01a}.config-marcas-filtro-botones{display:flex;gap:.5rem;flex-wrap:wrap}.config-filtro-btn{padding:.5rem .875rem;background:var(--compras-bg-alt);border:1px solid var(--compras-border);border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.config-filtro-btn:hover{background:var(--compras-bg);border-color:var(--compras-text-muted)}.config-filtro-btn.active{background:var(--compras-primary);color:#fff;border-color:var(--compras-primary)}.config-marcas-lista{display:flex;flex-direction:column;gap:.75rem}.config-marca-card{background:var(--compras-bg);border-radius:.75rem;padding:1.25rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;border-left:4px solid var(--compras-primary)}.config-marca-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.config-marca-card.inactiva{opacity:.6;border-left-color:var(--compras-text-muted)}.config-marca-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.config-marca-info{flex:1;min-width:0}.config-marca-nombre{font-size:1rem;font-weight:700;color:var(--compras-text);margin-bottom:.25rem}.config-marca-codigo{font-size:.8125rem;color:var(--compras-text-muted);font-family:Courier New,monospace}.config-marca-badges{display:flex;gap:.5rem;flex-wrap:wrap}.config-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:600}.config-badge-default{background:var(--urgencia-atencion-bg);color:var(--urgencia-atencion)}.config-badge-configurada{background:var(--urgencia-ok-bg);color:var(--urgencia-ok)}.config-badge-inactiva{background:var(--urgencia-sin-datos-bg);color:var(--urgencia-sin-datos)}.config-marca-params{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.config-marca-param{display:flex;flex-direction:column;gap:.25rem}.config-marca-param-label{font-size:.75rem;color:var(--compras-text-muted)}.config-marca-param-value{font-size:.875rem;font-weight:600;color:var(--compras-text)}.config-marca-observaciones{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--compras-border);font-size:.8125rem;color:var(--compras-text-muted);font-style:italic}.importar-historico-container{background:var(--compras-bg);border-radius:.75rem;box-shadow:var(--shadow-sm);overflow:hidden}.importar-header{padding:1.5rem;border-bottom:1px solid var(--compras-border)}.importar-header h2{font-size:1.25rem;font-weight:700;color:var(--compras-text);margin:0 0 1rem}.importar-pasos{display:flex;gap:.5rem;align-items:center}.importar-paso{width:32px;height:32px;border-radius:50%;background:var(--compras-bg-alt);border:2px solid var(--compras-border);color:var(--compras-text-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;transition:all .2s}.importar-paso.activo{background:var(--compras-primary);border-color:var(--compras-primary);color:#fff}.importar-paso.actual{transform:scale(1.15);box-shadow:var(--shadow-md)}.importar-paso-contenido{padding:2rem 1.5rem;min-height:400px;display:flex;flex-direction:column}.importar-instrucciones{text-align:center;margin-bottom:2rem}.importar-instrucciones h3{font-size:1.125rem;font-weight:700;color:var(--compras-text);margin:0 0 .5rem}.importar-instrucciones p{color:var(--compras-text-muted);font-size:.875rem;margin:0 0 1rem}.importar-dropzone{border:2px dashed var(--compras-border);border-radius:.75rem;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;background:var(--compras-bg-alt)}.importar-dropzone:hover,.importar-dropzone.active{border-color:var(--compras-primary);background:#0070c00d}.importar-dropzone svg{color:var(--compras-text-muted)}.importar-dropzone-texto{font-size:.9375rem;color:var(--compras-text);text-align:center;margin:0}.importar-dropzone-formatos{font-size:.8125rem;color:var(--compras-text-muted);margin:0}.importar-info-archivo{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--compras-bg-alt);border-radius:.5rem;margin-bottom:1.5rem}.importar-info-archivo svg{color:var(--compras-primary);flex-shrink:0}.importar-info-registros{margin-left:auto;padding:.25rem .625rem;background:var(--compras-primary);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:600}.importar-preview h3{font-size:1rem;font-weight:600;color:var(--compras-text);margin:0 0 1rem}.importar-table-container{overflow-x:auto;border:1px solid var(--compras-border);border-radius:.5rem;margin-bottom:1.5rem}.importar-table{width:100%;border-collapse:collapse;font-size:.875rem}.importar-table thead{background:var(--compras-bg-alt)}.importar-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--compras-text);border-bottom:1px solid var(--compras-border)}.importar-table td{padding:.625rem 1rem;border-bottom:1px solid var(--compras-border)}.importar-table tbody tr:last-child td{border-bottom:none}.importar-validacion-resumen{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.importar-validacion-stat{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:.75rem}.importar-validacion-validos{background:var(--urgencia-ok-bg);color:var(--urgencia-ok)}.importar-validacion-errores{background:var(--urgencia-critico-bg);color:var(--urgencia-critico)}.importar-validacion-numero{font-size:2rem;font-weight:700;line-height:1}.importar-validacion-label{font-size:.875rem;font-weight:600;opacity:.8}.importar-errores{margin-bottom:1.5rem}.importar-errores h4{font-size:.9375rem;font-weight:600;color:var(--compras-text);margin:0 0 .75rem}.importar-errores-lista{max-height:200px;overflow-y:auto;border:1px solid var(--compras-border);border-radius:.5rem;padding:.75rem}.importar-error-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;color:var(--urgencia-critico)}.importar-error-item svg{flex-shrink:0}.importar-mas-errores{margin-top:.5rem;padding:.5rem;text-align:center;font-size:.8125rem;color:var(--compras-text-muted)}.importar-validos-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--urgencia-ok-bg);border-radius:.5rem;margin-bottom:1.5rem}.importar-validos-info svg{color:var(--urgencia-ok);flex-shrink:0}.importar-validos-info p{margin:0;color:var(--compras-text);font-size:.875rem}.importar-confirmacion{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0;text-align:center}.importar-confirmacion h3{font-size:1.25rem;font-weight:700;color:var(--compras-text);margin:0}.importar-confirmacion-detalles{display:flex;flex-direction:column;gap:.5rem}.importar-confirmacion-detalles p{margin:0;font-size:.9375rem;color:var(--compras-text)}.importar-confirmacion-advertencia{color:var(--urgencia-atencion);font-weight:600}.importar-config-meses{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background-color:var(--compras-bg-hover);border-radius:8px;width:100%;max-width:400px}.importar-config-meses label{font-size:.9375rem;color:var(--compras-text)}.importar-config-meses input[type=number]{padding:.625rem;border:1px solid var(--compras-border);border-radius:6px;font-size:1rem;font-family:inherit;background-color:var(--compras-bg);color:var(--compras-text)}.importar-config-meses input[type=number]:focus{outline:none;border-color:var(--compras-primary);box-shadow:0 0 0 3px #16a34a1a}.importar-config-hint{font-size:.8125rem;color:var(--compras-text-secondary);margin:0;font-style:italic}.importar-resultado{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0;text-align:center;flex:1;justify-content:center}.importar-resultado h3{font-size:1.25rem;font-weight:700;margin:0}.importar-resultado p{margin:0;font-size:.9375rem;color:var(--compras-text)}.importar-resultado.exito h3{color:var(--urgencia-ok)}.importar-resultado.error h3{color:var(--urgencia-critico)}.importar-resultado-detalles{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--compras-bg-alt);border-radius:.5rem}.importar-acciones{display:flex;justify-content:center;gap:.75rem;margin-top:auto;padding-top:1.5rem}@media(min-width:768px){.compras-filtros-contenido{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.compras-filtros-grid,.compras-cards-grid,.compras-detalle-grid,.compras-config-form{grid-template-columns:repeat(2,1fr)}.config-marcas-stats{grid-template-columns:repeat(4,1fr)}.config-marcas-filtros{flex-direction:row;align-items:center}.config-marca-params{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.compras-filtros-grid{grid-template-columns:repeat(4,1fr)}.compras-cards-grid{grid-template-columns:repeat(3,1fr)}}.importar-historico-tab{display:flex;flex-direction:column;gap:1.5rem}.compras-import-header{background:var(--compras-bg);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.compras-import-header h2{font-size:1.25rem;font-weight:700;color:var(--compras-text);margin:0 0 .5rem}.compras-dropzone{background:var(--compras-bg);border:2px dashed var(--compras-border);border-radius:.75rem;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all .2s}.compras-dropzone.hidden{display:none}.compras-dropzone:hover,.compras-dropzone.active{border-color:var(--compras-primary);background:#0070c00d}.compras-dropzone svg{color:var(--compras-text-muted)}.compras-dropzone-text{font-size:.9375rem;color:var(--compras-text);text-align:center;margin:0}.compras-dropzone-hint{font-size:.8125rem;color:var(--compras-text-muted);margin:0;text-align:center}.compras-mensaje{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.compras-mensaje-error{background:var(--urgencia-critico-bg);color:var(--urgencia-critico);border:1px solid #fecaca}.compras-mensaje-info{background:var(--compras-bg-alt);color:var(--compras-text);border:1px solid var(--compras-border)}.compras-import-preview{background:var(--compras-bg);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem}.compras-import-file{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--compras-bg-alt);border-radius:.5rem;border:1px solid var(--compras-border)}.compras-import-file-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.compras-import-file-info svg{color:var(--compras-primary);flex-shrink:0}.compras-import-file-name{font-weight:600;color:var(--compras-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compras-btn-remove{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--compras-text-muted);border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compras-btn-remove:hover{background:var(--urgencia-critico-bg);color:var(--urgencia-critico)}.compras-import-config{display:flex;flex-direction:column;gap:1rem}.compras-import-field{display:flex;flex-direction:column;gap:.5rem}.compras-import-field label{font-size:.875rem;font-weight:600;color:var(--compras-text)}.compras-import-field input[type=number]{padding:.625rem;border:1px solid var(--compras-border);border-radius:.5rem;font-size:.875rem;transition:all .2s;max-width:200px}.compras-import-field input:focus{outline:none;border-color:var(--compras-primary);box-shadow:0 0 0 3px #0070c01a}.compras-import-field .hint{font-size:.75rem;color:var(--compras-text-muted);font-style:italic}.compras-import-actions{display:flex;gap:.75rem;justify-content:flex-end}.compras-import-resultado{background:var(--urgencia-ok-bg);border:1px solid #86efac;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.compras-import-resultado-header{display:flex;align-items:center;gap:.75rem}.compras-import-resultado-header h4{font-size:1.125rem;font-weight:700;color:#166534;margin:0}.compras-import-next-step{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--urgencia-atencion-bg);border-radius:.5rem;border:1px solid #fde047}.compras-import-next-step svg{flex-shrink:0;margin-top:2px}.compras-import-next-step p{margin:0;font-size:.875rem;color:#854d0e;line-height:1.5}.compras-import-historial{background:var(--compras-bg);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.compras-import-historial h3{font-size:1rem;font-weight:700;color:var(--compras-text);margin:0 0 1rem}.compras-import-historial-lista{display:flex;flex-direction:column;gap:.75rem}.compras-import-historial-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--compras-bg-alt);border-radius:.5rem;border:1px solid var(--compras-border)}.compras-import-historial-item svg{color:var(--compras-primary);flex-shrink:0}.compras-import-historial-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.compras-import-historial-fecha{font-size:.875rem;font-weight:600;color:var(--compras-text)}.compras-import-historial-detalle{font-size:.75rem;color:var(--compras-text-muted)}.compras-filtros{background:var(--compras-bg);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.compras-filtros-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.compras-filtro-input{width:100%;padding:.625rem .75rem;border:1px solid var(--compras-border);border-radius:.5rem;font-size:.875rem;background:var(--compras-bg);color:var(--compras-text);transition:all .2s}.compras-filtro-input:focus{outline:none;border-color:var(--compras-primary);box-shadow:0 0 0 3px #0070c01a}.compras-filtro-input::placeholder{color:var(--compras-text-muted)}.compras-btn-limpiar{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;background:var(--compras-bg);color:var(--compras-text-muted);border:1px solid var(--compras-border);border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.compras-btn-limpiar:hover{background:var(--urgencia-critico-bg);color:var(--urgencia-critico);border-color:var(--urgencia-critico)}.compras-btn-exportar{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;background:var(--compras-primary);color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.compras-btn-exportar:hover{background:var(--compras-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.compras-btn-exportar:active{transform:translateY(0)}.compras-filtros-count{font-size:.8125rem;color:var(--compras-text-muted);font-weight:500;white-space:nowrap}@media(max-width:767px){.compras-filtros-row{flex-direction:column;align-items:stretch}.compras-filtro-group{width:100%}.compras-btn-limpiar,.compras-btn-exportar{flex:1}}@media(min-width:768px){.compras-filtros-row{flex-wrap:nowrap}.compras-filtro-group{min-width:140px}}:root{--pf-primary: #059669;--pf-primary-hover: #047857;--pf-primary-light: #ecfdf5;--pf-success: #16a34a;--pf-success-bg: #f0fdf4;--pf-warning: #f59e0b;--pf-warning-bg: #fefce8;--pf-danger: #dc2626;--pf-danger-bg: #fef2f2;--pf-info: #2563eb;--pf-info-bg: #eff6ff;--pf-border: #e5e7eb;--pf-bg: #ffffff;--pf-bg-alt: #f9fafb;--pf-text: #111827;--pf-text-muted: #6b7280;--pf-text-light: #9ca3af;--pf-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--pf-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--pf-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.pf-container{width:100%;min-height:100vh;background-color:var(--pf-bg-alt);padding:0}.pf-header{background:var(--pf-bg);border-bottom:1px solid var(--pf-border);padding:1rem;position:sticky;top:0;z-index:20;box-shadow:var(--pf-shadow-sm)}.pf-header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.pf-header-titulo{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.pf-header-icon{color:var(--pf-primary);flex-shrink:0}.pf-header-titulo h1{font-size:1.25rem;font-weight:700;color:var(--pf-text);margin:0;line-height:1.2}.pf-header-subtitle{font-size:.875rem;color:var(--pf-text-muted);margin:.25rem 0 0;display:none}.pf-btn-config{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--pf-bg);color:var(--pf-text);border:1px solid var(--pf-border);border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.pf-btn-config:hover{background:var(--pf-bg-alt);border-color:var(--pf-primary)}.pf-btn-config .btn-text{display:none}.pf-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.pf-main-grid{display:flex;flex-direction:column;gap:1rem}.resumen-cards-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem;scrollbar-width:none}.resumen-cards-scroll::-webkit-scrollbar{display:none}.resumen-cards{display:flex;gap:.75rem;min-width:max-content}.resumen-card{background:var(--pf-bg, #ffffff);border-radius:.75rem;padding:1rem 1.25rem;min-width:150px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;display:flex;align-items:flex-start;gap:.75rem;border-left:4px solid transparent;transition:all .2s ease}.resumen-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.resumen-card .card-icon{width:42px;height:42px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.resumen-card .card-content{display:flex;flex-direction:column;gap:.125rem;min-width:0}.resumen-card .card-label{font-size:.6875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.resumen-card .card-value{font-size:1.375rem;font-weight:700;color:#111827;white-space:nowrap;line-height:1.2}.resumen-card .card-diff{font-size:.75rem;font-weight:600}.resumen-card .card-diff.positivo{color:#16a34a}.resumen-card .card-diff.negativo{color:#dc2626}.resumen-card .card-subtitle{font-size:.6875rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.resumen-card.skeleton-card{opacity:.7}.resumen-card .skeleton-icon{width:42px;height:42px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:.625rem}.resumen-card .skeleton-label{width:60px;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.resumen-card .skeleton-value{width:80px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-top:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.resumen-card.saldo-actual{border-left-color:#10b981}.resumen-card.saldo-actual .card-icon{background:#dcfce7;color:#16a34a}.resumen-card.saldo-actual.ok .card-value{color:#16a34a}.resumen-card.saldo-actual.warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.resumen-card.saldo-actual.warning .card-icon{background:#fef3c7;color:#d97706}.resumen-card.saldo-actual.warning .card-value{color:#d97706}.resumen-card.saldo-actual.danger{border-left-color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fff)}.resumen-card.saldo-actual.danger .card-icon{background:#fee2e2;color:#dc2626}.resumen-card.saldo-actual.danger .card-value{color:#dc2626}.resumen-card.saldo-30d{border-left-color:#3b82f6}.resumen-card.saldo-30d .card-icon{background:#dbeafe;color:#2563eb}.resumen-card.saldo-60d{border-left-color:#06b6d4}.resumen-card.saldo-60d .card-icon{background:#cffafe;color:#0891b2}.resumen-card.saldo-90d{border-left-color:#8b5cf6}.resumen-card.saldo-90d .card-icon{background:#ede9fe;color:#7c3aed}.resumen-card.saldo-120d{border-left-color:#ec4899}.resumen-card.saldo-120d .card-icon{background:#fce7f3;color:#db2777}.resumen-card.dias-minimo.ok{border-left-color:#10b981}.resumen-card.dias-minimo.ok .card-icon{background:#dcfce7;color:#16a34a}.resumen-card.dias-minimo.ok .card-value{color:#16a34a}.resumen-card.dias-minimo.warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.resumen-card.dias-minimo.warning .card-icon{background:#fef3c7;color:#d97706}.resumen-card.dias-minimo.warning .card-value{color:#d97706}.resumen-card.gasto-promedio{border-left-color:#6b7280}.resumen-card.gasto-promedio .card-icon{background:#f3f4f6;color:#4b5563}.resumen-card.proximo-gasto{border-left-color:#ef4444}.resumen-card.proximo-gasto .card-icon{background:#fee2e2;color:#dc2626}.resumen-card.proximo-gasto .card-value{color:#dc2626}.pf-alertas{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.pf-alerta{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:500}.pf-alerta.danger{background:var(--pf-danger-bg);color:var(--pf-danger)}.pf-alerta.warning{background:var(--pf-warning-bg);color:#92400e}.grafico-container{background:var(--pf-bg, #ffffff);border-radius:.75rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;margin-bottom:1rem;overflow:hidden}.grafico-container.colapsado{padding:0}.grafico-container.expandido{padding:0 0 1.25rem}.grafico-container.grafico-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#9ca3af;padding:1.25rem}.grafico-header{margin-bottom:1rem}.grafico-header.clickable{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;margin-bottom:0;transition:background .2s;user-select:none}.grafico-header.clickable:hover{background:#f9fafb}.grafico-header-left{display:flex;align-items:center;gap:.75rem}.grafico-chevron{color:#9ca3af;transition:transform .2s ease}.grafico-chevron.rotated{transform:rotate(180deg)}.grafico-titulo{font-size:1rem;font-weight:600;color:#111827;margin:0}.grafico-icono{color:#10b981}.grafico-subtitulo{font-size:.75rem;color:#9ca3af;margin:.125rem 0 0}.grafico-wrapper{margin:0;padding:0 .75rem}.grafico-tooltip{background:#1f2937;padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 4px 12px #00000026}.grafico-tooltip .tooltip-fecha{font-size:.75rem;color:#9ca3af;margin:0 0 .25rem;text-transform:capitalize}.grafico-tooltip .tooltip-saldo{font-size:1rem;font-weight:600;color:#10b981;margin:0}.grafico-tooltip .tooltip-saldo.bajo-minimo{color:#ef4444}.grafico-tooltip .tooltip-alerta{font-size:.7rem;color:#fbbf24;margin:.25rem 0 0}.grafico-leyenda{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 1.25rem 0;padding-top:.75rem;border-top:1px solid #e5e7eb;justify-content:center}.leyenda-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.leyenda-linea{width:20px;height:3px;border-radius:2px}.leyenda-linea.verde{background:#10b981}.leyenda-linea.roja{background:#ef4444}.leyenda-linea.dashed{background:repeating-linear-gradient(90deg,#ef4444,#ef4444 4px,transparent 4px,transparent 8px)}.leyenda-punto{width:10px;height:10px;border-radius:50%}.leyenda-punto.rojo{background:#ef4444}@media(max-width:640px){.grafico-container{padding:1rem}.grafico-wrapper{margin:0 -.75rem}.grafico-leyenda{gap:.75rem}.leyenda-item{font-size:.7rem}}.grafico-icono.categoria{color:#8b5cf6}.categoria-content{display:flex;flex-direction:column;gap:1rem;padding:0 1.25rem}.dona-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.dona-centro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.dona-total-label{display:block;font-size:.75rem;color:#9ca3af;margin-bottom:.125rem}.dona-total-valor{display:block;font-size:1.25rem;font-weight:700;color:#111827}.categoria-leyenda{display:flex;flex-direction:column;gap:.5rem}.categoria-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border-radius:.5rem;transition:background .2s}.categoria-item:hover{background:#f3f4f6}.categoria-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.categoria-nombre{flex:1;font-size:.8125rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categoria-porcentaje{font-size:.75rem;color:#9ca3af;min-width:40px;text-align:right}.categoria-monto{font-size:.8125rem;font-weight:600;color:#111827;min-width:70px;text-align:right;font-variant-numeric:tabular-nums}.grafico-tooltip .tooltip-categoria{font-weight:600;margin:0 0 .25rem;font-size:.875rem}.grafico-tooltip .tooltip-monto{font-size:1.125rem;font-weight:700;margin:0 0 .25rem;color:#fff}.grafico-tooltip .tooltip-porcentaje{font-size:.75rem;color:#d1d5db;margin:0}.grafico-tooltip .tooltip-cantidad{font-size:.6875rem;color:#9ca3af;margin:.25rem 0 0}@media(min-width:768px){.categoria-content{flex-direction:row;align-items:flex-start;gap:2rem}.dona-wrapper{flex:0 0 auto;width:240px}.categoria-leyenda{flex:1;min-width:0}}.pf-cajas-panel{background:var(--pf-bg);border-radius:.75rem;box-shadow:var(--pf-shadow-sm);overflow:hidden}.pf-cajas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--pf-border);cursor:pointer}.pf-cajas-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--pf-text);margin:0}.pf-cajas-content{padding:1rem;display:flex;flex-direction:column;gap:1.25rem}.pf-cajas-section{display:flex;flex-direction:column;gap:.75rem}.pf-cajas-section-header{display:flex;align-items:center;justify-content:space-between}.pf-cajas-section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--pf-text)}.pf-cajas-section-title svg{color:var(--pf-text-muted)}.pf-cajas-section-total{font-size:.875rem;font-weight:600;color:var(--pf-text);font-family:SF Mono,Fira Code,monospace}.pf-cajas-list{display:flex;flex-direction:column;gap:.5rem}.pf-caja-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:var(--pf-bg-alt);border-radius:.5rem;transition:all .2s}.pf-caja-item:hover{background:#f3f4f6}.pf-caja-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--pf-primary);cursor:pointer;flex-shrink:0}.pf-caja-nombre{flex:1;font-size:.875rem;color:var(--pf-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-caja-saldo{font-size:.875rem;font-weight:600;color:var(--pf-text);font-family:SF Mono,Fira Code,monospace}.pf-caja-item .btn-edit{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--pf-text-muted);border-radius:.25rem;opacity:0;transition:all .2s}.pf-caja-item:hover .btn-edit{opacity:1}.pf-caja-item .btn-edit:hover{color:var(--pf-primary);background:var(--pf-primary-light)}.pf-btn-agregar-caja{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;background:none;border:1px dashed var(--pf-border);border-radius:.5rem;color:var(--pf-text-muted);font-size:.8125rem;cursor:pointer;transition:all .2s}.pf-btn-agregar-caja:hover{border-color:var(--pf-primary);color:var(--pf-primary);background:var(--pf-primary-light)}.pf-cajas-subtotal{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--pf-border);font-size:.8125rem;color:var(--pf-text-muted);display:flex;justify-content:space-between;align-items:center}.pf-cajas-subtotal strong{color:var(--pf-text)}.pf-reservas-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#faf5ff;border-radius:.5rem;border-left:4px solid #8b5cf6}.pf-reservas-card svg{color:#8b5cf6}.pf-reservas-info{flex:1}.pf-reservas-label{font-size:.75rem;color:var(--pf-text-muted)}.pf-reservas-value{font-size:1rem;font-weight:700;color:#8b5cf6;font-family:SF Mono,Fira Code,monospace}.pf-config-panel{background:var(--pf-bg);border-radius:.75rem;box-shadow:var(--pf-shadow-sm);overflow:hidden}.pf-config-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--pf-border)}.pf-config-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--pf-text);margin:0}.pf-config-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.pf-config-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pf-config-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--pf-text-muted)}.pf-config-label svg{flex-shrink:0}.pf-config-value{font-size:.9375rem;font-weight:600;color:var(--pf-text);font-family:SF Mono,Fira Code,monospace}.pf-config-value.success{color:var(--pf-success)}.pf-config-value.warning{color:var(--pf-warning)}.pf-config-input{width:100px;text-align:right;padding:.5rem;border:1px solid var(--pf-border);border-radius:.375rem;font-size:.875rem;font-family:SF Mono,Fira Code,monospace}.pf-config-input:focus{outline:none;border-color:var(--pf-primary);box-shadow:0 0 0 3px #0596691a}.pf-config-info{padding-top:.75rem;border-top:1px solid var(--pf-border);font-size:.8125rem;color:var(--pf-text-muted)}.pf-config-info strong{color:var(--pf-success)}.pf-config-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--pf-border)}.pf-filtros{background:var(--pf-bg);border-radius:.75rem;padding:.875rem;box-shadow:var(--pf-shadow-sm)}.pf-filtros-row{display:flex;flex-wrap:wrap;gap:.625rem;align-items:center}.pf-filtro-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--pf-bg-alt);border:1px solid var(--pf-border);border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.pf-filtro-btn:hover{background:#f3f4f6}.pf-filtro-btn.active{background:var(--pf-primary-light);border-color:var(--pf-primary);color:var(--pf-primary)}.pf-filtro-select{padding:.5rem .75rem;background:var(--pf-bg-alt);border:1px solid var(--pf-border);border-radius:.5rem;font-size:.8125rem;cursor:pointer;transition:all .2s}.pf-filtro-select:focus{outline:none;border-color:var(--pf-primary)}.pf-filtros-spacer{flex:1}.pf-btn-refresh{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:var(--pf-text-muted);cursor:pointer;border-radius:.375rem;transition:all .2s}.pf-btn-refresh:hover{background:var(--pf-bg-alt);color:var(--pf-text)}.pf-btn-refresh.spinning svg{animation:spin 1s linear infinite}.pf-btn-nuevo-gasto{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--pf-primary);color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.pf-btn-nuevo-gasto:hover{background:var(--pf-primary-hover);box-shadow:var(--pf-shadow-md)}.pf-categorias-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.625rem;padding-top:.625rem;border-top:1px solid var(--pf-border)}.pf-categoria-chip{padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:500;background:var(--pf-bg-alt);color:var(--pf-text-muted);border:none;cursor:pointer;transition:all .2s}.pf-categoria-chip:hover{background:#e5e7eb}.pf-categoria-chip.active{color:#fff}.pf-tabla-container{background:var(--pf-bg);border-radius:.75rem;box-shadow:var(--pf-shadow-sm);overflow:hidden}.pf-mes-header{background:var(--pf-bg-alt);padding:.75rem 1rem;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--pf-border)}.pf-mes-header h4{font-size:.875rem;font-weight:600;color:var(--pf-text);margin:0;text-transform:capitalize}.pf-tabla-header{display:none;grid-template-columns:85px 45px 1fr 90px 90px 100px;background:var(--pf-bg-alt);padding:.75rem 1rem;font-size:.6875rem;font-weight:600;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--pf-border);position:sticky;top:0;z-index:10}.pf-dia-row{border-bottom:1px solid var(--pf-border);border-left:4px solid transparent;background:var(--pf-bg);transition:all .2s}.pf-dia-row:last-child{border-bottom:none}.pf-dia-row.hoy{background:var(--pf-primary-light);border-left-color:var(--pf-primary)}.pf-dia-row.alerta{background:#fffbeb!important;border-left-color:#f59e0b}.pf-dia-row.alerta .pf-dia-saldo{color:#d97706!important;font-weight:700}.pf-dia-row.bajo-minimo{background:#fef2f2!important;border-left-color:#dc2626}.pf-dia-row.bajo-minimo .pf-dia-saldo{color:#dc2626!important;font-weight:700}.pf-dia-row.drag-over{background:#dbeafe!important;border:2px dashed #3b82f6;border-left:4px solid #3b82f6}.pf-dia-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.5rem 1rem;padding:1rem;cursor:pointer;transition:background .15s;background:inherit}.pf-dia-header:hover{background:#00000005}.pf-dia-fecha{grid-column:1;grid-row:1;min-width:0}.pf-dia-semana{font-size:.6875rem;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.03em}.pf-dia-numero-fecha{font-size:1rem;font-weight:700;color:var(--pf-text);display:flex;align-items:center;gap:.5rem}.pf-badge-hoy{display:inline-flex;padding:.125rem .5rem;background:var(--pf-primary);color:#fff;font-size:.625rem;font-weight:700;border-radius:.25rem;letter-spacing:.02em}.pf-dia-saldo{grid-column:2;grid-row:1;padding:.5rem .75rem;border-radius:.5rem;font-size:1rem;font-weight:700;font-family:SF Mono,Fira Code,monospace;text-align:right;align-self:center}.pf-dia-gastos{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px dashed var(--pf-border);min-width:0}.pf-dia-gastos-toggle{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500}.pf-dia-gastos-count{color:var(--pf-text-light);font-size:.75rem}.pf-monto-ingreso{color:var(--pf-success);font-weight:600;font-size:.875rem}.pf-monto-gasto{color:var(--pf-danger);font-weight:600;font-size:.875rem}.pf-categoria-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pf-dia-gasto-desc{font-size:.8125rem;color:var(--pf-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.pf-dia-gasto-extra{color:var(--pf-text-light);font-size:.75rem}.pf-dia-num,.pf-dia-ingresos,.pf-dia-egresos{display:none}.pf-dia-empty{color:var(--pf-text-light);font-size:.75rem}.pf-btn-agregar-inline{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--pf-bg-alt);border:1px dashed var(--pf-border);border-radius:.375rem;color:var(--pf-text-muted);font-size:.75rem;cursor:pointer;transition:all .2s}.pf-btn-agregar-inline:hover{background:var(--pf-primary-light);border-color:var(--pf-primary);color:var(--pf-primary)}.pf-dia-saldo.ok{background:var(--pf-success-bg);color:var(--pf-success)}.pf-dia-saldo.warning{background:var(--pf-warning-bg);color:var(--pf-warning)}.pf-dia-saldo.danger{background:var(--pf-danger-bg);color:var(--pf-danger)}.pf-dia-gastos-expandidos{padding:.75rem 1rem 1rem;background:var(--pf-bg-alt);border-top:1px solid var(--pf-border)}.pf-gasto-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--pf-bg);border-radius:.5rem;margin-bottom:.5rem;border-left:4px solid var(--pf-border);transition:all .2s;cursor:pointer}.pf-gasto-item:hover{box-shadow:var(--pf-shadow-sm)}.pf-gasto-checkbox{width:18px;height:18px;accent-color:var(--pf-success);cursor:pointer;flex-shrink:0}.pf-gasto-info{flex:1;min-width:0}.pf-gasto-desc{font-size:.875rem;font-weight:500;color:var(--pf-text)}.pf-gasto-categoria{display:inline-block;padding:.125rem .375rem;border-radius:.25rem;font-size:.6875rem;font-weight:500;margin-top:.25rem}.pf-gasto-monto{font-size:.9375rem;font-weight:600;color:var(--pf-danger);font-family:SF Mono,Fira Code,monospace}.pf-gasto-actions{display:flex;gap:.25rem}.pf-gasto-actions button{background:none;border:none;padding:.375rem;cursor:pointer;color:var(--pf-text-muted);border-radius:.25rem;transition:all .2s}.pf-gasto-actions button:hover{background:var(--pf-bg-alt)}.pf-gasto-actions button.edit:hover{color:var(--pf-primary)}.pf-gasto-actions button.delete:hover{color:var(--pf-danger)}.pf-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.pf-modal{background:var(--pf-bg);border-radius:.75rem;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--pf-shadow-lg)}.pf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--pf-border)}.pf-modal-header h2{font-size:1.125rem;font-weight:600;color:var(--pf-text);margin:0}.pf-modal-close{background:none;border:none;padding:.375rem;cursor:pointer;color:var(--pf-text-muted);border-radius:.375rem;transition:all .2s}.pf-modal-close:hover{background:var(--pf-bg-alt);color:var(--pf-text)}.pf-modal-content{padding:1.25rem;overflow-y:auto;flex:1}.pf-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--pf-border);background:var(--pf-bg-alt);gap:.75rem}.pf-modal-footer-left,.pf-modal-footer-right{display:flex;gap:.5rem}.pf-form-group{margin-bottom:1rem}.pf-form-label{display:block;font-size:.875rem;font-weight:500;color:var(--pf-text);margin-bottom:.375rem}.pf-form-input{width:100%;padding:.625rem .75rem;border:1px solid var(--pf-border);border-radius:.5rem;font-size:.9375rem;transition:all .2s}.pf-form-input:focus{outline:none;border-color:var(--pf-primary);box-shadow:0 0 0 3px #0596691a}.pf-form-hint{font-size:.75rem;color:var(--pf-text-muted);margin-top:.25rem}.pf-form-error{padding:.75rem;background:var(--pf-danger-bg);color:var(--pf-danger);border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.pf-categoria-chips-modal{display:flex;flex-wrap:wrap;gap:.5rem}.pf-categoria-chip-modal{padding:.5rem .75rem;border-radius:1rem;font-size:.8125rem;font-weight:500;background:var(--pf-bg-alt);color:var(--pf-text-muted);border:1px solid var(--pf-border);cursor:pointer;transition:all .2s}.pf-categoria-chip-modal:hover{border-color:var(--pf-text-muted)}.pf-categoria-chip-modal.active{color:#fff;border-color:transparent}.pf-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer}.pf-toggle-switch{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;transition:all .2s}.pf-toggle-switch.active{background:var(--pf-primary)}.pf-toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:all .2s;box-shadow:0 1px 3px #0003}.pf-toggle-switch.active:after{left:23px}.pf-toggle-label{font-size:.875rem;color:var(--pf-text)}.pf-color-picker{display:flex;flex-wrap:wrap;gap:.5rem}.pf-color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pf-color-option:hover{transform:scale(1.1)}.pf-color-option.active{border-color:var(--pf-text);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--pf-primary)}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.pf-btn-primary{background:var(--pf-primary);color:#fff;border:none}.pf-btn-primary:hover{background:var(--pf-primary-hover)}.pf-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pf-btn-secondary{background:var(--pf-bg);color:var(--pf-text);border:1px solid var(--pf-border)}.pf-btn-secondary:hover{background:var(--pf-bg-alt)}.pf-btn-danger{background:var(--pf-danger-bg);color:var(--pf-danger);border:1px solid #fecaca}.pf-btn-danger:hover{background:#fee2e2}.pf-btn-success{background:var(--pf-success);color:#fff;border:none}.pf-btn-success:hover{background:#15803d}.pf-btn-success:disabled{opacity:.5;cursor:not-allowed}.pf-btn-ghost{background:none;color:var(--pf-text-muted);border:none;padding:.5rem}.pf-btn-ghost:hover{color:var(--pf-text);background:var(--pf-bg-alt)}.pf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--pf-text-muted)}.pf-spinner{width:40px;height:40px;border:3px solid var(--pf-border);border-top-color:var(--pf-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pf-empty{text-align:center;padding:3rem 2rem;color:var(--pf-text-muted)}.pf-empty svg{margin-bottom:1rem;opacity:.3}.pf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--pf-bg);border-radius:.75rem;margin:1rem}.pf-error svg{color:var(--pf-danger);margin-bottom:1rem}.pf-error h3{font-size:1.125rem;font-weight:600;color:var(--pf-text);margin:0 0 .5rem}.pf-error p{color:var(--pf-text-muted);font-size:.875rem;margin:0 0 1rem}.pf-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.375rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:768px){.pf-header{padding:1.25rem 1.5rem}.pf-header-titulo h1{font-size:1.5rem}.pf-header-subtitle{display:block}.pf-btn-config .btn-text{display:inline}.pf-content{padding:1.5rem}.resumen-cards-scroll{padding:1.25rem 1.5rem;overflow:visible}.resumen-cards{gap:1rem;flex-wrap:wrap;justify-content:flex-start;min-width:0}.resumen-card{min-width:160px;padding:1.125rem 1.375rem;flex:0 0 auto}.resumen-card .card-value{font-size:1.5rem}.pf-main-grid{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}.pf-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:80px}.pf-tabla-header{display:grid}.pf-dia-header{display:grid;grid-template-columns:85px 45px 1fr 90px 90px 100px;grid-template-rows:1fr;gap:0;padding:.75rem 1rem;align-items:center}.pf-dia-fecha{grid-column:1;grid-row:1}.pf-dia-num{grid-column:2;grid-row:1;display:block;font-size:.75rem;color:var(--pf-text-light);text-align:center}.pf-dia-gastos{grid-column:3;grid-row:1;border-top:none;padding-top:0}.pf-dia-ingresos{grid-column:4;grid-row:1;display:block;font-size:.8125rem;font-weight:500;color:var(--pf-success);font-family:SF Mono,Fira Code,monospace;text-align:right}.pf-dia-egresos{grid-column:5;grid-row:1;display:block;font-size:.8125rem;font-weight:500;color:var(--pf-danger);font-family:SF Mono,Fira Code,monospace;text-align:right}.pf-dia-saldo{grid-column:6;grid-row:1;font-size:.9375rem;padding:.375rem .5rem;min-width:90px}.pf-dia-numero-fecha{font-size:.9375rem;font-weight:600}.pf-dia-semana{font-size:.6875rem}.pf-dia-gasto-desc{color:var(--pf-text)}}@media(min-width:1024px){.pf-header{padding:1.5rem 2rem}.pf-header-titulo h1{font-size:1.75rem}.pf-content{padding:2rem}.pf-main-grid{grid-template-columns:360px 1fr}}.pf-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:var(--pf-primary);color:#fff;border:none;box-shadow:0 4px 12px #05966966;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:40;transition:all .2s}.pf-fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #05966980}.pf-fab:active{transform:scale(.95)}@media(min-width:768px){.pf-fab{display:none}}@media print{.pf-header,.pf-sidebar,.pf-filtros,.pf-fab,.pf-btn,button{display:none!important}.pf-container{background:#fff}.pf-main-grid{display:block}}.pf-clave-modal{max-width:400px}.pf-clave-header{flex-wrap:wrap;gap:.5rem}.pf-clave-icon{width:48px;height:48px;background:var(--pf-primary-light);color:var(--pf-primary);border-radius:.75rem;display:flex;align-items:center;justify-content:center}.pf-clave-descripcion{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--pf-bg-alt);border-radius:.5rem;margin-bottom:1.25rem}.pf-clave-descripcion svg{color:var(--pf-text-muted);flex-shrink:0;margin-top:.125rem}.pf-clave-descripcion p{margin:0;font-size:.875rem;color:var(--pf-text-muted);line-height:1.5}.pf-input-with-icon{position:relative;display:flex;align-items:center}.pf-input-with-icon .pf-form-input{padding-right:2.75rem}.pf-btn-toggle-visibility{position:absolute;right:.5rem;background:none;border:none;padding:.375rem;cursor:pointer;color:var(--pf-text-muted);border-radius:.25rem;transition:color .2s}.pf-btn-toggle-visibility:hover{color:var(--pf-text)}.pf-input-error{border-color:var(--pf-danger)!important;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pf-error-message{display:block;margin-top:.375rem;font-size:.8125rem;color:var(--pf-danger);text-align:center}.pf-caja-item .btn-delete:hover{color:var(--pf-danger)!important;background:var(--pf-danger-bg)}.pf-tipo-selector{display:flex;gap:.5rem}.pf-tipo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--pf-bg-alt);border:2px solid var(--pf-border);border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--pf-text-muted);cursor:pointer;transition:all .2s}.pf-tipo-btn:hover{background:#f3f4f6;border-color:var(--pf-text-muted)}.pf-tipo-btn.active.gasto{background:var(--pf-danger-bg);border-color:var(--pf-danger);color:var(--pf-danger)}.pf-tipo-btn.active.ingreso{background:var(--pf-success-bg);border-color:var(--pf-success);color:var(--pf-success)}.pf-input-ingreso{border-color:var(--pf-success)}.pf-input-ingreso:focus{border-color:var(--pf-success);box-shadow:0 0 0 3px #16a34a1a}.pf-gasto-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--pf-bg);border-radius:.5rem;margin-bottom:.5rem;border-left:4px solid var(--pf-border);transition:all .2s;cursor:grab;user-select:none;box-shadow:0 1px 2px #0000000d}.pf-gasto-item:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.pf-gasto-item:active{cursor:grabbing}.pf-gasto-item.dragging{opacity:.5;transform:scale(.98);box-shadow:0 4px 12px #00000026}.pf-gasto-item.pagado{opacity:.6;background:var(--pf-bg-alt)}.pf-gasto-item.pagado .pf-gasto-desc{text-decoration:line-through}.pf-gasto-item.ingreso{border-left-color:var(--pf-success);background:#f0fdf4}.pf-gasto-item.ingreso:hover{background:#dcfce7}.pf-gasto-item.ingreso .pf-gasto-monto{color:var(--pf-success)}.pf-gasto-drag-handle{display:flex;align-items:center;justify-content:center;color:#cbd5e1;cursor:grab;padding:.25rem;margin-left:-.25rem;border-radius:.25rem;transition:all .2s}.pf-gasto-item:hover .pf-gasto-drag-handle{color:#94a3b8}.pf-gasto-drag-handle:active{cursor:grabbing;color:var(--pf-primary)}.pf-gasto-tipo-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;background:#fee2e2;color:#dc2626}.pf-gasto-item.ingreso .pf-gasto-tipo-icon{background:#dcfce7;color:#16a34a}.pf-dia-row.drag-over .pf-dia-gastos-expandidos:before{content:"↓ Soltar aquí para mover";display:block;width:100%;text-align:center;padding:.5rem;background:#3b82f6;color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:500;margin-bottom:.5rem;animation:pulse 1s ease-in-out infinite}.pf-toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.pf-toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#1f2937;color:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0003;animation:slideInRight .3s ease-out;max-width:350px}.pf-toast.success{background:#059669}.pf-toast.error{background:#dc2626}.pf-toast-message{flex:1;font-size:.875rem}.pf-toast-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.pf-toast-close:hover{color:#fff;background:#ffffff1a}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.pf-filtro-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;box-shadow:0 2px 8px #3b82f64d}.pf-filtro-banner svg{flex-shrink:0}.pf-filtro-banner span{flex:1}.pf-filtro-banner strong{font-weight:600}.pf-filtro-banner-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:2rem;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.pf-filtro-banner-btn:hover{background:#ffffff40;border-color:#ffffff80}.pf-empty-filtro{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--pf-text-muted, #6b7280)}.pf-empty-filtro svg{margin-bottom:1rem;opacity:.4;color:var(--pf-primary, #3b82f6)}.pf-empty-filtro p{font-size:1.125rem;font-weight:600;color:var(--pf-text, #1f2937);margin-bottom:.5rem}.pf-empty-filtro-hint{font-size:.875rem;color:var(--pf-text-muted, #6b7280);margin-bottom:1.5rem;max-width:300px}.pf-btn-quitar-filtro{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--pf-primary, #3b82f6);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pf-btn-quitar-filtro:hover{background:var(--pf-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.pf-mes-separator{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;margin:.5rem 0}.pf-mes-separator:before,.pf-mes-separator:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--pf-border, #e5e7eb),transparent)}.pf-mes-separator span{font-size:.75rem;font-weight:700;color:var(--pf-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}@media(max-width:640px){.pf-filtro-banner{flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem}.pf-filtro-banner span{flex:1 1 100%;order:1}.pf-filtro-banner>svg{order:0}.pf-filtro-banner-btn{order:2;margin-left:auto}}.verificar-stock-container{max-width:800px;margin:0 auto;padding:20px}.verificar-stock-header{margin-bottom:24px}.verificar-stock-header h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0 0 4px}.verificar-stock-header .subtitle{font-size:.9rem;color:#666;margin:0}.verificar-stock-search{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.search-row{display:flex;gap:12px;margin-bottom:12px}.search-input-group{flex:1;position:relative;display:flex;align-items:center}.search-input-group .search-icon{position:absolute;left:14px;color:#999}.search-input{width:100%;padding:12px 12px 12px 44px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cantidad-input-group{position:relative;display:flex;align-items:center;width:100px;flex-shrink:0}.cantidad-input-group .cantidad-icon{position:absolute;left:10px;color:#999}.cantidad-input{width:100%;padding:12px 12px 12px 32px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;text-align:center;transition:all .2s}.cantidad-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cantidad-input::-webkit-outer-spin-button,.cantidad-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cantidad-input[type=number]{-moz-appearance:textfield}.btn-buscar{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-buscar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-buscar:disabled{opacity:.6;cursor:not-allowed}.actions-row{display:flex;gap:8px}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;color:#555}.btn-action:hover{background:#f5f5f5;border-color:#ccc}.btn-action.multiple{border-color:#3b82f6;color:#3b82f6}.btn-action.multiple:hover{background:#eff6ff}.btn-action.limpiar{border-color:#ef4444;color:#ef4444}.btn-action.limpiar:hover{background:#fef2f2}.error-message{margin-top:12px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem}.verificar-stock-results{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.verificar-stock-results h2{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0 0 16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;text-align:center}.empty-state svg{color:#ddd;margin-bottom:12px}.empty-state p{margin:0;font-size:.95rem}.resultados-list{display:flex;flex-direction:column;gap:10px}.resultado-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.resultado-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.resultado-main{flex:1;min-width:0}.resultado-codigo{font-weight:700;font-size:.95rem;color:#1a1a2e;margin-bottom:4px}.resultado-detalle{font-size:.85rem;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resultado-datos{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.resultado-stock{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.resultado-stock.hay-stock{background:#dcfce7;color:#16a34a}.resultado-stock.consultar{background:#ffedd5;color:#ea580c}.resultado-stock.stock-parcial{background:#fef3c7;color:#d97706}.resultado-stock-info{font-size:.75rem;color:#666}.resultado-cantidad-container{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.cantidad-label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.resultado-cantidad-input{width:60px;padding:6px 8px;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;text-align:center;font-weight:600;transition:all .2s}.resultado-cantidad-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.resultado-cantidad-input::-webkit-outer-spin-button,.resultado-cantidad-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.resultado-cantidad-input[type=number]{-moz-appearance:textfield}.resultado-precio{font-size:1rem;font-weight:700;color:#3b82f6}.btn-eliminar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#999;transition:all .2s;flex-shrink:0}.btn-eliminar:hover{background:#fef2f2;color:#ef4444}.verificar-stock-historial{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.historial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.historial-header h3{font-size:.9rem;font-weight:600;color:#1a1a2e;margin:0}.btn-limpiar-historial{background:none;border:none;font-size:.8rem;color:#ef4444;cursor:pointer;padding:4px 8px;border-radius:4px}.btn-limpiar-historial:hover{background:#fef2f2}.historial-items{display:flex;flex-wrap:wrap;gap:8px}.historial-item{padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#475569;cursor:pointer;transition:all .2s}.historial-item:hover{background:#e2e8f0;border-color:#cbd5e1}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlide .2s ease}@keyframes modalSlide{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-header h2{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#666;transition:all .2s}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{padding:20px;overflow-y:auto}.modal-hint{font-size:.9rem;color:#666;margin:0 0 12px}.multiple-textarea{width:100%;min-height:150px;padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;font-family:monospace;resize:vertical}.multiple-textarea:focus{outline:none;border-color:#3b82f6}.modal-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-modal{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal.secondary{background:#fff;border:1px solid #e0e0e0;color:#666}.btn-modal.secondary:hover{background:#f5f5f5}.btn-modal.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.btn-modal.primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666}.btn-modal.primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.verificar-stock-container{padding:16px}.search-row{flex-wrap:wrap;gap:8px}.search-input-group{flex:1;min-width:150px}.cantidad-input-group{width:80px}.btn-buscar{width:100%}.resultado-card{flex-wrap:wrap;position:relative;padding-right:44px}.resultado-main{width:100%;margin-bottom:8px}.resultado-cantidad-container{flex-direction:row;gap:8px;align-items:center}.resultado-datos{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start;align-items:center}.btn-eliminar{position:absolute;top:10px;right:10px}}:root{--color-primary: #E31C5F;--color-secondary: #FFD700;--color-success: #4CAF50;--color-danger: #f44336;--color-dark: #0a0a0a;--color-darker: #1a1a2e;--font-pixel: "Press Start 2P", cursive;--font-retro: "VT323", monospace}*{margin:0;padding:0;box-sizing:border-box}.calipso-game-container{width:100%;height:100vh;background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-darker) 50%,#16213e 100%);font-family:var(--font-retro);overflow:hidden;position:relative}.main-menu-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.menu-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-error{position:absolute;color:#e31c5f33;font-family:var(--font-pixel);font-size:.8rem;animation:floatUp 4s ease-in-out infinite}@keyframes floatUp{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.menu-content{text-align:center;z-index:10;animation:fadeIn 1s ease}.game-title{font-family:var(--font-pixel);font-size:3rem;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary),4px 4px 0 #000;margin-bottom:.5rem;animation:glitch 2s infinite}.game-subtitle{font-family:var(--font-pixel);font-size:1.2rem;color:var(--color-secondary);text-shadow:2px 2px 0 #000;margin-bottom:2rem}.menu-character{margin:1.5rem 0;display:flex;justify-content:center}.player-info{margin:1.5rem 0;color:#aaa}.player-name{font-size:1.3rem;cursor:pointer;padding:.5rem;transition:color .2s}.player-name:hover{color:var(--color-secondary)}.edit-hint{font-size:.9rem;opacity:.5}.name-edit{display:flex;justify-content:center;gap:.5rem}.name-edit input{font-family:var(--font-retro);font-size:1.2rem;padding:.5rem;background:#333;border:2px solid var(--color-primary);color:#fff;text-align:center}.name-edit button{font-size:1.2rem;padding:.5rem 1rem;background:var(--color-success);border:none;color:#fff;cursor:pointer}.player-stats{margin-top:.5rem;display:flex;justify-content:center;gap:2rem;font-size:1.1rem}.menu-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;margin:2rem 0}.menu-btn{font-family:var(--font-pixel);font-size:1rem;padding:1rem 2rem;border:4px solid var(--color-secondary);cursor:pointer;transition:all .2s;min-width:280px}.menu-btn.primary{background:linear-gradient(180deg,var(--color-primary) 0%,#a01040 100%);color:#fff;animation:pulse 1.5s infinite}.menu-btn.secondary{background:#333;color:#aaa;border-color:#666}.menu-btn:hover{transform:scale(1.05);box-shadow:0 0 20px var(--color-primary)}.menu-instructions{margin-top:2rem;color:#666;font-size:1rem}.menu-instructions h3{color:#888;margin-bottom:.5rem}.level-map-screen{width:100%;height:100%;display:flex;flex-direction:column;padding:1rem}.map-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#00000080;border:2px solid var(--color-primary);margin-bottom:1rem}.back-btn{font-family:var(--font-pixel);font-size:.8rem;padding:.5rem 1rem;background:#333;color:#fff;border:2px solid #666;cursor:pointer}.back-btn:hover{background:#444}.map-title{font-family:var(--font-pixel);font-size:1.2rem;color:var(--color-primary)}.total-score{font-family:var(--font-pixel);font-size:.9rem;color:var(--color-secondary)}.level-path-container{flex:1;display:flex;align-items:center;justify-content:center;overflow-x:auto;padding:2rem}.level-path{display:flex;align-items:center;gap:0}.level-node{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#000000b3;border:3px solid #333;border-radius:10px;cursor:pointer;transition:all .3s;position:relative;min-width:150px}.level-node.unlocked{border-color:var(--level-color, var(--color-primary));box-shadow:0 0 15px #e31c5f4d}.level-node.unlocked:hover{transform:scale(1.05);box-shadow:0 0 25px var(--level-color, var(--color-primary))}.level-node.current{animation:currentLevel 1s ease infinite alternate}@keyframes currentLevel{0%{box-shadow:0 0 15px var(--level-color)}to{box-shadow:0 0 30px var(--level-color)}}.level-node.locked{opacity:.5;cursor:not-allowed}.level-node.coming-soon{opacity:.4;cursor:not-allowed}.level-icon{font-size:2.5rem;margin-bottom:.5rem}.level-info{text-align:center}.level-name{font-family:var(--font-pixel);font-size:.7rem;color:#fff;margin-bottom:.3rem}.level-difficulty{font-size:.9rem;color:#888}.level-highscore{font-family:var(--font-pixel);font-size:.6rem;color:var(--color-secondary);margin-top:.5rem}.level-coming-soon{font-family:var(--font-pixel);font-size:.5rem;color:#666;margin-top:.5rem}.level-lock{position:absolute;top:-10px;right:-10px;font-size:1.5rem}.path-connector{display:flex;align-items:center;width:60px;position:relative}.path-line{width:100%;height:4px;background:#333}.path-connector.unlocked .path-line{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.path-dots{position:absolute;width:100%;display:flex;justify-content:space-around;color:#333}.path-connector.unlocked .path-dots{color:var(--color-secondary)}.map-character{position:absolute;bottom:2rem;left:2rem;display:flex;align-items:flex-end;gap:1rem}.character-speech{background:#fff;color:#000;padding:.5rem 1rem;border-radius:10px;position:relative;font-size:1rem}.character-speech:before{content:"";position:absolute;left:-10px;bottom:10px;border:10px solid transparent;border-right-color:#fff}.map-legend{position:absolute;bottom:2rem;right:2rem;display:flex;gap:1.5rem;color:#888;font-size:.9rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-icon.unlocked{color:var(--color-success)}.legend-icon.locked{color:#666}.game-area{width:100%;height:100%;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px),linear-gradient(135deg,var(--color-dark) 0%,var(--color-darker) 100%)}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;z-index:100;padding:10px;background:#000000b3;border:2px solid var(--color-primary)}.hud-left,.hud-right{display:flex;flex-direction:column;gap:5px}.hud-center{text-align:center}.hud-back-btn{font-family:var(--font-pixel);font-size:.6rem;padding:.3rem .6rem;background:#333;color:#aaa;border:1px solid #666;cursor:pointer;margin-bottom:5px}.phase-title{font-family:var(--font-pixel);font-size:.9rem;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary)}.timer{font-family:var(--font-pixel);font-size:1.5rem;color:var(--color-secondary)}.stat-bar{width:200px;height:20px;background:#333;border:2px solid #666}.stat-fill{height:100%;transition:width .3s}.patience-fill{background:linear-gradient(90deg,red,#f60,#0f0)}.health-fill{background:linear-gradient(90deg,red,#0f0)}.stat-label{color:#fff;font-size:1rem}.score{font-family:var(--font-pixel);font-size:1rem;color:var(--color-success)}.error-popup{position:absolute;width:200px;background:linear-gradient(180deg,silver,#a0a0a0);border:3px outset #dfdfdf;box-shadow:5px 5px 15px #00000080;cursor:pointer;animation:popIn .3s ease;z-index:50}.error-header{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.9rem}.close-btn{background:silver;border:2px outset #dfdfdf;color:#000;width:18px;height:18px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.error-body{padding:15px;text-align:center;color:#000;font-size:1rem}.pelado{position:relative;width:80px;height:100px;transition:all .05s}.pelado.small{width:60px;height:80px}.pelado.hit{animation:shake .3s ease;filter:brightness(1.5) saturate(.5)}.pelado-svg{width:100%;height:100%}.smoke-container{position:absolute;top:-30px;left:0;width:100%;height:50px;pointer-events:none}.smoke-particle{position:absolute;width:20px;height:20px;background:radial-gradient(circle,rgba(100,100,100,.8),transparent);border-radius:50%;animation:smokeRise 1.5s infinite ease-out}.rage-aura{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(255,0,0,.3),transparent);animation:rageGlow .5s infinite alternate;pointer-events:none}.pulse{animation:veinPulse .5s infinite}.calipso-boss{position:absolute;top:3%;transform:translate(-50%);text-align:center;transition:left .05s linear}.boss-svg{width:120px;height:120px;filter:drop-shadow(0 0 20px var(--color-primary))}.boss-message{font-family:var(--font-pixel);font-size:.5rem;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary);margin-bottom:5px;min-height:15px;max-width:200px}.eye-glow{animation:eyeFlicker .5s infinite alternate}.antenna-glow{animation:antennaGlow 1s infinite alternate}.boss-health-container{width:150px;height:20px;background:#333;border:3px solid var(--color-primary);margin-top:5px;position:relative}.boss-health-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),#ff6b9d);transition:width .3s}.boss-health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:var(--font-pixel);font-size:.5rem;text-shadow:1px 1px 0 black}.projectile{position:absolute;transform:translate(-50%,-50%);z-index:60;pointer-events:none}.projectile-content{padding:8px 12px;border-radius:5px;font-family:var(--font-retro);font-size:1rem;white-space:nowrap;font-weight:700}.projectile.player .projectile-content{background:linear-gradient(180deg,var(--color-success),#2E7D32);color:#fff;border:2px solid #81C784;box-shadow:0 0 15px var(--color-success)}.projectile.boss .projectile-content{background:linear-gradient(180deg,var(--color-danger),#c62828);color:#fff;border:2px solid #ef5350;box-shadow:0 0 15px var(--color-danger)}.phase2-controls{position:absolute;bottom:10px;left:50%;transform:translate(-50%);text-align:center;color:#aaa;font-size:.9rem;background:#000000b3;padding:8px 15px;border:1px solid var(--color-primary)}.hit-overlay{position:fixed;inset:0;background:#ff00004d;pointer-events:none;z-index:150;animation:hitFlash .2s ease}.result-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease}.result-content{text-align:center;padding:2rem}.result-title{font-family:var(--font-pixel);font-size:2.5rem;margin-bottom:1rem}.victory-title{color:var(--color-success);text-shadow:0 0 20px var(--color-success),0 0 40px var(--color-success);animation:victoryGlow .5s infinite alternate}.defeat-title{color:var(--color-danger);text-shadow:0 0 20px var(--color-danger)}.result-level{font-size:1.5rem;color:#aaa;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.result-character{margin:1.5rem 0;display:flex;justify-content:center}.result-score{margin:1.5rem 0}.score-label{color:#888;font-size:1.2rem}.score-value{font-family:var(--font-pixel);font-size:2rem;color:var(--color-secondary)}.new-highscore{font-family:var(--font-pixel);font-size:.8rem;color:var(--color-secondary);animation:pulse .5s infinite;margin-top:.5rem}.previous-best{color:#666;font-size:1rem}.result-message{color:#aaa;font-size:1.2rem;margin:1rem 0}.defeat-message{color:#f66}.result-buttons{display:flex;flex-direction:column;gap:.8rem;align-items:center;margin-top:1.5rem}.result-btn{font-family:var(--font-pixel);font-size:.8rem;padding:.8rem 1.5rem;background:#333;color:#fff;border:3px solid #666;cursor:pointer;min-width:220px;transition:all .2s}.result-btn.primary{background:linear-gradient(180deg,var(--color-primary),#a01040);border-color:var(--color-secondary)}.result-btn.secondary{background:linear-gradient(180deg,var(--color-success),#2E7D32);border-color:#81c784}.result-btn:hover{transform:scale(1.05)}.next-level-preview{margin-top:1.5rem;color:#666;font-size:1rem;display:flex;flex-direction:column;gap:.3rem}.coming-soon-tag{font-family:var(--font-pixel);font-size:.6rem;color:#888}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-darker);border:3px solid var(--color-primary);padding:2rem;text-align:center;max-width:400px}.modal-content h3{font-family:var(--font-pixel);font-size:1rem;color:var(--color-primary);margin-bottom:1rem}.modal-content p{color:#aaa;margin-bottom:1.5rem}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal-btn{font-family:var(--font-pixel);font-size:.7rem;padding:.7rem 1.2rem;background:#333;color:#fff;border:2px solid #666;cursor:pointer}.modal-btn.danger{background:var(--color-danger);border-color:#f66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}98%{transform:translate(2px,2px)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes smokeRise{0%{transform:translateY(0) scale(.5);opacity:.8}to{transform:translateY(-40px) scale(1.5);opacity:0}}@keyframes rageGlow{0%{opacity:.3}to{opacity:.6}}@keyframes veinPulse{0%,to{stroke-width:2}50%{stroke-width:3}}@keyframes eyeFlicker{0%{opacity:.7}to{opacity:1}}@keyframes antennaGlow{0%{filter:drop-shadow(0 0 5px var(--color-primary))}to{filter:drop-shadow(0 0 15px var(--color-primary))}}@keyframes victoryGlow{0%{text-shadow:0 0 20px var(--color-success)}to{text-shadow:0 0 40px var(--color-success),0 0 60px var(--color-success)}}@keyframes hitFlash{0%,to{opacity:0}50%{opacity:1}}.intro-screen-level{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-darker) 50%,#16213e 100%)}.intro-box{background:linear-gradient(180deg,#2a2a3e,#1a1a28);border:4px solid var(--color-primary);border-radius:20px;padding:30px 40px;max-width:500px;text-align:center;box-shadow:0 0 40px #e31c5f66;animation:introBoxAppear .5s ease}@keyframes introBoxAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.intro-titulo{font-family:var(--font-pixel);font-size:1.1rem;color:var(--color-primary);text-shadow:0 0 15px var(--color-primary);margin-bottom:25px}.intro-instrucciones{text-align:left;color:#ccc;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.intro-instrucciones strong{color:var(--color-secondary)}.intro-instrucciones p{margin-bottom:5px}.intro-btn{font-family:var(--font-pixel);font-size:1rem;padding:15px 40px;background:linear-gradient(180deg,var(--color-primary) 0%,#a01040 100%);color:#fff;border:4px solid var(--color-secondary);cursor:pointer;transition:all .2s;animation:pulse 1.5s infinite;display:block;width:100%;margin-bottom:15px}.intro-btn:hover{transform:scale(1.05);box-shadow:0 0 25px var(--color-primary)}.intro-btn-secondary{font-family:var(--font-pixel);font-size:.7rem;padding:10px 20px;background:#333;color:#888;border:2px solid #555;cursor:pointer;transition:all .2s;display:block;width:100%}.intro-btn-secondary:hover{background:#444;color:#aaa}.dashboard{display:flex;min-height:100vh;background:#f5f5f5}.sidebar{width:280px;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:50}.sidebar-header{padding:30px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-size:24px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.logo-ix{color:#fff}.logo-nova{color:#e60012}.logo-separator{color:#666}.logo-ronix{color:#e60012}.subtitle{font-size:14px;color:#999;margin:5px 0 0}.nav-menu{flex:1;padding:20px 0}.nav-item{width:100%;padding:16px 24px;background:none;border:none;color:#999;font-size:15px;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;border-left:3px solid transparent}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#e600121a;color:#fff;border-left-color:#e60012}.nav-item .icon{font-size:20px}.sidebar-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.user-info{margin-bottom:12px}.user-email{font-size:13px;color:#999;margin:0 0 6px;word-break:break-all}.user-role{display:inline-block;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.user-role.admin{background:#e6001233;color:#ff6b6b}.user-role.cliente{background:#64b5f633;color:#64b5f6}.btn-logout{width:100%;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ffffff26}.main-content{flex:1;margin-left:280px;padding:30px;min-height:100vh}.mobile-header,.mobile-close-btn,.mobile-overlay{display:none}.main-content-inner{min-height:100%}.nav-group{margin:4px 0}.nav-group-header{width:100%;padding:16px 24px;background:none;border:none;color:#999;font-size:15px;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;border-left:3px solid transparent}.nav-group-header:hover{background:#ffffff0d;color:#fff}.nav-group-header.has-active{color:#fff;border-left-color:#e6001280}.nav-group-header .chevron{margin-left:auto;transition:transform .2s;opacity:.6}.nav-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:#0003}.nav-submenu.expanded{max-height:500px;transition:max-height .4s ease-in}.nav-subitem{padding:12px 24px 12px 52px!important;font-size:14px!important}.nav-subitem svg{width:16px;height:16px}.nav-subitem.active{background:#e6001226;color:#fff;border-left-color:#e60012}.impersonation-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #2e7d324d}.impersonation-info{display:flex;align-items:center;gap:10px;font-size:14px}.impersonation-info strong{font-weight:700}.btn-stop-impersonate{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-stop-impersonate:hover{background:#fff;color:#2e7d32}@media(max-width:768px){.dashboard{display:block;height:auto;min-height:100vh;position:relative}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:998;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.sidebar{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100vh;z-index:999;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-header{position:relative;padding:20px}.mobile-close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:20px;right:16px;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.mobile-close-btn:hover{background:#fff3}.nav-item,.nav-group-header{padding:18px 24px;font-size:16px}.nav-subitem{padding:16px 24px 16px 56px!important;font-size:15px!important}.sidebar-footer{padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}.btn-logout{padding:14px 16px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}.main-content{width:100%;padding:0;min-height:100vh;margin-left:0;overflow-x:hidden}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1a1a1a;position:sticky;top:0;z-index:100}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:8px;transition:background .2s}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:#ffffff1a}.mobile-title{font-size:20px;font-weight:700;color:#e60012;margin:0;text-transform:uppercase;letter-spacing:2px}.mobile-header-spacer{width:44px}.main-content-inner{padding:16px 16px 20px}.dashboard.menu-open{overflow:hidden;height:100vh}.impersonation-banner{flex-direction:column;gap:12px;margin:12px 12px 0;border-radius:10px;padding:14px 16px}.impersonation-info{font-size:13px;text-align:center}.btn-stop-impersonate{width:100%;padding:12px 16px;font-size:14px;text-align:center}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;width:100%;height:100vh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#e60012,#c40010);color:#fff}.loading-logo{font-size:64px;font-weight:700;margin:0 0 20px;text-transform:uppercase;letter-spacing:4px;animation:pulse 2s ease-in-out infinite}.loading-screen p{font-size:18px;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}