@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0e0b0a;--sidebar-bg:#110d0a;--card-bg:#1c1714;--card-bg-hover:#231d19;--text-primary:#f5e4c6;--text-secondary:#9e8d7b;--accent:#d2a16d;--accent-hover:#e6b27c;--border-color:#2a221d;--success-bg:#1b261b;--success-text:#4cc575;--danger-bg:#2a1616;--danger-text:#e85a5a;--warning-bg:#2b2210;--warning-text:#ebb851;--info-bg:#162036;--info-text:#5b9ef5;--font-main:"Outfit", sans-serif;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:600}button{font-family:var(--font-main);cursor:pointer;transition:var(--transition);background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font-main);background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition);border-radius:10px;outline:none;width:100%;padding:.85rem 1.1rem;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d2a16d26}input::placeholder{color:var(--text-secondary);opacity:.6}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239e8d7b' stroke-width='2'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .85rem center;background-repeat:no-repeat;background-size:18px;padding-right:2.5rem}select option{background:var(--card-bg);color:var(--text-primary)}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;width:270px;min-width:270px;padding:1.75rem 0;display:flex;overflow-y:auto}.logo-container{align-items:center;gap:14px;margin-bottom:2.75rem;padding:0 1.75rem;display:flex}.logo-circle{background-color:var(--text-primary);width:48px;height:48px;color:var(--sidebar-bg);letter-spacing:-1px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;font-weight:700;display:flex}.logo-text{color:var(--accent);font-size:1.25rem;font-weight:600}.nav-section{margin-bottom:1.75rem}.nav-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:.85rem;padding:0 1.75rem;font-size:.78rem;font-weight:600}.nav-item{color:var(--text-secondary);transition:var(--transition);border-left:3px solid #0000;align-items:center;gap:14px;padding:.85rem 1.75rem;font-size:1.05rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#d2a16d0d}.nav-item.active{color:var(--accent);border-left-color:var(--accent);background-color:#d2a16d1a}.nav-icon{width:22px;height:22px}.main-content{flex:1;padding:2.5rem 3rem;overflow-y:auto}.header{justify-content:space-between;align-items:flex-end;margin-bottom:2.25rem;display:flex}.greeting h1{margin-bottom:.3rem;font-size:2.4rem}.greeting h1 span{color:var(--accent)}.greeting p{color:var(--text-secondary);font-size:1.1rem}.date-badge{background-color:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;border-radius:22px;padding:.6rem 1.4rem;font-size:1rem}.controls-bar{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.controls-bar h2{align-items:center;gap:10px;font-size:1.35rem;display:flex}.controls-bar h2 .icon{color:var(--accent);width:24px;height:24px}.btn-primary{background-color:var(--accent);color:var(--sidebar-bg);letter-spacing:.5px;border-radius:10px;align-items:center;gap:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 15px #d2a16d40}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;align-items:center;gap:10px;padding:.75rem 1.5rem;font-size:1rem;display:flex}.btn-outline:hover{background-color:var(--card-bg);border-color:var(--text-secondary)}.actions{gap:.85rem;display:flex}.summary-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.25rem;display:grid}.summary-card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition);border-radius:14px;padding:1.5rem}.summary-card:hover{border-color:#d2a16d4d;transform:translateY(-2px)}.summary-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;margin-bottom:.6rem;font-size:.85rem;display:flex}.summary-value{color:var(--text-primary);font-size:2rem;font-weight:700}.summary-value.positive,.positive{color:var(--success-text)}.summary-value.negative,.negative{color:var(--danger-text)}.entry-card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition);border-radius:14px;align-items:center;margin-bottom:.85rem;padding:1.25rem 1.5rem;display:flex}.entry-card:hover{background-color:var(--card-bg-hover);border-color:#d2a16d4d}.entry-time{flex-shrink:0;width:120px}.entry-time h3{margin-bottom:.2rem;font-size:1.2rem}.entry-time p{color:var(--accent);opacity:.7;font-size:.82rem}.entry-details{flex:1;min-width:0}.entry-details h3{margin-bottom:.2rem;font-size:1.1rem}.entry-details p{color:var(--text-secondary);font-size:.95rem}.entry-amount{white-space:nowrap;margin:0 1.5rem;font-size:1.2rem;font-weight:600}.entry-badges{flex-wrap:wrap;gap:.5rem;margin-right:.75rem;display:flex}.status-badge{white-space:nowrap;border-radius:22px;margin-right:1rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600}.status-badge.pending{background-color:var(--warning-bg);color:var(--warning-text);border:1px solid #ebb85133}.status-badge.completed{background-color:var(--success-bg);color:var(--success-text);border:1px solid #4cc57533}.method-badge{white-space:nowrap;border-radius:22px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.method-badge.cash{color:var(--accent);background-color:#d2a16d1f;border:1px solid #d2a16d33}.method-badge.transfer{background-color:var(--info-bg);color:var(--info-text);border:1px solid #5b9ef533}.method-badge.almuerzo{color:var(--success-text);background-color:#4cc5751a;border:1px solid #4cc57533}.method-badge.envio{color:var(--warning-text);background-color:#ebb8511a;border:1px solid #ebb85133}.icon-actions{gap:.6rem;display:flex}.icon-btn{width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--border-color);background-color:#ffffff08;border-radius:10px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--text-primary);background-color:#ffffff14}.icon-btn.delete:hover{background-color:var(--danger-bg);color:var(--danger-text);border-color:#e85a5a4d}.form-card{background-color:var(--card-bg);border:1px solid var(--accent);border-radius:14px;margin-bottom:1.75rem;padding:1.75rem}.form-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.form-header h3{color:var(--accent);font-size:1.25rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.form-group label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:.5rem;font-size:.82rem;font-weight:600;display:block}.toggle-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.85rem 0;display:flex}.toggle-label{color:var(--text-primary);align-items:center;gap:10px;font-size:1rem;font-weight:500;display:flex}.toggle-btn{background:var(--bg-color);color:var(--text-secondary);text-align:center;border-radius:22px;min-width:70px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;border:1px solid var(--border-color)!important}.toggle-btn.active{color:var(--accent);background:#d2a16d26;border-color:var(--accent)!important}.toggle-btn:hover{border-color:var(--accent)!important}.envio-section{border-top:1px dashed var(--border-color);margin-top:1rem;padding-top:.5rem}.filter-bar{flex-wrap:wrap;gap:.6rem;margin-bottom:1.75rem;display:flex}.filter-chip{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:22px;padding:.5rem 1.15rem;font-size:.9rem;font-weight:500}.filter-chip:hover,.filter-chip.active{color:var(--accent);border-color:var(--accent);background:#d2a16d26}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.15rem;display:grid}.product-card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition);border-radius:14px;align-items:center;gap:1.15rem;padding:1.4rem;display:flex}.product-card:hover{border-color:#d2a16d4d;transform:translateY(-2px)}.product-info{flex:1;min-width:0}.product-info h3{margin-bottom:.3rem;font-size:1.1rem}.product-category{color:var(--accent);background:#d2a16d1a;border-radius:12px;padding:.2rem .7rem;font-size:.8rem}.product-price{color:var(--text-primary);white-space:nowrap;margin-right:.85rem;font-size:1.3rem;font-weight:700}.info-banner{background-color:var(--info-bg);color:var(--info-text);border:1px solid #5b9ef533;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:1.75rem;padding:1.15rem 1.4rem;font-size:.95rem;line-height:1.6;display:flex}.info-banner strong{color:var(--text-primary)}.calendar-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;margin-bottom:2.25rem;padding:1.75rem}.calendar-header-nav{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.calendar-header-nav h2{font-size:1.35rem}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day-name{text-align:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;padding-bottom:.6rem;font-size:.82rem;font-weight:600}.calendar-cell{aspect-ratio:1;background:var(--bg-color);cursor:default;transition:var(--transition);border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.calendar-cell.empty{background:0 0}.calendar-cell.has-data{cursor:pointer}.calendar-cell.has-data:hover{border-color:var(--accent);background:var(--card-bg-hover)}.calendar-cell.today{box-shadow:0 0 10px #d2a16d33;border-color:var(--accent)!important}.calendar-cell.selected{border-color:var(--accent)!important;background:#d2a16d26!important}.day-number{font-size:1rem;font-weight:500}.day-amount{border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:600}.day-amount.gain{color:var(--success-text)}.day-amount.loss{color:var(--danger-text)}.day-detail-card{background-color:var(--card-bg);border:1px solid var(--accent);border-radius:14px;margin-bottom:1.75rem;padding:1.75rem}.day-detail-card h3{color:var(--accent);margin-bottom:1.15rem;font-size:1.15rem}.day-detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.7rem 0;font-size:1.05rem;display:flex}.day-detail-row.total{border-bottom:none;border-top:2px solid var(--border-color);margin-top:.6rem;padding-top:1.15rem;font-size:1.35rem}.chart-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:1.75rem}.bar-chart{justify-content:space-around;align-items:flex-end;height:260px;padding:1.15rem 0;display:flex}.bar-group{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar-wrapper{align-items:flex-end;gap:6px;height:210px;display:flex}.bar{border-radius:7px 7px 0 0;width:30px;min-height:4px;transition:height .5s;position:relative}.ventas-bar{background:linear-gradient(to top, #4cc5754d, var(--success-text))}.gastos-bar{background:linear-gradient(to top, #e85a5a4d, var(--danger-text))}.bar-tooltip{color:var(--text-secondary);white-space:nowrap;opacity:0;font-size:.72rem;font-weight:600;transition:opacity .2s;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.bar:hover .bar-tooltip{opacity:1}.bar-label{color:var(--text-secondary);font-size:.88rem;font-weight:500}.chart-legend{border-top:1px solid var(--border-color);justify-content:center;gap:2.5rem;margin-top:1.15rem;padding-top:1.15rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.92rem;display:flex}.legend-dot{border-radius:3px;width:12px;height:12px}.legend-dot.ventas{background:var(--success-text)}.legend-dot.gastos{background:var(--danger-text)}.top-products{flex-direction:column;gap:.85rem;display:flex}.top-product-row{background-color:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition);border-radius:12px;align-items:center;gap:1.15rem;padding:1.15rem 1.4rem;display:flex}.top-product-row:hover{border-color:#d2a16d4d}.product-rank{color:var(--accent);text-align:center;width:40px;font-size:1.25rem;font-weight:700}.product-name-col{flex-direction:column;flex:0 0 180px;display:flex}.product-name-col strong{font-size:1rem}.product-qty{color:var(--text-secondary);font-size:.82rem}.product-bar-container{background:var(--bg-color);border-radius:5px;flex:1;height:10px;overflow:hidden}.product-bar{background:linear-gradient(to right, var(--accent), var(--accent-hover));border-radius:5px;height:100%;transition:width .6s}.cierre-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:2.25rem}.cierre-section{margin-bottom:.6rem}.cierre-section h3{color:var(--accent);margin-bottom:.85rem;font-size:1.1rem}.cierre-section.total{background:#d2a16d0d;border-radius:12px;margin-top:.6rem;padding:1.25rem}.cierre-divider{border-top:1px solid var(--border-color);margin:1.15rem 0}.cierre-row{justify-content:space-between;align-items:center;padding:.6rem 0;font-size:1.05rem;display:flex}.cierre-row.highlight{border-top:1px dashed var(--border-color);margin-top:.3rem;padding-top:.85rem}.cierre-btn{justify-content:center;width:100%;margin-top:1.75rem;padding:1.15rem;font-size:1.1rem}.cierre-success{text-align:center;color:var(--success-text);padding:4.5rem 2rem}.cierre-success h2{color:var(--text-primary);margin:1.75rem 0 .6rem;font-size:1.5rem}.cierre-success p{color:var(--text-secondary);font-size:1.05rem}.resumen-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.resumen-card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition);border-radius:16px;padding:1.75rem}.resumen-card:hover{border-color:#d2a16d4d;transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.resumen-card.highlight-card{background:linear-gradient(135deg, var(--card-bg) 0%, #d2a16d0f 100%);border-color:#d2a16d40}.resumen-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.resumen-icon-circle{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.resumen-icon-circle.day{background:linear-gradient(135deg, var(--accent), var(--accent-hover))}.resumen-icon-circle.week{background:linear-gradient(135deg,#4b7bec,#3867d6)}.resumen-icon-circle.month{background:linear-gradient(135deg, var(--success-text), #27ae60)}.resumen-period{letter-spacing:2px;color:var(--text-secondary);background:var(--bg-color);border-radius:20px;padding:.35rem .85rem;font-size:.78rem;font-weight:700}.resumen-main-value{margin-bottom:.6rem;font-size:2.2rem;font-weight:700}.resumen-sub-row{color:var(--text-secondary);gap:1.25rem;font-size:.88rem;display:flex}.resumen-sub-row span{align-items:center;gap:5px;display:flex}.resumen-detail-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.25rem;display:grid}.resumen-detail-item{background-color:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition);border-radius:14px;align-items:center;gap:1rem;padding:1.15rem 1.25rem;display:flex}.resumen-detail-item:hover{border-color:#d2a16d33}.resumen-detail-item>svg{color:var(--accent);flex-shrink:0}.resumen-detail-item div{flex-direction:column;display:flex}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem;font-size:.78rem}.resumen-detail-item strong{font-size:1.2rem}.resumen-actions{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.resumen-action-btn{transition:var(--transition);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.resumen-action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.resumen-action-btn.ventas{background:linear-gradient(135deg,#d2a16d1f,#d2a16d0a);border:1px solid #d2a16d40}.resumen-action-btn.ventas:hover{border-color:var(--accent);background:linear-gradient(135deg,#d2a16d33,#d2a16d14)}.resumen-action-btn.cierre{background:linear-gradient(135deg,#5b9ef51f,#5b9ef50a);border:1px solid #5b9ef540}.resumen-action-btn.cierre:hover{border-color:var(--info-text);background:linear-gradient(135deg,#5b9ef533,#5b9ef514)}.resumen-action-btn.gastos{background:linear-gradient(135deg,#e85a5a1f,#e85a5a0a);border:1px solid #e85a5a40}.resumen-action-btn.gastos:hover{border-color:var(--danger-text);background:linear-gradient(135deg,#e85a5a33,#e85a5a14)}.action-btn-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.resumen-action-btn.ventas .action-btn-icon{color:var(--accent);background:#d2a16d33}.resumen-action-btn.cierre .action-btn-icon{color:var(--info-text);background:#5b9ef533}.resumen-action-btn.gastos .action-btn-icon{color:var(--danger-text);background:#e85a5a33}.action-btn-text{flex-direction:column;gap:.25rem;display:flex}.action-btn-text strong{color:var(--text-primary);font-size:1.1rem}.action-btn-text span{color:var(--text-secondary);font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0e0b0ad9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-form-card{background-color:var(--bg-color);border:1px solid var(--border-color);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0009}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeIn}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:background .2s;display:none}.mobile-menu-btn:hover{background:var(--card-bg)}.greeting-wrapper{align-items:center;gap:1rem;display:flex}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@media (width<=1024px){.app-container{flex-direction:column}.sidebar{z-index:100;transition:left .3s;position:fixed;top:0;bottom:0;left:-280px;box-shadow:4px 0 15px #00000080}.sidebar.open{left:0}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.main-content{padding:1.5rem}.summary-cards{grid-template-columns:1fr 1fr!important}}@media (width<=768px){.summary-cards{grid-template-columns:1fr!important}.header{flex-direction:column;align-items:flex-start;gap:1rem}.date-badge{align-self:flex-start}.greeting h1{font-size:1.8rem}}