@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.home-container{min-height:100vh;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-white) 100%);padding:1rem;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.home-container{padding:2rem}}.home-header{text-align:center;margin-bottom:2rem;padding-top:2rem}.logo-section{animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.brand{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin:0;letter-spacing:.1em;text-shadow:2px 2px 4px rgba(0,0,0,.1)}@media (min-width: 768px){.brand{font-size:3.5rem}}.tagline{font-size:1rem;color:var(--color-gray);margin-top:.5rem;font-weight:300}.estado-financiero{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1rem;max-width:1200px;width:100%;border-left:6px solid}@media (min-width: 768px){.estado-financiero{flex-direction:row;justify-content:space-between;align-items:center;padding:2rem;margin-bottom:3rem}}.estado-financiero.estado-success{border-color:var(--color-success)}.estado-financiero.estado-warning{border-color:var(--color-warning)}.estado-financiero.estado-danger{border-color:var(--color-danger)}.estado-main{flex:1}.estado-label{font-size:.85rem;color:var(--color-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:500}.estado-saldo{font-size:2rem;font-weight:700;font-family:var(--font-display);color:var(--color-dark);margin-bottom:.5rem}@media (min-width: 768px){.estado-saldo{font-size:2.5rem}}.estado-explicacion{font-size:.75rem;color:var(--color-gray);font-style:italic;max-width:400px}.estado-status{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--color-light-gray);border-radius:var(--radius-md)}.estado-emoji{font-size:2rem}.estado-text{font-size:1.1rem;font-weight:600;color:var(--color-dark)}.menu-grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:1200px;width:100%;margin-bottom:2rem}@media (min-width: 640px){.menu-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1024px){.menu-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.menu-card{background:#fff;border:none;border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);text-align:center;position:relative;overflow:hidden;border-top:4px solid var(--color-primary);min-height:140px}@media (min-width: 768px){.menu-card{padding:2rem;min-height:180px}}.menu-card.large{grid-column:span 1;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:none;padding:2rem 1.5rem}@media (min-width: 640px){.menu-card.large{grid-column:span 2;padding:2.5rem 2rem}}.menu-card.large .menu-title,.menu-card.large .menu-description{color:#fff}.menu-card.large .menu-icon{font-size:3rem;filter:none}@media (min-width: 768px){.menu-card.large .menu-icon{font-size:4rem}}.menu-card.has-alert{border-top-color:var(--color-warning);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 4px 20px #ffa7264d}}.card-badge{position:absolute;top:1rem;right:1rem;background:var(--color-danger);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;box-shadow:0 2px 8px #0003}.menu-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.menu-icon{font-size:2.5rem;margin-bottom:1rem;filter:grayscale(20%);transition:all .3s}@media (min-width: 768px){.menu-icon{font-size:3rem}}.menu-card:hover .menu-icon{filter:grayscale(0%);transform:scale(1.1)}.menu-title{font-family:var(--font-display);font-size:1.25rem;color:var(--color-dark);margin:0 0 .5rem;font-weight:600}@media (min-width: 768px){.menu-title{font-size:1.4rem}}.menu-description{color:var(--color-gray);font-size:.9rem;margin:0;line-height:1.4;font-weight:400}.contexto-bar{background:#fff;padding:1.25rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem;max-width:1200px;width:100%;border-left:4px solid #667eea}.contexto-icon{font-size:1.5rem;flex-shrink:0}.contexto-text{font-size:1rem;color:var(--color-dark);font-weight:500}.loading-simple{text-align:center;padding:4rem;color:var(--color-gray);font-size:1.1rem}@media (max-width: 768px){.menu-grid{grid-template-columns:1fr;gap:1.5rem}.menu-card.large{grid-column:span 1}.brand{font-size:2.5rem}.estado-financiero{flex-direction:column;gap:1.5rem;text-align:center}.estado-saldo{font-size:2rem}}min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; background: linear-gradient(135deg,var(--color-secondary) 0%,var(--color-white) 100%); } .home-content{max-width:800px;width:100%}.home-header{text-align:center;margin-bottom:50px}.home-logo{height:80px;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(212,175,55,.2))}.home-title{font-size:2.5rem;color:var(--color-dark);margin-bottom:10px;font-weight:600}.home-subtitle{font-size:1.1rem;color:var(--color-gray);font-weight:400}.quick-access{margin-bottom:40px}.quick-btn{width:100%;display:flex;align-items:center;gap:20px;padding:24px 30px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.quick-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.quick-icon{font-size:2.5rem;flex-shrink:0}.quick-content{flex:1;text-align:left}.quick-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:4px}.quick-desc{font-size:1rem;color:#ffffffe6;font-weight:400}.quick-arrow{font-size:2rem;color:#fff;flex-shrink:0}.home-menu{display:flex;flex-direction:column;gap:30px}.menu-section{background:#fff;border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-sm)}.section-title{font-size:1.1rem;color:var(--color-dark);margin-bottom:20px;font-weight:600;padding-bottom:12px;border-bottom:2px solid var(--color-light-gray)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.menu-item{display:flex;align-items:center;gap:15px;padding:20px;background:var(--color-light-gray);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;text-align:left}.menu-item:hover{background:#fff;border-color:var(--color-primary);transform:translate(5px);box-shadow:var(--shadow-sm)}.menu-icon{font-size:2rem;flex-shrink:0}.menu-text{flex:1}.menu-title{font-size:1rem;font-weight:600;color:var(--color-dark);margin-bottom:4px}.menu-desc{font-size:.85rem;color:var(--color-gray)}.home-footer{margin-top:40px;padding:25px;background:#fff9;border-radius:var(--radius-md);display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.footer-item{display:flex;align-items:center;gap:10px}.footer-icon{font-size:1.3rem}.footer-text{font-size:.9rem;color:var(--color-gray)}@media (max-width: 768px){.home-title{font-size:2rem}.menu-grid{grid-template-columns:1fr}.home-footer{flex-direction:column;gap:15px}}.caja-container{max-width:900px;margin:0 auto;padding:2rem;background:var(--color-secondary);min-height:100vh}.caja-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.caja-header h1{font-family:var(--font-display);font-size:2.5rem;color:var(--color-dark);margin:0}.subtitle{color:var(--color-gray);font-size:1rem;margin-top:.5rem}.saldo-card{background:#fff;padding:3rem 2rem;border-radius:var(--radius-lg);text-align:center;margin-bottom:2rem;box-shadow:var(--shadow-lg);border-top:6px solid;animation:slideIn .5s ease}.saldo-positive{border-color:var(--color-success)}.saldo-negative{border-color:var(--color-danger)}.saldo-neutral{border-color:var(--color-gray)}.saldo-label{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-gray);margin-bottom:1rem}.saldo-value{font-size:3.5rem;font-weight:700;font-family:var(--font-display);margin-bottom:.5rem}.saldo-positive .saldo-value{color:var(--color-success)}.saldo-negative .saldo-value{color:var(--color-danger)}.saldo-neutral .saldo-value{color:var(--color-gray)}.saldo-status{font-size:1.1rem;font-weight:500}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);transition:all .3s}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.summary-card.income{border-left:4px solid var(--color-success)}.summary-card.expense{border-left:4px solid var(--color-danger)}.summary-icon{font-size:2.5rem}.summary-content{flex:1}.summary-label{font-size:.85rem;color:var(--color-gray);margin-bottom:.25rem}.summary-value{font-size:1.5rem;font-weight:700;color:var(--color-dark)}.quick-actions{display:flex;gap:1rem;margin-bottom:2rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s;font-size:1rem}.action-btn.primary{background:var(--color-primary);color:#fff}.action-btn.warning{background:var(--color-warning);color:#fff}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-icon{font-size:1.2rem}.recent-section{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.recent-section h3{margin:0 0 1.5rem;color:var(--color-dark);font-family:var(--font-display)}.movements-list{display:flex;flex-direction:column;gap:.75rem}.movement-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius-sm);background:var(--color-light-gray);transition:background .2s}.movement-item:hover{background:#ebebeb}.movement-icon{font-size:1.5rem}.movement-info{flex:1}.movement-desc{font-weight:500;color:var(--color-dark);margin-bottom:.25rem}.movement-date{font-size:.85rem;color:var(--color-gray)}.movement-amount{font-size:1.25rem;font-weight:700}.movement-amount.ingreso{color:var(--color-success)}.movement-amount.egreso{color:var(--color-danger)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.spinner{width:50px;height:50px;border:4px solid var(--color-light-gray);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 2rem;color:var(--color-gray)}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s}@media (max-width: 768px){.caja-header{flex-direction:column;align-items:flex-start;gap:1rem}.quick-actions{flex-direction:column}.saldo-value{font-size:2.5rem}}.pendientes-container{max-width:1000px;margin:0 auto;padding:2rem;background:var(--color-secondary);min-height:100vh}.total-card{background:linear-gradient(135deg,var(--color-warning) 0%,#ff9f43 100%);padding:2rem;border-radius:var(--radius-lg);text-align:center;margin-bottom:2rem;box-shadow:var(--shadow-lg);color:#fff}.total-label{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:.5rem}.total-value{font-size:3rem;font-weight:700;font-family:var(--font-display);margin-bottom:.5rem}.total-count{font-size:1rem;opacity:.9}.pendientes-sections{display:flex;flex-direction:column;gap:2rem}.pendientes-section{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.section-title{padding:1.25rem 1.5rem;margin:0;font-family:var(--font-display);font-size:1.2rem;border-bottom:2px solid}.pendientes-section.urgent .section-title{background:#fee;color:var(--color-danger);border-color:var(--color-danger)}.pendientes-section.warning .section-title{background:#fffbf0;color:var(--color-warning);border-color:var(--color-warning)}.pendientes-section.normal .section-title{background:#f0f9ff;color:#3b82f6;border-color:#3b82f6}.pendientes-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.pendiente-item{background:var(--color-light-gray);border-radius:var(--radius-md);padding:1.25rem;transition:all .3s}.pendiente-item:hover{background:#e8e8e8;transform:translate(4px)}.pendiente-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.pendiente-info{flex:1}.pendiente-desc{font-weight:600;font-size:1.1rem;color:var(--color-dark);margin-bottom:.5rem}.pendiente-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--color-gray)}.pendiente-categoria{background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.dias-vencido{color:var(--color-danger);font-weight:600}.dias-restantes{color:var(--color-gray)}.pendiente-amount{font-size:1.5rem;font-weight:700;color:var(--color-danger);white-space:nowrap}.pendiente-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-pagar{flex:1;background:var(--color-success);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-pagar:hover{background:#43a047;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-eliminar{background:#fff;border:2px solid var(--color-danger);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:1.2rem;cursor:pointer;transition:all .3s;min-width:50px;display:flex;align-items:center;justify-content:center}.btn-eliminar:hover{background:var(--color-danger);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}@media (max-width: 768px){.pendiente-main{flex-direction:column;gap:1rem}.pendiente-actions{flex-direction:column}.total-value{font-size:2.5rem}}.movimientos-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--color-secondary);min-height:100vh}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid}.stat-card.income{border-color:var(--color-success)}.stat-card.expense{border-color:var(--color-danger)}.stat-card.total{border-color:var(--color-primary)}.stat-label{font-size:.85rem;color:var(--color-gray);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-dark)}.controls-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;max-width:400px}.search-box input{width:100%;padding:.75rem 1rem;border:2px solid #ddd;border-radius:var(--radius-md);font-size:1rem;transition:all .3s}.search-box input:focus{outline:none;border-color:var(--color-primary)}.btn-add{background:var(--color-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s;font-size:1rem}.btn-add:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{background:#fff;border:2px solid transparent;color:var(--color-gray);padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .3s;font-size:.9rem}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.form-card{background:#fff;padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-md);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-card h3{margin:0 0 1.5rem;color:var(--color-dark);font-family:var(--font-display)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-gray);font-weight:500;font-size:.9rem}.form-group small{display:block;margin-top:.25rem;font-size:.8rem;color:var(--color-gray);font-style:italic}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);transition:border-color .3s}.btn-submit{width:100%;background:var(--color-primary);color:#fff;border:none;padding:1rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;margin-top:1rem}.btn-submit:hover{background:var(--color-dark);transform:translateY(-2px)}.movimientos-list{display:flex;flex-direction:column;gap:.75rem}.mov-item{background:#fff;border-radius:var(--radius-md);padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:var(--shadow-sm);transition:all .3s;border-left:4px solid}.mov-item.ingreso{border-color:var(--color-success)}.mov-item.egreso{border-color:var(--color-danger)}.mov-item:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.mov-item.pendiente{opacity:.85}.mov-icon{font-size:2rem;flex-shrink:0}.mov-content{flex:1}.mov-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.mov-desc{font-weight:600;font-size:1.1rem;color:var(--color-dark)}.mov-amount{font-size:1.5rem;font-weight:700;white-space:nowrap}.mov-amount.ingreso{color:var(--color-success)}.mov-amount.egreso{color:var(--color-danger)}.mov-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--color-gray)}.mov-badge{background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:500;font-size:.75rem}.mov-status{padding:.25rem .75rem;border-radius:12px;font-weight:500;font-size:.75rem}.mov-status.pagado{background:#e8f5e9;color:var(--color-success)}.mov-status.pendiente{background:#fff3e0;color:var(--color-warning)}.mov-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-edit-small,.btn-delete-small{background:none;border:none;font-size:1rem;cursor:pointer;opacity:.5;transition:all .3s;padding:.25rem .5rem;line-height:1}.btn-edit-small:hover,.btn-delete-small:hover{opacity:1;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:2rem;border-radius:var(--radius-lg);max-width:500px;width:90%;box-shadow:var(--shadow-lg)}.modal-content h3{margin:0 0 1rem;color:var(--color-dark)}.modal-content p{color:var(--color-gray);margin-bottom:1.5rem}.delete-confirm-details{background:var(--color-secondary);padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;text-align:center}.delete-confirm-details strong{display:block;color:var(--color-dark);margin-bottom:.5rem}.delete-confirm-details div{color:var(--color-danger);font-weight:600;font-size:1.25rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel{background:#e0e0e0;color:var(--color-dark);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel:hover{background:#d0d0d0}.btn-delete{background:var(--color-danger);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s}.btn-delete:hover{background:#c62828;transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.controls-bar{flex-direction:column;align-items:stretch}.filters{justify-content:center}.mov-header{flex-direction:column}.mov-meta{flex-direction:column;gap:.5rem}}.analisis-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--color-secondary);min-height:100vh}.period-selector{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);display:flex;gap:1rem;align-items:flex-end;margin-bottom:2rem;box-shadow:var(--shadow-sm);flex-wrap:wrap}.selector-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:150px}.selector-group label{font-weight:500;color:var(--color-gray);font-size:.9rem}.selector-group select{padding:.75rem;border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);background:#fff;cursor:pointer;transition:border-color .3s}.selector-group select:focus{outline:none;border-color:var(--color-primary)}.btn-reload{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s;height:fit-content}.btn-reload:hover{background:var(--color-dark)}.resultado-principal{margin-bottom:2rem}.resultado-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:3rem 2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);color:#fff}.resultado-card.negative{background:linear-gradient(135deg,var(--color-danger) 0%,#ff6b6b 100%)}.resultado-label{font-size:1rem;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:1rem}.resultado-value{font-size:4rem;font-weight:700;font-family:var(--font-display);margin-bottom:.5rem}.resultado-subtitle{font-size:1.2rem;opacity:.9}.resumen-card.ingresos{border-color:var(--color-success)}.resumen-card.egresos{border-color:var(--color-danger)}.resumen-value.positive{color:var(--color-success)}.resumen-value.negative{color:var(--color-danger)}.resumen-small{font-size:.8rem;color:var(--color-gray);margin-top:.25rem}.info-tiendanube{background:#fff;padding:2rem;border-radius:var(--radius-lg);margin-bottom:3rem;box-shadow:var(--shadow-sm)}.info-tiendanube h3{margin:0 0 1.5rem;color:var(--color-dark);font-family:var(--font-display)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.info-item{background:#fff;padding:1.25rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;border-left:4px solid var(--color-primary);box-shadow:0 1px 3px #0000001a}.info-item.success{border-color:var(--color-success);background:#fff}.info-item.danger{border-color:var(--color-danger);background:#fff}.info-item.warning{border-color:var(--color-warning);background:#fff}.info-label{font-size:.85rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1.5rem;font-weight:700;color:#1a1a1a}.info-item.success .info-value{color:#16a34a}.info-item.danger .info-value{color:#dc2626}.info-item.warning .info-value{color:#d97706}.info-desc{font-size:.8rem;color:var(--color-gray);font-style:italic}.tendencia-section{background:#fff;padding:2rem;border-radius:var(--radius-lg);margin-bottom:3rem;box-shadow:var(--shadow-sm)}.tendencia-section h3{margin:0 0 1.5rem;color:var(--color-dark);font-family:var(--font-display)}.categorias-section{background:#fff;padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-sm)}.categorias-section h3{margin:0 0 1.5rem;color:var(--color-dark);font-family:var(--font-display)}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.categoria-card{background:var(--color-light-gray);padding:1.25rem;border-radius:var(--radius-md);transition:all .3s}.categoria-card:hover{background:#e8e8e8;transform:translateY(-2px)}.categoria-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.categoria-icon{font-size:1.5rem}.categoria-nombre{font-weight:600;color:var(--color-dark)}.categoria-monto{font-size:1.5rem;font-weight:700;color:var(--color-danger);margin-bottom:.75rem}.categoria-barra{height:8px;background:#ddd;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.barra-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px;transition:width .5s ease}.categoria-porcentaje{text-align:right;font-size:.9rem;color:var(--color-gray);font-weight:600}.movimientos-mes-section{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.movimientos-mes-section h3{margin:0 0 1.5rem;color:var(--color-dark);font-family:var(--font-display)}.movimientos-simple-list{display:flex;flex-direction:column;gap:.5rem}.mov-simple{display:grid;grid-template-columns:auto 1fr auto auto;gap:1rem;align-items:center;padding:.75rem;border-radius:var(--radius-sm);background:var(--color-light-gray);transition:background .2s}.mov-simple:hover{background:#e8e8e8}.mov-simple-icon{font-size:1.25rem}.mov-simple-desc{font-weight:500;color:var(--color-dark)}.mov-simple-cat{font-size:.85rem;color:var(--color-gray);background:#fff;padding:.25rem .75rem;border-radius:12px}.mov-simple-amount{font-weight:700;font-size:1.1rem}.mov-simple-amount.ingreso{color:var(--color-success)}.mov-simple-amount.egreso{color:var(--color-danger)}@media (max-width: 768px){.resultado-value{font-size:2.5rem}.period-selector{flex-direction:column}.selector-group{width:100%}.categorias-grid{grid-template-columns:1fr}.mov-simple{grid-template-columns:auto 1fr;gap:.5rem}.mov-simple-cat{grid-column:1 / -1;width:fit-content}.mov-simple-amount{grid-column:1 / -1;text-align:right}}.alertas-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--color-secondary);min-height:100vh;font-family:Poppins,sans-serif}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid;text-align:center}.summary-card.vencido{border-color:#e53935}.summary-card.urgente{border-color:#fb8c00}.summary-card.proximo{border-color:#fdd835}.summary-label{font-size:.85rem;color:var(--color-gray);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.summary-count{font-size:2.5rem;font-weight:700;color:var(--color-dark);margin-bottom:.25rem}.summary-amount{font-size:1.25rem;font-weight:600;color:var(--color-danger)}.alerts-list{display:flex;flex-direction:column;gap:2rem}.alert-group{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.group-title{display:flex;align-items:center;gap:.75rem;padding:1.25rem;margin:0;font-size:1.25rem;background:var(--color-secondary);border-left:4px solid}.alert-group.vencidos .group-title{border-color:#e53935}.alert-group.urgentes .group-title{border-color:#fb8c00}.alert-group.proximos .group-title{border-color:#fdd835}.alert-group.alertas .group-title{border-color:#42a5f5}.alert-group.futuros .group-title{border-color:#bdbdbd}.group-icon{font-size:1.5rem}.alert-items{display:flex;flex-direction:column}.alert-item{padding:1.25rem;border-bottom:1px solid #f0f0f0;transition:all .3s;border-left:4px solid transparent}.alert-item:hover{background:var(--color-secondary)}.alert-item.vencido{background:#ffebee;border-left-color:#e53935}.alert-item.urgente{background:#fff3e0;border-left-color:#fb8c00}.alert-item.proximo{background:#fffde7;border-left-color:#fdd835}.alert-item.alerta{border-left-color:#42a5f5}.alert-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.alert-desc{font-weight:600;color:var(--color-dark);font-size:1.1rem}.alert-amount{font-size:1.25rem;font-weight:700;color:var(--color-danger)}.alert-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem}.alert-badge{background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:500;font-size:.75rem}.alert-days{padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.75rem}.alert-days.vencido{background:#e53935;color:#fff}.alert-days.urgente{background:#fb8c00;color:#fff}.alert-days.proximo{background:#fdd835;color:var(--color-dark)}.alert-days.alerta{background:#e3f2fd;color:#1976d2}.alert-date{color:var(--color-gray)}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:var(--color-dark);margin-bottom:.5rem}.empty-state p{color:var(--color-gray);margin-bottom:1.5rem}@media (max-width: 768px){.alert-header{flex-direction:column;gap:.5rem}.alert-meta{flex-direction:column}}.rentabilidad-container{max-width:1400px;margin:0 auto;padding:2rem;background:var(--color-secondary);min-height:100vh;font-family:Poppins,sans-serif}.resumen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.resumen-card{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);transition:all .3s;border-left:4px solid}.resumen-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.resumen-card.total{border-color:var(--color-primary)}.resumen-card.ventas{border-color:#667eea}.resumen-icon{font-size:2.5rem;flex-shrink:0}.resumen-content{flex:1}.resumen-label{font-size:.85rem;color:var(--color-gray);margin-bottom:.5rem}.resumen-value{font-size:1.75rem;font-weight:700;color:var(--color-dark)}.tabla-container{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);margin-bottom:2rem}.tabla-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tabla-header h3{margin:0;color:var(--color-dark);font-family:var(--font-display)}.sort-buttons{display:flex;gap:.5rem}.sort-buttons button{background:var(--color-light-gray);border:2px solid transparent;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s;font-weight:500;font-size:.9rem}.sort-buttons button:hover{border-color:var(--color-primary)}.sort-buttons button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tabla-productos{overflow-x:auto}.tabla-row{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 1.2fr 1.2fr 1.2fr .8fr;gap:1rem;padding:1rem;border-bottom:1px solid #f0f0f0;align-items:center;font-size:.9rem}.tabla-row-header{background:var(--color-light-gray);border-radius:var(--radius-sm);font-weight:600;color:var(--color-dark);border-bottom:none;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.tabla-row:hover:not(.tabla-row-header){background:var(--color-secondary)}.producto-nombre{font-weight:600;color:var(--color-dark)}.producto-variante{font-size:.8rem;color:var(--color-gray);margin-top:.25rem}.badge-cantidad{background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.85rem;display:inline-block}.col-precio,.col-costo,.col-comisiones,.col-envios,.col-ganancia{text-align:right}.positive{color:var(--color-success);font-weight:700}.negative{color:var(--color-danger);font-weight:700}.margen-badge{padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.85rem;display:inline-block}.margen-badge.good{background:#d1fae5;color:var(--color-success)}.margen-badge.medium{background:#fef3c7;color:#d97706}.margen-badge.low{background:#fee2e2;color:var(--color-danger)}.info-box{background:#f0f9ff;border-left:4px solid #3b82f6;padding:1.5rem;border-radius:var(--radius-md);margin-top:2rem}.info-box h4,.info-box p{margin:0 0 1rem;color:var(--color-dark)}.info-box ul{margin:0;padding-left:1.5rem;color:var(--color-gray)}.info-box li{margin-bottom:.5rem}@media (max-width: 1200px){.tabla-row{grid-template-columns:2fr .8fr 1fr 1fr 1fr 1fr 1fr .8fr;font-size:.85rem}}@media (max-width: 768px){.tabla-productos{overflow-x:scroll}.tabla-row{min-width:900px}.sort-buttons{flex-direction:column}.tabla-header{flex-direction:column;align-items:flex-start;gap:1rem}}.month-selector-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-white) 100%)}.card{background:#fff;border-radius:var(--radius-lg);padding:50px;box-shadow:var(--shadow-lg);max-width:500px;width:100%;text-align:center}.card h1{font-size:2.5rem;margin:0 0 10px;color:var(--color-primary);font-family:var(--font-display)}.card h2{color:var(--color-gray);font-size:1.1rem;font-weight:400;margin:0 0 40px;font-family:var(--font-body)}.subtitle{color:var(--color-gray);margin-bottom:30px;font-size:.95rem}.selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.form-group{text-align:left}.form-group label{display:block;margin-bottom:10px;color:var(--color-dark);font-weight:500;font-size:14px}.form-group select{width:100%;padding:14px;border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:16px;background:#fff;cursor:pointer;transition:all .3s;font-family:var(--font-body);color:var(--color-dark)}.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af371a}.btn-primary{width:100%}.current-badge{margin-top:25px;padding:12px;background:linear-gradient(135deg,var(--color-accent) 20%,#FFD6E0 100%);border-radius:var(--radius-sm);color:var(--color-dark);font-weight:500;font-size:.9rem}.dashboard-container{min-height:100vh;padding:30px 20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-white) 100%)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 0;border-bottom:2px solid rgba(212,175,55,.2)}.dashboard-header h1{font-size:2rem;margin:0;color:var(--color-primary);font-family:var(--font-display)}.dashboard-header h2{font-size:1.3rem;font-weight:400;margin:5px 0 0;color:var(--color-dark)}.btn-back{padding:12px 20px;background:#fff;color:var(--color-dark);border:2px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:all .3s;font-size:14px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.card,.card-main{background:#fff;border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-md);transition:all .3s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card-main{grid-column:span 2;text-align:center;border:3px solid var(--color-primary)}.card-label{font-size:.85rem;color:var(--color-gray);margin-bottom:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:2.2rem;font-weight:700;color:var(--color-dark);font-family:var(--font-display)}.card-value-large{font-size:4rem;font-weight:700;margin:20px 0;font-family:var(--font-display)}.card-subtitle{font-size:1rem;margin-top:12px;font-weight:500}.card-detail{font-size:.8rem;color:var(--color-gray);margin-top:12px;padding-top:12px;border-top:1px solid var(--color-light-gray)}.status-green .card-value-large{color:var(--color-success)}.status-yellow .card-value-large{color:var(--color-warning)}.status-red .card-value-large{color:var(--color-danger)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.menu-card{background:#fff;border-radius:var(--radius-md);padding:30px 25px;text-align:center;border:2px solid transparent;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-sm)}.menu-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.menu-icon{font-size:2.8rem;margin-bottom:15px;display:inline-block;transition:transform .3s}.menu-card:hover .menu-icon{transform:scale(1.1)}.menu-title{font-size:1.1rem;font-weight:600;color:var(--color-dark);margin-bottom:8px;font-family:var(--font-display)}.menu-count{font-size:.85rem;color:var(--color-gray)}.loading{text-align:center;padding:100px 20px;color:var(--color-gray);font-size:1.3rem}@media (max-width: 768px){.card-main{grid-column:span 1}.dashboard-header{flex-direction:column;gap:20px;text-align:center}.card-value-large{font-size:3rem}}.expenses-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--color-secondary);min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-primary)}.page-header h1{font-family:var(--font-display);font-size:2.5rem;color:var(--color-dark);margin:0}.subtitle{color:var(--color-gray);font-size:1.1rem;margin-top:.5rem}.btn-back{background:#fff;border:2px solid var(--color-primary);color:var(--color-primary);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s}.btn-back:hover{background:var(--color-primary);color:#fff}.summary-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:2rem;border-radius:var(--radius-lg);text-align:center;margin-bottom:2rem;box-shadow:var(--shadow-lg)}.summary-label{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;opacity:.9}.summary-value{color:#fff;font-size:3rem;font-weight:700;font-family:var(--font-display)}.actions-bar{margin-bottom:2rem}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.expense-form{background:#fff;padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-md);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.expense-form h3{margin-bottom:1.5rem;color:var(--color-dark);font-family:var(--font-display)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;color:var(--color-gray);font-weight:500;font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.btn-submit{width:100%;background:var(--color-primary);color:#fff;border:none;padding:1rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.btn-submit:hover{background:var(--color-dark)}.expenses-list{display:flex;flex-direction:column;gap:1.5rem}.category-section{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.category-header{background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.category-header h3{color:#fff;font-size:1.2rem;margin:0}.category-total{color:#fff;font-size:1.5rem;font-weight:700}.expenses-items{padding:1rem}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-light-gray);transition:background .2s}.expense-item:last-child{border-bottom:none}.expense-item:hover{background:var(--color-light-gray)}.expense-info{flex:1}.expense-desc{font-weight:500;color:var(--color-dark);margin-bottom:.25rem}.expense-date{font-size:.85rem;color:var(--color-gray)}.expense-actions{display:flex;align-items:center;gap:1rem}.expense-amount{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.btn-delete{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6;transition:all .3s;padding:.5rem}.btn-delete:hover{opacity:1;transform:scale(1.2)}.empty-state{text-align:center;color:var(--color-gray);padding:1rem;font-style:italic}.empty-state-main{background:#fff;padding:4rem 2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-main p{color:var(--color-gray);font-size:1.1rem;margin-bottom:2rem}.page-container{min-height:100vh;padding:30px 20px;max-width:900px;margin:0 auto;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-white) 100%)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid rgba(212,175,55,.2)}.page-header h1{font-size:2rem;margin:0 0 8px;color:var(--color-primary);font-family:var(--font-display)}.subtitle{font-size:.95rem;color:var(--color-gray);margin:0}.info-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-md);padding:40px 30px;text-align:center;box-shadow:var(--shadow-md);margin-bottom:30px}.info-label{font-size:.9rem;color:#ffffffe6;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:3.5rem;font-weight:700;color:#fff;margin:10px 0;font-family:var(--font-display)}.info-subtitle{font-size:.9rem;color:#ffffffd9}.actions{margin-bottom:25px;display:flex;gap:12px}.form-card{background:#fff;border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-md);margin-bottom:30px}.form-card h3{margin:0 0 25px;color:var(--color-dark);font-family:var(--font-display);font-size:1.4rem}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;color:var(--color-dark);font-weight:500;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:14px;border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);font-size:16px;transition:all .3s;font-family:var(--font-body)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af371a}.costs-list{background:#fff;border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-md);margin-bottom:25px}.costs-list h3{margin:0 0 25px;color:var(--color-dark);font-family:var(--font-display);font-size:1.4rem}.category-section{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid var(--color-light-gray)}.category-section:last-child{border-bottom:none}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:15px;background:linear-gradient(135deg,var(--color-light-gray) 0%,var(--color-white) 100%);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary)}.category-header h4{margin:0;color:var(--color-dark);font-size:1.1rem;font-family:var(--font-display)}.category-total{font-size:1.3rem;font-weight:700;color:var(--color-primary);font-family:var(--font-display)}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:10px;background:var(--color-light-gray);border-radius:var(--radius-sm);transition:all .3s;border:2px solid transparent}.cost-item:hover{background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.cost-info{flex:1;display:flex;justify-content:space-between;align-items:center}.cost-name{font-weight:500;color:var(--color-dark);font-size:1rem}.cost-amount{font-size:1.2rem;font-weight:600;color:var(--color-primary);margin-right:20px;font-family:var(--font-display)}.btn-delete{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:all .2s;opacity:.6}.btn-delete:hover{background:#ef53501a;opacity:1}.empty-state{text-align:center;padding:50px 20px;color:var(--color-gray)}.empty-state p{margin:8px 0}.hint{font-size:.9rem;color:var(--color-gray);opacity:.7}.help-box{background:#fff;border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-sm);border-left:4px solid var(--color-accent)}.help-box h4{margin:0 0 20px;color:var(--color-dark);font-family:var(--font-display);font-size:1.2rem}.help-box ul{margin:0;padding-left:25px}.help-box li{margin-bottom:12px;color:var(--color-gray);line-height:1.7}.help-box strong{color:var(--color-primary);font-weight:600}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a,.clickable{min-height:44px;min-width:44px}.page-container,.analisis-container,.movimientos-container,.rentabilidad-container,.alertas-container,.caja-container,.pendientes-container{padding:1rem!important}@media (min-width: 768px){.page-container,.analisis-container,.movimientos-container,.rentabilidad-container,.alertas-container,.caja-container,.pendientes-container{padding:2rem!important}}.page-header{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important}@media (min-width: 768px){.page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}}.page-header h1{font-size:1.75rem!important}@media (min-width: 768px){.page-header h1{font-size:2.5rem!important}}.btn-back,.btn-add,.btn-primary,.btn-reload{padding:.75rem 1.5rem!important;font-size:.95rem!important;white-space:nowrap!important}@media (max-width: 640px){.btn-back{width:100%}}.stats-grid,.resumen-grid{grid-template-columns:1fr!important;gap:1rem!important}@media (min-width: 640px){.stats-grid,.resumen-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1024px){.stats-grid,.resumen-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:1.5rem!important}}.tabla-productos{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.tabla-row{font-size:.85rem!important;padding:.75rem .5rem!important}@media (min-width: 768px){.tabla-row{font-size:.9rem!important;padding:1rem!important}}@media (max-width: 768px){.tabla-productos{margin:0 -1rem;padding:0 1rem}.tabla-row{min-width:800px}}.form-row{flex-direction:column!important;gap:1rem!important}@media (min-width: 768px){.form-row{flex-direction:row!important}}.form-group input,.form-group select,.form-group textarea{font-size:16px!important}.period-selector{flex-direction:column!important;gap:1rem!important;align-items:stretch!important}@media (min-width: 768px){.period-selector{flex-direction:row!important;align-items:center!important}}.selector-group{width:100%!important}@media (min-width: 768px){.selector-group{width:auto!important}}.modal-content{width:95%!important;max-height:90vh!important;overflow-y:auto!important}@media (min-width: 768px){.modal-content{width:90%!important;max-width:500px!important}}.menu-card{padding:1.5rem!important;min-height:140px!important}@media (min-width: 768px){.menu-card{padding:2rem!important;min-height:180px!important}}.menu-card.large{grid-column:span 1!important;padding:2rem 1.5rem!important}@media (min-width: 640px){.menu-card.large{grid-column:span 2!important;padding:2.5rem 2rem!important}}.menu-icon{font-size:2.5rem!important}@media (min-width: 768px){.menu-icon{font-size:3rem!important}}.menu-card.large .menu-icon{font-size:3rem!important}@media (min-width: 768px){.menu-card.large .menu-icon{font-size:4rem!important}}.estado-saldo{font-size:2rem!important}@media (min-width: 768px){.estado-saldo{font-size:2.5rem!important}}.estado-status{padding:.75rem 1rem!important}@media (min-width: 768px){.estado-status{padding:1rem 1.5rem!important}}.mov-item,.alert-item{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}@media (min-width: 768px){.mov-item,.alert-item{flex-direction:row!important;align-items:center!important}}.mov-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;width:100%!important}@media (min-width: 768px){.mov-header{flex-direction:row!important;justify-content:space-between!important;align-items:start!important}}.mov-amount{font-size:1.5rem!important}@media (min-width: 768px){.mov-amount{font-size:1.75rem!important}}.recharts-wrapper{font-size:.75rem!important}@media (min-width: 768px){.recharts-wrapper{font-size:.85rem!important}}.controls-bar{flex-direction:column!important;gap:1rem!important}@media (min-width: 768px){.controls-bar{flex-direction:row!important}}.filters{width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.filter-btn{flex-shrink:0!important;font-size:.85rem!important;padding:.5rem .75rem!important}.search-box{width:100%!important;max-width:none!important}@media (min-width: 768px){.search-box{max-width:400px!important}}.info-grid{grid-template-columns:1fr!important}@media (min-width: 640px){.info-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1024px){.info-grid{grid-template-columns:repeat(3,1fr)!important}}.sort-buttons{flex-direction:column!important;width:100%!important}@media (min-width: 768px){.sort-buttons{flex-direction:row!important;width:auto!important}}.sort-buttons button{width:100%}@media (min-width: 768px){.sort-buttons button{width:auto}}.tabla-header{flex-direction:column!important;gap:1rem!important}@media (min-width: 768px){.tabla-header{flex-direction:row!important;align-items:center!important}}.contexto-bar{font-size:.9rem!important;padding:1rem!important;flex-direction:column!important;text-align:center!important}@media (min-width: 768px){.contexto-bar{flex-direction:row!important;font-size:1rem!important;padding:1.25rem 1.5rem!important}}.mobile-only{display:block!important}.desktop-only{display:none!important}@media (min-width: 768px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.loading-state,.empty-state{padding:3rem 1rem!important}@media (min-width: 768px){.loading-state,.empty-state{padding:4rem 2rem!important}}.empty-icon{font-size:3rem!important}@media (min-width: 768px){.empty-icon{font-size:4rem!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.App{min-height:100vh;background:var(--color-secondary)}.app-container{max-width:1200px;margin:0 auto;padding:20px}.container{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%}h1{color:#333;margin-bottom:10px;font-size:2.5rem}h2{color:#666;margin-bottom:30px;font-weight:400}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:#555;font-weight:500}input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}input:focus{outline:none;border-color:#667eea}button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.success-icon{font-size:4rem;margin-bottom:20px}.info-box{background:#f5f5f5;padding:20px;border-radius:10px;margin:20px 0}.info-box p{margin:10px 0;color:#555}.info-box strong{color:#333}.error{color:#e74c3c;background:#ffeaea;padding:12px;border-radius:8px;margin-bottom:20px}.loading{text-align:center;color:#667eea;font-size:1.2rem}.stores-list{list-style:none;padding:0}.store-item{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:10px;border-left:4px solid #667eea}.store-item strong{color:#333}.api-section{margin-top:30px;padding-top:30px;border-top:2px solid #e0e0e0}.api-result{background:#f5f5f5;padding:15px;border-radius:8px;margin-top:15px;max-height:400px;overflow-y:auto}.api-result pre{margin:0;color:#333;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.button-group{display:flex;gap:10px;margin-top:20px}.button-group button{flex:1}:root{--color-primary: #D4AF37;--color-primary-light: #E8D4A0;--color-secondary: #F5E6D3;--color-accent: #FFB6C1;--color-dark: #2C2C2C;--color-gray: #666666;--color-light-gray: #F8F8F8;--color-white: #FFFFFF;--color-success: #4CAF50;--color-warning: #FFA726;--color-danger: #EF5350;--font-display: "Poppins", sans-serif;--font-body: "Poppins", sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-secondary);color:var(--color-dark);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-sm);font-weight:500;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--color-dark);border:2px solid var(--color-primary);padding:10px 22px;border-radius:var(--radius-sm);font-weight:500;font-size:15px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--color-primary);color:#fff}.loading{text-align:center;padding:60px 20px;color:var(--color-gray);font-size:1.1rem}