:root{--sidebar-bg: #f1f5f9;--main-bg: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent: #0f172a;--accent-hover: #1e293b;--success: #10b981;--danger: #ef4444;--sidebar-width: 400px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--brand: #DE6B67;--brand-muted: rgba(222, 107, 103, .1);--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--main-bg);color:var(--text-primary);line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased}.app-wrapper{display:flex;height:100vh;width:100vw}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border-strong);display:flex;flex-direction:column;padding:32px 24px;overflow-y:auto;flex-shrink:0}.main-content{flex:1;overflow-y:auto;padding:40px 48px;background:var(--main-bg)}.sidebar-brand-container{display:flex;align-items:center;gap:20px;margin-bottom:24px}.brand-tag{font-size:.55rem;font-weight:800;letter-spacing:.3em;color:var(--text-muted);margin-bottom:12px;opacity:.6}.brand-text h1{font-size:1.75rem;font-weight:800;letter-spacing:-.04em;margin-bottom:2px;line-height:1;color:var(--text-primary)}.tagline{font-size:.6rem;font-weight:900;letter-spacing:.1em;color:var(--brand);text-transform:uppercase;margin-top:0;opacity:.95}.subtitle{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:40px;font-weight:400;border-left:2px solid var(--border);padding-left:12px}.sidebar-section{margin-bottom:28px}.sidebar-section-title{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-strong);padding-bottom:8px}.sidebar-section-title span.icon{font-size:1rem}.input-group{margin-bottom:16px}.input-group label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;margin-bottom:4px}.input-helper{font-size:.65rem;color:var(--text-muted);font-style:italic;margin-bottom:8px;line-height:1.3}input[type=file]{width:100%;font-size:var(--font-xs);padding:8px;background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary)}input[type=file]::-webkit-file-upload-button{display:none}input[type=file]:before{content:"Subir";display:inline-block;background:var(--sidebar-bg);border:1px solid var(--border-strong);border-radius:4px;padding:2px 8px;font-weight:600;font-size:.65rem;margin-right:8px;color:var(--text-primary)}select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#fff;font-size:var(--font-sm);font-weight:500;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}.btn-primary{background:var(--accent);color:#fff;border:none;padding:14px;border-radius:var(--radius-sm);font-weight:700;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.05em;width:100%;cursor:pointer;margin-top:8px;box-shadow:0 2px 4px #0000001a}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.report-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.main-report-title{font-size:2.25rem;font-weight:900;letter-spacing:-.05em;margin-bottom:6px;color:var(--text-primary)}.report-period{font-size:1rem;color:var(--text-secondary);font-weight:500;border-left:3px solid var(--brand);padding-left:16px;margin-top:10px}.results-container{max-width:1000px;margin-left:0;opacity:0;animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-title{display:none}.category-group{margin-bottom:24px;padding-bottom:8px}.category-group-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--text-primary)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.summary-item{background:#fff;border:1px solid var(--border-strong);padding:20px;border-radius:var(--radius-md)}.summary-item h3{font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.summary-item .amount{font-size:var(--font-lg);font-weight:800;color:var(--text-primary)}.btn-excel{border:1px solid rgba(16,185,129,.2)!important;color:#059669!important;background:#f0fdf4!important}.btn-excel:hover{background:#dcfce7!important;border-color:#10b981!important}.btn-pdf{border:1px solid rgba(239,68,68,.2)!important;color:#dc2626!important;background:#fef2f2!important}.btn-pdf:hover{background:#fee2e2!important;border-color:#ef4444!important}table{width:100%;border-collapse:collapse;margin-bottom:16px}th{background:#f8fafc;padding:10px 14px;font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-strong);text-align:left}td{padding:12px 14px;font-size:var(--font-sm);border-bottom:1px solid var(--border)}.accordion-item{background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);margin-bottom:12px}.accordion-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion-title{font-size:var(--font-sm);font-weight:700}.accordion-toggle-btn{background:#f1f5f9;color:var(--text-secondary);border:1px solid var(--border-strong);padding:8px 16px;font-size:.7rem;font-weight:700;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;display:flex;align-items:center;gap:8px}.accordion-toggle-btn:hover{background:#fff;border-color:var(--accent);color:var(--accent)}.accordion-content{padding:24px 32px;border-top:1px solid var(--border);background:#fafbfc}.section-actions{display:flex;gap:12px;margin-bottom:24px;justify-content:flex-end}.btn-small-outline{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border-strong);background:#fff;cursor:pointer;border-radius:6px;color:var(--text-secondary);transition:all .2s}.action-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-strong);text-align:center}.btn-outline{display:inline-block;padding:12px 32px;background:var(--accent);color:#fff;border:none;font-weight:700;font-size:var(--font-sm);text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.btn-final-pdf{display:inline-flex;align-items:center;gap:12px;background:var(--text-primary);color:#fff;border:none;padding:16px 32px;border-radius:var(--radius-sm);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a}.btn-final-pdf:hover{background:#000;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btn-final-pdf svg{color:#ef4444}.history-section{margin-top:40px;flex:1}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{padding:12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.history-item:hover{border-color:var(--brand);background:var(--brand-muted)}.history-info{display:flex;flex-direction:column;flex:1}.history-name{font-size:.8rem;font-weight:700;color:var(--text-primary)}.history-date{font-size:.65rem;color:var(--text-muted)}.btn-delete-history{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.2;transition:all .2s}.history-item:hover .btn-delete-history{opacity:1}.btn-delete-history:hover{background:#fee2e2;color:#ef4444}.btn-delete-history.confirming{opacity:1;color:#ef4444;background:#fee2e2;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.empty-history{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;margin-top:12px}.btn-save{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--text-primary);border:2px solid var(--text-primary);padding:14px 24px;border-radius:var(--radius-sm);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:var(--sidebar-bg);transform:translateY(-2px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;width:90%;max-width:1000px;height:90vh;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{padding:16px 24px;background:var(--sidebar-bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.modal-body{flex:1;background:#525659;padding:0}.pdf-preview{width:100%;height:100%;border:none}.modal-footer{padding:16px 24px;background:var(--sidebar-bg);border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.btn-modal-primary{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-modal-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-strong);padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}