@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600&display=swap";:root{--font-heading:"Outfit", system-ui, sans-serif;--font-body:"Source Sans 3", system-ui, sans-serif;--color-bg:#f7faf7;--color-surface:#fff;--color-surface-elevated:#f0f5f0;--color-surface-glass:#ffffffd9;--color-border:#d4e4d4;--color-border-light:#e8f0e8;--color-text:#1a2e1a;--color-text-secondary:#3d5a3d;--color-text-muted:#7a9a7a;--color-green-deep:#1a3a2a;--color-green:#2d6a4f;--color-green-mid:#40916c;--color-green-bright:#52b788;--color-green-light:#b7e4c7;--color-green-soft:#2d6a4f14;--color-primary:#2d6a4f;--color-primary-hover:#1a3a2a;--color-primary-soft:#2d6a4f1a;--color-success:#2d6a4f;--color-warning:#c77b1f;--color-danger:#c0392b;--color-gold:#c9a84c;--color-cream:#fdfcf7;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #1a3a2a0f;--shadow-md:0 4px 16px #1a3a2a14;--shadow-lg:0 8px 32px #1a3a2a1a;--shadow-xl:0 16px 48px #1a3a2a1f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100dvh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-green-deep);font-weight:700;line-height:1.2}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}input,textarea,select{font-family:var(--font-body)}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 80%,#2d6a4f08 0%,#0000 50%),radial-gradient(circle at 80% 20%,#2d6a4f05 0%,#0000 50%);position:fixed;inset:0}.login-page{background:var(--color-green-deep);grid-template-columns:1fr;min-height:100dvh;display:grid}.login-hero{display:none;position:relative;overflow:hidden}.login-hero-img{object-fit:cover;width:100%;height:100%}.login-hero-overlay{background:linear-gradient(135deg,#1a3a2a66,#1a3a2a33);position:absolute;inset:0}.login-content{padding:var(--space-xl);background:linear-gradient(160deg, var(--color-bg) 0%, #eaf5ea 50%, var(--color-bg) 100%);justify-content:center;align-items:center;display:flex}.login-card{align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;max-width:360px;display:flex}.login-logo{border-radius:var(--radius-xl);width:140px;height:140px;box-shadow:var(--shadow-xl);border:3px solid var(--color-surface);overflow:hidden}.login-logo img{object-fit:cover;width:100%;height:100%}.login-text{text-align:center}.login-text h1{letter-spacing:-.03em;color:var(--color-green-deep);font-size:1.75rem;font-weight:800}.login-text p{color:var(--color-text-muted);margin-top:2px;font-size:.9375rem}.login-error{width:100%;color:var(--color-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:center;background:#c0392b14;font-size:.8125rem}.login-google{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:14px var(--space-lg);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:.9375rem;font-weight:600;font-family:var(--font-heading);min-height:52px;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);display:flex}.login-google:hover:not(:disabled){border-color:var(--color-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-google:active:not(:disabled){transform:translateY(0)}.login-google:disabled{opacity:.6}.login-footer{margin-top:var(--space-md)}.login-footer span{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem;font-weight:500}@media (width>=768px){.login-page{grid-template-columns:1fr 1fr}.login-hero{display:block}.login-logo{width:160px;height:160px}.login-text h1{font-size:2rem}}.preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-md);background:#1a3a2a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:960px;max-height:92vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.preview-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.preview-title{flex:1;min-width:0}.preview-filename{font-family:var(--font-heading);color:var(--color-green-deep);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;display:block;overflow:hidden}.preview-meta{color:var(--color-text-muted);font-size:.75rem}.preview-close{border-radius:var(--radius-md);background:var(--color-surface-elevated);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.preview-close svg{width:16px;height:16px}.preview-close:hover{background:var(--color-green-soft);color:var(--color-green-deep)}.preview-body{flex:1;grid-template-columns:1fr;min-height:0;display:grid;overflow:hidden}@media (width>=768px){.preview-body{grid-template-columns:1.2fr 1fr}}.preview-file{background:var(--color-bg);justify-content:center;align-items:center;min-height:240px;max-height:60vh;display:flex;overflow:auto}@media (width>=768px){.preview-file{border-right:1px solid var(--color-border-light);max-height:92vh}}.preview-file img{object-fit:contain;max-width:100%;max-height:100%}.preview-file iframe{border:none;width:100%;height:100%;min-height:480px}.sheet-preview{background:var(--color-surface);flex-direction:column;width:100%;height:100%;display:flex}.sheet-tabs{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-light);flex-shrink:0;gap:2px;padding:6px;display:flex;overflow-x:auto}.sheet-tab{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;font-size:.75rem;font-family:var(--font-body);transition:all var(--transition-fast);padding:4px 10px}.sheet-tab:hover{border-color:var(--color-green)}.sheet-tab.active{background:var(--color-green);color:#fff;border-color:var(--color-green)}.sheet-scroll{padding:var(--space-sm);flex:1;overflow:auto}.sheet-table{border-collapse:collapse;font-size:.75rem;font-family:var(--font-body);width:max-content;min-width:100%}.sheet-table td{border:1px solid var(--color-border-light);color:var(--color-text);vertical-align:top;white-space:nowrap;text-overflow:ellipsis;max-width:260px;padding:4px 8px;overflow:hidden}.sheet-head td{background:var(--color-surface-elevated);color:var(--color-green-deep);font-weight:700;position:sticky;top:0}.sheet-loading,.sheet-error{padding:var(--space-xl);text-align:center;color:var(--color-text-muted);font-size:.875rem}.sheet-error{color:var(--color-danger)}.sheet-more{padding:var(--space-sm);text-align:center;color:var(--color-text-muted);font-size:.75rem;font-style:italic}.preview-placeholder{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.placeholder-icon{border-radius:var(--radius-lg);background:var(--color-green-soft);justify-content:center;align-items:center;width:64px;height:64px;display:flex}.placeholder-icon svg{width:32px;height:32px;color:var(--color-green)}.preview-download{padding:var(--space-sm) var(--space-lg);background:var(--color-green);color:#fff;border-radius:var(--radius-md);transition:background var(--transition-fast);font-size:.875rem;font-weight:600;display:inline-block}.preview-download:hover{background:var(--color-green-deep)}.preview-data{padding:var(--space-lg);background:var(--color-surface);overflow-y:auto}.preview-data h3{margin-bottom:var(--space-md);color:var(--color-green-deep);font-size:.9375rem}.preview-dl{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.preview-dl>div{flex-direction:column;gap:2px;display:flex}.preview-dl .dl-full{grid-column:1/-1}.preview-dl dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.preview-dl dd{color:var(--color-text);font-size:.875rem}.preview-dl .dd-amount{font-family:var(--font-heading);color:var(--color-green-deep);font-size:1rem;font-weight:700}.preview-dl .dd-note{background:var(--color-green-soft);border-radius:var(--radius-sm);padding:6px 8px;font-size:.8125rem}.preview-dl .dd-cxp{border-left:2px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);background:#c77b1f14;padding:6px 8px;font-size:.8125rem;font-weight:600}.preview-items{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.preview-items h4{color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:.8125rem}.preview-items ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.preview-items li{justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--color-surface-elevated);border-radius:var(--radius-sm);padding:6px 8px;font-size:.8125rem;display:flex}.item-desc{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.item-date{color:var(--color-text-muted);flex-shrink:0;font-size:.6875rem}.item-amount{font-family:var(--font-heading);color:var(--color-green-deep);flex-shrink:0;font-weight:600}.feedback{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);overflow:hidden}.feedback-header{display:flex}.feedback-toggle{align-items:center;gap:var(--space-sm);padding:var(--space-md);cursor:pointer;font-family:var(--font-heading);color:var(--color-green-deep);transition:background var(--transition-fast);background:0 0;border:none;flex:1;font-size:.875rem;font-weight:600;display:flex}.feedback-toggle:hover{background:var(--color-green-soft)}.feedback-toggle>svg:first-child{width:18px;height:18px;color:var(--color-green);flex-shrink:0}.feedback-toggle>span:nth-child(2){text-align:left;flex:1}.feedback-count{background:var(--color-green);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:22px;padding:2px 8px;font-size:.6875rem;font-weight:700;flex:0!important}.feedback-chevron{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.chevron-open{transform:rotate(180deg)}.feedback-body{padding:0 var(--space-md) var(--space-md);border-top:1px solid var(--color-border-light);gap:var(--space-md);flex-direction:column;display:flex}.feedback-input-wrap{padding-top:var(--space-md);position:relative}.feedback-input{width:100%;padding:var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);resize:vertical;transition:border-color var(--transition-fast);outline:none;font-size:.875rem;line-height:1.5}.feedback-input:focus{border-color:var(--color-green);background:var(--color-surface)}.feedback-input::placeholder{color:var(--color-text-muted);font-size:.8125rem}.feedback-status{border-radius:var(--radius-sm);pointer-events:none;padding:2px 8px;font-size:.6875rem;font-weight:500;position:absolute;bottom:8px;right:12px}.status-saving{background:var(--color-surface-elevated);color:var(--color-text-muted)}.status-saved{background:var(--color-green-soft);color:var(--color-green)}.feedback-list{gap:var(--space-sm);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.feedback-item{padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-left:2px solid var(--color-green);border-radius:var(--radius-sm)}.feedback-item-header{align-items:center;gap:var(--space-sm);margin-bottom:4px;display:flex}.feedback-author{color:var(--color-green-deep);font-size:.75rem;font-weight:700;font-family:var(--font-heading)}.feedback-time{color:var(--color-text-muted);flex:1;font-size:.6875rem}.feedback-delete{width:22px;height:22px;color:var(--color-text-muted);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.feedback-delete svg{width:12px;height:12px}.feedback-item:hover .feedback-delete{opacity:1}.feedback-delete:hover{color:var(--color-danger);background:#c0392b14}.feedback-text{color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;font-size:.8125rem;line-height:1.5}@media (width<=640px){.feedback-delete{opacity:1}}.upload-main{padding:var(--space-xl) var(--space-md);max-width:520px;margin:0 auto}.upload-container{gap:var(--space-lg);flex-direction:column;display:flex}.upload-intro h1{letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.upload-intro p{color:var(--color-text-muted);margin-top:4px;font-size:.875rem}.upload-note{width:100%;padding:var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);resize:vertical;transition:border-color var(--transition-fast);outline:none;font-size:.875rem;line-height:1.5}.upload-note:focus{border-color:var(--color-green)}.upload-note::placeholder{color:var(--color-text-muted);font-size:.8125rem}.upload-note:disabled{opacity:.6;cursor:not-allowed}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;min-height:140px;transition:all var(--transition-smooth);background:var(--color-surface);justify-content:center;align-items:center;display:flex}.upload-zone:hover{border-color:var(--color-green);background:var(--color-green-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.upload-zone:active{transform:translateY(0)}.zone-loading{border-color:var(--color-green-light);background:var(--color-green-soft);pointer-events:none}.zone-dragging{border-color:var(--color-green);background:var(--color-green-soft);transform:scale(1.01)}.upload-zone input{display:none}.upload-cta{align-items:center;gap:var(--space-sm);padding:var(--space-xl);flex-direction:column;display:flex}.upload-icon{background:var(--color-green-soft);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.upload-icon svg{width:24px;height:24px;color:var(--color-green)}.upload-cta-text{font-family:var(--font-heading);color:var(--color-green-deep);text-align:center;font-size:.9375rem;font-weight:600}.upload-cta-formats{color:var(--color-text-muted);opacity:.7;letter-spacing:.02em;font-size:.6875rem}.upload-loading{align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-green);font-size:.875rem;font-weight:500;display:flex}.spinner{border:2.5px solid var(--color-green-light);border-top-color:var(--color-green);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.paste-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-green-soft);border:1.5px dashed var(--color-green);border-radius:var(--radius-md);color:var(--color-green-deep);font-family:var(--font-heading);min-height:44px;transition:all var(--transition-fast);font-size:.875rem;font-weight:600;display:flex}.paste-btn svg{width:16px;height:16px}.paste-btn:hover:not(:disabled){background:var(--color-green);color:#fff}.paste-btn:disabled{opacity:.5;cursor:not-allowed}.upload-error{color:var(--color-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#c0392b0f;border:1px solid #c0392b26;font-size:.8125rem}.recent-section{margin-top:var(--space-md)}.recent-section h2{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:.875rem;font-weight:600}.recent-list{flex-direction:column;gap:4px;display:flex}.recent-item{align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.recent-item:hover{border-color:var(--color-green);box-shadow:var(--shadow-sm)}.recent-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.recent-type{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--color-green-soft);color:var(--color-green);align-self:flex-start;padding:2px 6px;font-size:.625rem;font-weight:700}.type-otro{color:var(--color-warning);background:#c77b1f1a}.recent-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.recent-date{color:var(--color-text-muted);font-size:.6875rem}.recent-amount{font-family:var(--font-heading);color:var(--color-green-deep);flex-shrink:0;font-size:.9375rem;font-weight:700}.recent-delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);transition:all var(--transition-fast);opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.recent-item:hover .recent-delete{opacity:1}.recent-delete svg{width:14px;height:14px}.recent-delete:hover{color:var(--color-danger);background:#c0392b14}@media (width<=640px){.recent-delete{opacity:1}}.toast{align-items:center;gap:var(--space-sm);background:var(--color-green-deep);color:#fff;padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;max-width:calc(100vw - 48px);animation:.4s cubic-bezier(.16,1,.3,1) toastIn;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.toast-icon{border-radius:var(--radius-sm);background:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-icon svg{width:16px;height:16px}.toast-body{flex-direction:column;display:flex}.toast-title{font-size:.8125rem;font-weight:600;font-family:var(--font-heading)}.toast-detail{opacity:.75;font-size:.6875rem}.period-filter{background:var(--color-surface-elevated);border-radius:var(--radius-md);align-self:flex-start;gap:2px;padding:2px;display:flex;overflow-x:auto}.period-btn{border-radius:var(--radius-sm);font-family:var(--font-heading);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 12px;font-size:.8125rem;font-weight:500}.period-btn:hover{color:var(--color-green-deep)}.period-active{background:var(--color-surface);color:var(--color-green-deep);box-shadow:var(--shadow-sm);font-weight:600}.period-row{gap:var(--space-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.period-nav{background:var(--color-surface-elevated);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.period-nav-btn{border-radius:var(--radius-sm);min-width:32px;height:28px;color:var(--color-text-secondary);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:0 10px;font-size:.8125rem;font-weight:600}.period-nav-btn:hover{background:var(--color-surface);color:var(--color-green-deep)}.gastos{max-width:720px;padding:var(--space-xl) var(--space-md);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.gastos-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.gastos-header h1{letter-spacing:-.03em;font-size:1.5rem}.gastos-header p{color:var(--color-text-muted);margin-top:2px;font-size:.875rem}.gastos-total{text-align:right}.gastos-total-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:500;display:block}.gastos-total-value{font-family:var(--font-heading);color:var(--color-green-deep);letter-spacing:-.03em;margin-top:2px;font-size:1.75rem;font-weight:800;display:block}.cats-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.cat-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:left;cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:2px;display:flex}.cat-card:hover{border-color:var(--color-green);transform:translateY(-1px)}.cat-active{background:var(--color-green-soft);border-color:var(--color-green)}.cat-name{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.6875rem;font-weight:600}.cat-amount{font-family:var(--font-heading);color:var(--color-green-deep);font-size:1.125rem;font-weight:700}.cat-pct{color:var(--color-text-muted);font-size:.75rem}.gastos-list{gap:var(--space-sm);flex-direction:column;display:flex}.gasto-item{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast)}.gasto-item:hover{border-color:var(--color-green);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.gasto-row{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.gasto-main{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.gasto-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);flex-shrink:0;padding:2px 6px;font-size:.625rem;font-weight:700}.badge-factura{background:var(--color-green-soft);color:var(--color-green)}.badge-recibo{color:var(--color-warning);background:#c77b1f1a}.gasto-vendor{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.gasto-amount{font-family:var(--font-heading);color:var(--color-green-deep);flex-shrink:0;font-size:1rem;font-weight:700}.gasto-meta{gap:var(--space-sm);color:var(--color-text-muted);font-size:.75rem;display:flex}.gasto-cat{background:var(--color-surface-elevated);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;font-size:.6875rem;font-weight:500}.gasto-desc{color:var(--color-text-secondary);margin-top:var(--space-xs);font-size:.8125rem}.gasto-note{margin-top:var(--space-xs);background:var(--color-green-soft);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:6px 8px;font-size:.75rem}.gasto-cxp{margin-top:var(--space-xs);border-left:2px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);background:#c77b1f14;padding:6px 8px;font-size:.75rem}.ventas{max-width:720px;padding:var(--space-xl) var(--space-md);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.ventas-header h1{letter-spacing:-.03em;font-size:1.5rem}.ventas-header p{color:var(--color-text-muted);margin-top:2px;font-size:.875rem}.ventas-stats{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.stat-card{background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:500}.stat-value{font-family:var(--font-heading);color:var(--color-green-deep);letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.stat-hint{color:var(--color-text-muted);font-size:.6875rem}.section h2{color:var(--color-green-deep);margin-bottom:var(--space-md);font-size:1rem}.top-list{background:var(--color-border-light);border-radius:var(--radius-md);flex-direction:column;gap:2px;display:flex;overflow:hidden}.top-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);display:flex}.top-rank{background:var(--color-green-soft);width:24px;height:24px;color:var(--color-green);font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.top-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:500;overflow:hidden}.top-amount{font-family:var(--font-heading);color:var(--color-green-deep);font-size:.875rem;font-weight:700}.ventas-list{gap:var(--space-xs);flex-direction:column;display:flex}.venta-item{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-fast)}.venta-item:hover{border-color:var(--color-green);transform:translateY(-1px)}.venta-row{align-items:center;gap:var(--space-sm);display:flex}.venta-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);padding:2px 6px;font-size:.625rem;font-weight:700}.badge-reporte_ventas{background:var(--color-green-soft);color:var(--color-green)}.badge-cierre_pos{color:var(--color-warning);background:#c77b1f1a}.venta-date{color:var(--color-text-muted);flex:1;font-size:.75rem}.venta-amount{font-family:var(--font-heading);color:var(--color-green-deep);font-size:1rem;font-weight:700}.venta-vendor{color:var(--color-text-muted);margin-top:2px;font-size:.75rem;display:block}.empty-hint{margin-top:var(--space-xs);font-size:.75rem}.concil{max-width:860px;padding:var(--space-xl) var(--space-md);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.concil-header h1{letter-spacing:-.03em;font-size:1.5rem}.concil-header p{color:var(--color-text-muted);margin-top:2px;font-size:.875rem}.month-summary{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.summary-card{background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md);flex-direction:column;gap:4px;display:flex}.summary-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.summary-value{font-family:var(--font-heading);color:var(--color-green-deep);letter-spacing:-.03em;font-size:1.375rem;font-weight:800}.summary-hint{color:var(--color-text-muted);font-size:.6875rem}.status-chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-heading);padding:4px 10px}.chip-green{background:var(--color-green-soft);color:var(--color-green)}.chip-gray{background:var(--color-surface-elevated);color:var(--color-text-muted)}.chip-warn{color:var(--color-warning);background:#c77b1f1a}.cal-nav{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.cal-title-wrap{align-items:center;gap:var(--space-sm);display:flex}.cal-title{color:var(--color-green-deep);font-size:1rem}.today-btn{background:var(--color-green-soft);border-radius:var(--radius-sm);color:var(--color-green);font-family:var(--font-heading);transition:all var(--transition-fast);border:1px solid #0000;padding:4px 10px;font-size:.75rem;font-weight:600}.today-btn:hover{background:var(--color-green);color:#fff}.nav-btn{border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);width:36px;height:36px;color:var(--color-green-deep);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.nav-btn:hover{background:var(--color-green-soft);border-color:var(--color-green)}.cal{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.cal-days{border-bottom:1px solid var(--color-border-light);background:var(--color-surface-elevated);grid-template-columns:repeat(7,1fr);display:grid}.cal-dow{padding:var(--space-sm) var(--space-xs);text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:700;font-family:var(--font-heading)}.cal-grid{background:var(--color-border-light);grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.cal-empty{background:var(--color-bg);opacity:.5;min-height:72px}.cal-cell{background:var(--color-surface);cursor:pointer;min-height:72px;transition:all var(--transition-fast);text-align:left;font-family:var(--font-body);border:none;flex-direction:column;align-items:flex-start;gap:4px;padding:6px 6px 4px;display:flex;position:relative}.cal-cell:hover{background:var(--color-green-soft);z-index:1}.cell-num{color:var(--color-text);font-size:.8125rem;font-weight:600;font-family:var(--font-heading)}.cell-today .cell-num{color:#fff;background:var(--color-green);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;display:flex}.cell-info{width:100%;font-size:.625rem;font-family:var(--font-heading);flex-direction:column;gap:2px;font-weight:600;display:flex}.cell-line{white-space:nowrap;border-radius:3px;align-items:center;gap:4px;padding:1px 4px;display:flex;overflow:hidden}.line-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.line-ventas{background:var(--color-green-soft);color:var(--color-green-deep)}.line-ventas .line-dot{background:var(--color-green)}.line-cierre{color:var(--color-green-deep);background:#52b78826}.line-cierre .line-dot{background:var(--color-green-bright)}.line-bank{color:#1e5a8a;background:#3b82c41a}.line-bank .line-dot{background:#3b82c4}.line-amt{text-overflow:ellipsis;font-size:.625rem;overflow:hidden}.cell-complete{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-green)}.cell-partial{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-warning)}.cell-missing{background:#c0392b08;box-shadow:inset 3px 0 #c0392b4d}.cell-missing .cell-num{color:var(--color-text-muted);opacity:.6}.cell-pending .cell-num{color:var(--color-text-muted);opacity:.5}.cell-warn{background:#c77b1f14!important}.cell-warn:after{content:"⚠";color:var(--color-warning);font-size:.75rem;position:absolute;top:4px;right:6px}.cell-selected{background:var(--color-green-soft)!important;box-shadow:inset 0 0 0 2px var(--color-green)!important}.legend{gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);flex-wrap:wrap;font-size:.75rem;display:flex}.legend-item{color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.legend-box{border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.box-complete{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-green), 0 0 0 1px var(--color-border-light)}.box-partial{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-warning), 0 0 0 1px var(--color-border-light)}.box-missing{box-shadow:inset 3px 0 0 #c0392b4d, 0 0 0 1px var(--color-border-light);background:#c0392b0d}.box-warn{border:1px solid var(--color-warning);background:#c77b1f26}.day-detail{background:var(--color-surface);border:1.5px solid var(--color-green);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.detail-head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.detail-head h3{color:var(--color-green-deep);font-size:1.125rem}.detail-sub{color:var(--color-text-muted);margin-top:2px;font-size:.75rem}.discrepancy-badge{color:var(--color-warning);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;font-family:var(--font-heading);background:#c77b1f1f;padding:6px 10px}.helper-box{background:var(--color-green-soft);border:1px dashed var(--color-green);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text);font-size:.8125rem;line-height:1.6}.helper-box ul{margin:var(--space-xs) 0 0 var(--space-md);padding:0}.helper-box li{color:var(--color-text-secondary);margin-bottom:4px}.helper-box b{color:var(--color-green-deep)}.detail-totals{background:var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.total-row{padding:var(--space-sm) var(--space-md);background:var(--color-surface);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.total-label{color:var(--color-text-secondary);font-weight:500}.total-value{font-family:var(--font-heading);color:var(--color-green-deep);font-weight:700}.total-highlight{background:var(--color-green-soft)}.total-highlight .total-label{color:var(--color-green-deep);font-weight:600}.total-highlight .total-value{font-size:1rem}.detail-section{margin-bottom:var(--space-md)}.detail-section:last-child{margin-bottom:0}.detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.6875rem;font-weight:700;display:block}.detail-row{justify-content:space-between;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-border-light);padding:8px 0;font-size:.8125rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-clickable{cursor:pointer;transition:background var(--transition-fast);margin:0 calc(var(--space-md) * -1);padding-left:var(--space-md);padding-right:var(--space-md);border-radius:var(--radius-sm)}.detail-clickable:hover{background:var(--color-green-soft)}.detail-amount{font-family:var(--font-heading);color:var(--color-green-deep);white-space:nowrap;font-weight:600}.amount-credit{color:var(--color-green-bright)}.empty{text-align:center;padding:var(--space-xl);color:var(--color-text-muted);font-size:.875rem}@media (width<=640px){.cal-cell{min-height:60px;padding:4px}.cell-num{font-size:.75rem}.cell-line{padding:1px 3px}.line-amt{font-size:.5625rem}.cal-dow{padding:6px 2px;font-size:.625rem}}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:var(--space-sm);display:flex}.topbar-logo{border-radius:var(--radius-sm);object-fit:cover;width:36px;height:36px}.topbar-name{font-family:var(--font-heading);color:var(--color-green-deep);letter-spacing:-.02em;font-size:.9375rem;font-weight:700}.topbar-logout{color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;font-size:.8125rem}.topbar-logout:hover{color:var(--color-danger)}.tabnav{padding:0 var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:99;gap:2px;display:flex;position:sticky;top:56px}.tab{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);font-family:var(--font-heading);transition:all var(--transition-fast);border-bottom:2px solid #0000;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative;top:1px}.tab svg{width:16px;height:16px}.tab:hover{color:var(--color-green-deep)}.tab.active{color:var(--color-green-deep);border-bottom-color:var(--color-green);font-weight:600}.app-main{flex:1}