@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.sidebar-new{position:fixed;top:0;left:0;bottom:0;width:260px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;display:flex;flex-direction:column;z-index:1000;box-shadow:2px 0 12px #0f172a26;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-new--collapsed{width:80px}.sidebar-new-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.1);min-height:72px}.sidebar-new-brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.sidebar-new-logo{color:#3b82f6;flex-shrink:0}.sidebar-new-title{font-size:18px;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.sidebar-new--collapsed .sidebar-new-title{opacity:0;pointer-events:none}.sidebar-new-toggle,.sidebar-new-close{background:none;border:none;color:#fffc;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar-new-toggle:hover,.sidebar-new-close:hover{background-color:#ffffff1a;color:#fff}.sidebar-new-toggle-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-new-toggle-icon--rotated{transform:rotate(180deg)}.sidebar-new-nav{flex:1;padding:16px 12px;overflow-y:auto;overflow-x:hidden}.sidebar-new-nav::-webkit-scrollbar{width:6px}.sidebar-new-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-new-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-new-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-new-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sidebar-new-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-radius:8px;text-align:left;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;color:#e5e7eb;text-decoration:none}.sidebar-new-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#3b82f6;transform:scaleY(0);transition:transform .2s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.sidebar-new-item:hover{background-color:#ffffff1a;color:#fff;transform:translate(4px)}.sidebar-new-item:hover:before{transform:scaleY(1)}.sidebar-new-item--active{background-color:#3b82f626;color:#fff;font-weight:600}.sidebar-new-item--active:before{transform:scaleY(1)}.sidebar-new-item-icon{flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.sidebar-new-item:hover .sidebar-new-item-icon{transform:scale(1.1)}.sidebar-new-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.sidebar-new--collapsed .sidebar-new-item-label{opacity:0;pointer-events:none}.sidebar-new--collapsed .sidebar-new-item{justify-content:center;padding:12px 8px}.sidebar-new--collapsed .sidebar-new-item:hover{transform:none}.sidebar-new--collapsed .sidebar-new-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001;margin-left:8px;box-shadow:0 4px 12px #0000004d;pointer-events:none}.sidebar-new--collapsed .sidebar-new-item:hover[data-tooltip]:after{opacity:1;visibility:visible}.sidebar-new-footer{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top:1px solid rgba(255,255,255,.1);background-color:#0000001a;gap:12px}.sidebar-new-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.sidebar-new-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0;box-shadow:0 2px 4px #2563eb4d}.sidebar-new-user-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.sidebar-new--collapsed .sidebar-new-user-info{opacity:0;pointer-events:none}.sidebar-new-user-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-new-user-role{font-size:12px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-new-logout{background:none;border:none;color:#e5e7eb;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;font-size:14px;font-weight:500}.sidebar-new-logout:hover{background-color:#ef444433;color:#ef4444}.sidebar-new-logout span{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.sidebar-new--collapsed .sidebar-new-logout span{opacity:0;pointer-events:none}.sidebar-new--collapsed .sidebar-new-logout[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001;margin-left:8px;box-shadow:0 4px 12px #0000004d;pointer-events:none}.sidebar-new--collapsed .sidebar-new-logout:hover[data-tooltip]:after{opacity:1;visibility:visible}@media (max-width: 1023px){.sidebar-new{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-new--visible{transform:translate(0)}.sidebar-new--collapsed{width:260px}.sidebar-new-toggle{display:none}.sidebar-new-close{display:flex}}@media (min-width: 1024px){.sidebar-new{transform:translate(0)}.sidebar-new-close{display:none}.sidebar-new-toggle{display:flex}}@media (prefers-reduced-motion: reduce){.sidebar-new,.sidebar-new-title,.sidebar-new-item,.sidebar-new-item:before,.sidebar-new-item-icon,.sidebar-new-item-label,.sidebar-new-user-info,.sidebar-new-logout span,.sidebar-new-toggle-icon{transition:none!important}.sidebar-new-item:hover,.sidebar-new-item:hover .sidebar-new-item-icon{transform:none!important}}.sidebar-new-toggle:focus,.sidebar-new-close:focus,.sidebar-new-item:focus,.sidebar-new-logout:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.topbar{background:#fff;border-bottom:1px solid #e5e5e5;height:0;display:none;align-items:center;padding:0;position:sticky;top:0;z-index:100}@media (max-width: 1023px){.topbar{display:flex;height:56px;padding:0 16px}}.topbar-content{display:flex;align-items:center;gap:16px;width:100%}.topbar-menu-btn{background:none;border:none;color:#0a0a0a;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.topbar-menu-btn:hover{background-color:#f5f5f5}.topbar-title{flex:1}.topbar-actions{display:flex;align-items:center;gap:12px}@media (min-width: 1024px){.topbar-menu-btn{display:none}}.app-shell{display:flex;min-height:100vh;background:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.app-shell:before,.app-shell:after,.app-shell-main:before,.app-shell-main:after,.app-shell-content:before,.app-shell-content:after{display:none!important}.app-shell-main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-shell-main--collapsed{margin-left:80px}.app-shell-content{flex:1;overflow-x:hidden;overflow-y:auto}.app-shell-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}@media (max-width: 1023px){.app-shell-main,.app-shell-main--collapsed{margin-left:0}}.app-shell-content{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){.app-shell-main{transition:none}.app-shell-backdrop{animation:none}.app-shell-content{scroll-behavior:auto}}@media print{.app-shell-backdrop{display:none}.app-shell-main{margin-left:0}}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-medium);border-radius:var(--border-radius-sm);white-space:nowrap;transition:all var(--transition-base)}.badge-sm{padding:2px var(--spacing-xs);font-size:var(--text-xs)}.badge-md{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.badge-lg{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base)}.badge-primary{background-color:#3b82f61a;color:var(--color-primary)}.badge-secondary{background-color:#8b5cf61a;color:var(--color-secondary)}.badge-success{background-color:#10b9811a;color:var(--color-accent)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning)}.badge-danger{background-color:#ef44441a;color:var(--color-danger)}.badge-info{background-color:#06b6d41a;color:var(--color-info)}.badge-rounded{border-radius:var(--border-radius-full)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-sans);font-weight:var(--font-medium);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.btn-md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg)}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-color-dark)}.btn-danger{background-color:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover)}.btn-full-width{width:100%}.btn-loading{position:relative;color:transparent}.btn-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:currentColor;font-size:1.2em}.btn-icon{display:inline-flex;align-items:center}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card-hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-full-width{width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-required{color:var(--color-danger);margin-left:var(--spacing-xs)}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-base)}.input-with-icon{padding-left:calc(var(--spacing-md) + 24px)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--color-danger)}.input-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.input-icon{position:absolute;left:var(--spacing-md);display:flex;align-items:center;color:var(--text-tertiary);pointer-events:none}.input-message{font-size:var(--text-sm);margin-top:var(--spacing-xs)}.input-error-message{color:var(--color-danger)}.input-helper-text{color:var(--text-secondary)}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-md)}.modal-content{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;width:100%;animation:fadeIn var(--transition-slow) ease-out}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:var(--text-2xl);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-base);border-radius:var(--border-radius-sm)}.modal-close:hover{color:var(--text-primary);background-color:var(--bg-hover)}.modal-body{padding:var(--spacing-lg)}@media (max-width: 640px){.modal-backdrop{padding:0}.modal-content{max-height:100vh;border-radius:0}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.select-full-width{width:100%}.select-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.select-required{color:var(--color-danger);margin-left:var(--spacing-xs)}.select-container{position:relative;display:flex;align-items:center}.select{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:calc(var(--spacing-md) + 20px);font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.select:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.select-error{border-color:var(--color-danger)}.select-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.select-arrow{position:absolute;right:var(--spacing-md);font-size:var(--text-xs);color:var(--text-tertiary);pointer-events:none}.select-message{font-size:var(--text-sm);margin-top:var(--spacing-xs)}.select-error-message{color:var(--color-danger)}.select-helper-text{color:var(--text-secondary)}.spinner{border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:var(--border-radius-full);animation:spin 1s linear infinite;display:inline-block}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-md{width:32px;height:32px;border-width:3px}.spinner-lg{width:48px;height:48px;border-width:4px}.spinner-primary{border-top-color:var(--color-primary)}.spinner-secondary{border-top-color:var(--color-secondary)}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.spinner-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080;z-index:var(--z-modal)}.spinner-label{margin-top:var(--spacing-md);color:#fff;font-size:var(--text-base);font-weight:var(--font-medium)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--bg-primary)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table-header{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.table-header-cell{padding:var(--spacing-md);text-align:left;font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.table-body{background-color:var(--bg-primary)}.table-row{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:var(--bg-hover)}.table-row-clickable{cursor:pointer}.table-row-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.table-cell{padding:var(--spacing-md);color:var(--text-primary)}.table-loading,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.table-loading span{font-size:var(--text-3xl);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.table-container{border-radius:var(--border-radius)}.table-header-cell,.table-cell{padding:var(--spacing-sm)}}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-viewer-modal{width:95vw;height:95vh;max-width:1200px;max-height:900px;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.image-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.image-viewer-title{font-size:1.125rem;font-weight:600;color:#1e293b;flex:1;margin-right:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-viewer-controls{display:flex;align-items:center;gap:.5rem}.image-viewer-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;transition:all .2s ease;font-size:.875rem}.image-viewer-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.image-viewer-btn:active{transform:scale(.95)}.image-viewer-close{background:#ef4444;border-color:#dc2626;color:#fff}.image-viewer-close:hover{background:#dc2626;border-color:#b91c1c}.image-viewer-zoom-level{min-width:50px;text-align:center;font-size:.875rem;font-weight:600;color:#374151}.image-viewer-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#f8fafc;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-viewer-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:opacity .2s ease;transform-origin:center}.image-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#64748b}.image-viewer-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.image-viewer-loading p{margin:0;font-size:.875rem}.image-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ef4444}.image-viewer-error p{margin:0;font-size:1rem;font-weight:500}.image-viewer-error button{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .2s ease}.image-viewer-error button:hover{background:#dc2626}.image-viewer-footer{padding:.75rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0}.image-viewer-shortcuts{font-size:.75rem;color:#64748b;text-align:center}@media (max-width: 768px){.image-viewer-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.image-viewer-header{padding:.75rem 1rem}.image-viewer-title{font-size:1rem}.image-viewer-controls{gap:.25rem}.image-viewer-btn{width:32px;height:32px}.image-viewer-zoom-level{min-width:45px;font-size:.8rem}.image-viewer-footer{padding:.5rem 1rem}.image-viewer-shortcuts{font-size:.7rem}}@media (max-width: 480px){.image-viewer-header{flex-direction:column;gap:.75rem;align-items:stretch}.image-viewer-title{text-align:center;margin-right:0}.image-viewer-controls{justify-content:center}.image-viewer-shortcuts span{display:none}.image-viewer-shortcuts:after{content:"Toca para cerrar"}}@media (prefers-contrast: high){.image-viewer-overlay{background:#000000fa}.image-viewer-btn,.image-viewer-header,.image-viewer-footer{border-width:2px}}@media (prefers-reduced-motion: reduce){.image-viewer-overlay,.image-viewer-modal,.image-viewer-image,.image-viewer-btn{animation:none;transition:none}.image-viewer-spinner{animation:none;border-top-color:transparent}}.image-viewer-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.image-viewer-close:focus{outline-color:#fff}@media print{.image-viewer-overlay{position:static;background:#fff}.image-viewer-modal{width:100%;height:auto;box-shadow:none;border:1px solid #000}.image-viewer-header,.image-viewer-footer{display:none}.image-viewer-container{background:#fff}.image-viewer-image{max-width:100%;height:auto}}.expense-image-container{position:relative;border-radius:8px;overflow:hidden;background:#f8fafc;border:1px solid #e2e8f0;transition:all .2s ease;cursor:pointer}.expense-image-container:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.expense-image-small{width:80px;height:80px}.expense-image-medium{width:120px;height:120px}.expense-image-large{width:100%;max-width:600px;height:auto;min-height:400px}.expense-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:opacity .2s ease,transform .2s ease;padding:1rem;background:#fff}.expense-image-hidden{opacity:0}.expense-image-container:hover .expense-image{transform:scale(1.02)}.expense-image-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#f8fafc}.expense-image-spinner{width:24px;height:24px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.expense-image-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#fef2f2;color:#dc2626;font-size:.75rem;text-align:center;padding:.5rem}.expense-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.expense-image-container:hover .expense-image-overlay{opacity:1}.expense-image-view-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fffffff2;border:none;border-radius:8px;color:#1e293b;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000026}.expense-image-view-btn:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.expense-image-simple-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:#ffffffe6;border:none;border-radius:4px;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.expense-image-simple-btn:hover{background:#fff;color:#1f2937;transform:scale(1.1)}@media (max-width: 768px){.expense-image-large{width:150px;height:150px}.expense-image-medium{width:100px;height:100px}.expense-image-small{width:60px;height:60px}.expense-image-view-btn{padding:.5rem;font-size:.7rem}.expense-image-simple-btn{width:24px;height:24px;top:.25rem;right:.25rem}.expense-image-error{font-size:.7rem;padding:.25rem}}@media (max-width: 480px){.expense-image-large{width:120px;height:120px}.expense-image-medium{width:80px;height:80px}.expense-image-small{width:50px;height:50px}}@media (prefers-contrast: high){.expense-image-container{border-width:2px}.expense-image-view-btn,.expense-image-simple-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.expense-image-container,.expense-image,.expense-image-overlay,.expense-image-view-btn,.expense-image-simple-btn,.expense-image-spinner{transition:none;animation:none}.expense-image-container:hover .expense-image,.expense-image-view-btn:hover,.expense-image-simple-btn:hover{transform:none}}.expense-image-view-btn:focus,.expense-image-simple-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.expense-image-overlay,.expense-image-view-btn,.expense-image-simple-btn{display:none}.expense-image-container{border:1px solid #000}}.file-viewer{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden}.file-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fafafa;border-bottom:1px solid #e5e5e5}.file-info{display:flex;align-items:center;gap:8px;color:#0a0a0a}.file-name{font-size:14px;font-weight:500}.file-controls{display:flex;align-items:center;gap:8px}.control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#fff;border-radius:4px;cursor:pointer;color:#525252;transition:all .2s}.control-btn:hover{background:#f5f5f5;color:#0a0a0a}.zoom-level{font-size:13px;color:#737373;min-width:45px;text-align:center}.control-divider{width:1px;height:20px;background:#e5e5e5}.file-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;background:#f5f5f5}.image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px}.image-container img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .2s;background:#fff;box-shadow:0 2px 8px #0000001a}.pdf-viewer{width:100%;height:100%;border:none}.unknown-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:#737373}.unknown-file svg{color:#a3a3a3}.file-type-hint{font-size:13px;color:#a3a3a3}.btn-download-large{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#0a0a0a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;margin-top:12px}.btn-download-large:hover{background:#1a1a1a}.file-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:#737373}.file-viewer-error svg{color:#ef4444}.file-viewer-error p{font-size:15px;color:#525252}.btn-download{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0a0a0a;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.btn-download:hover{background:#1a1a1a}.file-viewer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.file-viewer-modal{width:100%;max-width:1200px;height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}@media (max-width: 768px){.file-viewer-modal{max-width:100%;height:100vh;border-radius:0}.file-viewer-header{padding:10px 12px}.file-name{font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-btn{width:28px;height:28px}.zoom-level{display:none}}.nuevo-gasto-container{padding:24px;max-width:1400px;margin:0 auto;background:#fafafa;min-height:100vh}.form-header{display:flex;align-items:center;gap:1rem;margin-bottom:24px}.btn-back:hover{border-color:#d4d4d4;color:#0a0a0a;background:#fafafa}.form-header h1{font-size:1.75rem;font-weight:600;color:#0a0a0a;margin:0;letter-spacing:-.02em}.gasto-form-modern{display:flex;flex-direction:column;gap:20px}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-column{display:flex;flex-direction:column;gap:16px}.form-group-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;transition:all .15s ease}.form-group-card:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #0000000a}.group-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#0a0a0a;margin:0 0 16px;letter-spacing:-.01em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.8125rem;font-weight:500;color:#525252}.form-field input,.form-field select,.form-field textarea{height:36px;padding:0 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;color:#0a0a0a;background:#fff;transition:all .15s ease;font-family:Inter,sans-serif}.form-field textarea{height:auto;padding:10px 12px;resize:vertical;min-height:60px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.form-field input::-moz-placeholder,.form-field textarea::-moz-placeholder{color:#a3a3a3}.form-field input::placeholder,.form-field textarea::placeholder{color:#a3a3a3}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:#dc2626}.error-msg{font-size:.75rem;color:#dc2626;margin-top:4px}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:100;animation:slideDown .15s ease}.autocomplete-item{padding:10px 12px;cursor:pointer;transition:background .1s ease;border-bottom:1px solid #f5f5f5}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:#fafafa}.proveedor-name{font-size:.875rem;font-weight:500;color:#0a0a0a;margin-bottom:2px}.proveedor-ruc{font-size:.75rem;color:#737373;font-family:SF Mono,Monaco,Courier New,monospace}.calculation-display{background:#f8fafc;border:1px solid #e5e5e5;border-radius:8px;padding:12px;margin-top:8px}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.875rem;color:#525252}.calc-row.total{border-top:1px solid #e5e5e5;margin-top:6px;padding-top:12px;font-weight:600;color:#0a0a0a;font-size:.9375rem}.calc-value{font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.productos-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px}.productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.productos-header h3{font-size:.9375rem;font-weight:600;color:#0a0a0a;margin:0}.btn-add-producto{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#0a0a0a;cursor:pointer;transition:all .15s ease}.btn-add-producto:hover{background:#fff;border-color:#d4d4d4}.productos-list{display:flex;flex-direction:column;gap:8px}.producto-item{display:grid;grid-template-columns:2fr 100px 120px 120px 40px;gap:8px;align-items:center;padding:12px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;transition:all .15s ease}.producto-item:hover{background:#f5f5f5;border-color:#d4d4d4}.producto-item input{height:32px;padding:0 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:.8125rem;background:#fff;transition:all .15s ease}.producto-item input:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 2px #0000000d}.producto-nombre{font-weight:500}.producto-cantidad,.producto-precio{text-align:right;font-variant-numeric:tabular-nums}.producto-total{font-size:.875rem;font-weight:600;color:#0a0a0a;text-align:right;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.btn-remove-producto{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#737373;cursor:pointer;transition:all .15s ease}.btn-remove-producto:hover{background:#fef2f2;color:#dc2626}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.btn-cancel,.btn-submit{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;height:38px}.btn-cancel{background:#fff;border:1px solid #e5e5e5;color:#525252}.btn-cancel:hover{border-color:#d4d4d4;background:#fafafa;color:#0a0a0a}.btn-submit{background:#0a0a0a;border:none;color:#fff}.btn-submit:hover:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.form-loading p{color:#737373;font-size:.875rem}@media (max-width: 1024px){.form-layout,.form-grid{grid-template-columns:1fr}.producto-item{grid-template-columns:1fr;gap:8px}.producto-total{text-align:left}}@media (max-width: 768px){.nuevo-gasto-container{padding:16px}.form-header{flex-direction:column;align-items:flex-start;gap:12px}.form-header h1{font-size:1.5rem}.form-group-card{padding:16px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}.productos-header{flex-direction:column;align-items:stretch;gap:12px}.btn-add-producto{width:100%;justify-content:center}}.form-group-card,.productos-section{animation:fadeIn .3s ease}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media print{.form-header button,.form-actions,.btn-add-producto,.btn-remove-producto{display:none}.nuevo-gasto-container{background:#fff;padding:0}.form-group-card,.productos-section{border:1px solid #e5e5e5;page-break-inside:avoid}}.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:16px}.productos-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border:1px solid #e5e5e5;border-radius:8px;margin-top:12px;font-weight:600;color:#0a0a0a}.productos-total .total-value{font-size:1.125rem;color:#3b82f6;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.gastos-container-modern,.gastos-container-modern *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"tnum" 1}.gastos-container-modern{padding:1.5rem;max-width:100%;width:100%;margin:0;background:#fafafa;min-height:100vh}.gastos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.gastos-title{font-size:1.75rem;font-weight:600;color:#0a0a0a;margin:0;letter-spacing:-.02em}.btn-nuevo-gasto{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#0a0a0a;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;height:38px;white-space:nowrap}.btn-nuevo-gasto:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.gastos-controls{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.search-wrapper{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#737373;pointer-events:none}.search-input-modern{width:100%;height:38px;padding:0 .875rem 0 2.75rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;color:#0a0a0a;background:#fff;transition:all .15s ease}.search-input-modern:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.controls-right{display:flex;gap:.5rem;align-items:center}.btn-filter{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#0a0a0a;cursor:pointer;transition:all .15s ease;height:38px}.btn-filter:hover{border-color:#d4d4d4;background:#fafafa}.btn-filter.active{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.view-toggle{display:flex;gap:0;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff}.view-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:none;border-right:1px solid #e5e5e5;cursor:pointer;transition:all .15s ease;color:#737373}.view-btn:last-child{border-right:none}.view-btn:hover{background:#fafafa;color:#0a0a0a}.view-btn.active{background:#0a0a0a;color:#fff}.filters-panel{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:.05em}.filter-select{height:38px;padding:0 .875rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;color:#0a0a0a;background:#fff;transition:all .15s ease}.btn-clear-filters{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#737373;cursor:pointer;transition:all .15s ease;height:38px;margin-top:auto}.btn-clear-filters:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}.table-container{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow-x:auto;overflow-y:visible;width:100%;box-shadow:0 1px 3px #0000000d;-webkit-overflow-scrolling:touch;position:relative;margin:0}.gastos-table{width:100%;min-width:100%;border-collapse:collapse;font-size:.875rem;table-layout:auto}.gastos-table thead{background:#fafafa;border-bottom:2px solid #e5e5e5;position:sticky;top:0;z-index:10}.gastos-table th{padding:.875rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.gastos-table th.text-right{text-align:right}.gastos-table th.text-center{text-align:center}.gastos-table tbody tr{border-bottom:1px solid #f5f5f5;transition:background .15s ease}.gastos-table tbody tr:hover{background:#fafafa}.gastos-table tbody tr:last-child{border-bottom:none}.gastos-table td{padding:1rem;color:#0a0a0a;vertical-align:middle;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gastos-table td.nowrap{white-space:nowrap}.gastos-table td.text-right{text-align:right}.gastos-table td.text-center{text-align:center}.comprobante-cell{display:flex;flex-direction:column;gap:.25rem}.tipo-comp{font-size:.6875rem;color:#737373;font-weight:500}.num-comp{font-size:.8125rem;color:#0a0a0a;font-weight:500;overflow:hidden;text-overflow:ellipsis}.proveedor-cell{font-weight:600}.monto-cell{font-weight:700;font-variant-numeric:tabular-nums}.actions-cell{display:flex;align-items:center;justify-content:center;gap:.375rem}.action-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;transition:all .15s ease;color:#737373;flex-shrink:0}.action-icon-btn:hover:not(:disabled){background:#f5f5f5;border-color:#d4d4d4;color:#0a0a0a}.action-icon-btn:disabled{opacity:.4;cursor:not-allowed}.action-icon-btn.danger:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:#dc2626}@media (max-width: 1400px){.gastos-table{font-size:.8125rem}.gastos-table th,.gastos-table td{padding:.75rem .875rem}}@media (max-width: 1200px){.gastos-table th,.gastos-table td{padding:.75rem}.gastos-table td{max-width:180px}}@media (max-width: 768px){.table-container{border-radius:8px;margin:0 -.5rem}.gastos-table{font-size:.8125rem}.gastos-table th,.gastos-table td{padding:.75rem .625rem}.gastos-table td{max-width:150px}.action-icon-btn{width:28px;height:28px}.comprobante-cell{max-width:120px}}.badge-modern{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.badge-success{background:#dcfce7;color:#15803d}.badge-danger{background:#fee2e2;color:#dc2626}.badge-info{background:#dbeafe;color:#1d4ed8}.badge-neutral{background:#f5f5f5;color:#737373}.estado-section{display:flex;align-items:center;gap:.5rem}.estado-dropdown-wrapper{position:relative;z-index:1}.estado-dropdown-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#fff;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;transition:all .15s ease;color:#737373}.estado-dropdown-trigger:hover{background:#f5f5f5;border-color:#d4d4d4;color:#0a0a0a}.estado-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:9999;padding:4px;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.estado-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:500;color:#0a0a0a;cursor:pointer;transition:all .15s ease;text-align:left}.estado-option:hover:not(:disabled){background:#f5f5f5}.estado-option:disabled{opacity:.4;cursor:not-allowed}.estado-option.success:hover:not(:disabled){background:#dcfce7;color:#15803d}.estado-option.danger{color:#dc2626}.estado-option.danger:hover:not(:disabled){background:#fef2f2}.estado-option svg{flex-shrink:0}.loading-container,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.empty-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem;background:#fff;border:1px solid #e5e5e5;border-radius:12px}.empty-state-modern p{font-size:1rem;color:#737373;margin:0}@media (max-width: 768px){.gastos-container-modern{padding:1rem}.gastos-title{font-size:1.5rem}.gastos-header{flex-direction:column;align-items:stretch}.btn-nuevo-gasto{width:100%;justify-content:center}.gastos-controls{flex-direction:column;align-items:stretch}.search-wrapper{min-width:100%}.controls-right{justify-content:space-between}.filters-grid{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.gastos-container-modern{padding:1.25rem}}@media (min-width: 1025px){.gastos-container-modern{padding:1.5rem}}.estado-cell{display:flex;align-items:center;gap:.5rem}.estado-actions{display:flex;gap:.25rem;margin-left:.5rem}.btn-estado-aprobar,.btn-estado-rechazar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;padding:0}.btn-estado-aprobar{background:#f0fdf4;color:#16a34a}.btn-estado-aprobar:hover{background:#dcfce7;transform:scale(1.05)}.btn-estado-rechazar{background:#fef2f2;color:#dc2626}.btn-estado-rechazar:hover{background:#fee2e2;transform:scale(1.05)}.btn-estado-aprobar:active,.btn-estado-rechazar:active{transform:scale(.95)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;margin-top:-1px;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.pagination{display:flex;gap:.5rem;align-items:center}.pagination-btn{padding:.5rem .875rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease;min-width:38px;height:38px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn.active{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-dots{padding:0 .5rem;color:#9ca3af;font-weight:500}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{text-align:center}.pagination{justify-content:center;flex-wrap:wrap}.pagination-btn{min-width:36px;height:36px;padding:.375rem .75rem}}.detalle-container-modern{max-width:1200px;margin:0 auto;padding:2rem 2.5rem;background:#fafafa;min-height:100vh}.detalle-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#525252;cursor:pointer;transition:all .15s ease}.btn-back:hover{border-color:#d4d4d4;color:#0a0a0a}.btn-action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#525252;cursor:pointer;transition:all .15s ease}.btn-action:hover{border-color:#d4d4d4;color:#0a0a0a}.btn-action.danger:hover{border-color:#fca5a5;background:#fef2f2;color:#dc2626}.detalle-title-section{margin-bottom:2.5rem}.title-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.8125rem;font-weight:500;color:#525252;margin-bottom:1rem}.detalle-title-modern{font-size:2rem;font-weight:600;color:#0a0a0a;margin:0 0 .5rem;letter-spacing:-.02em}.detalle-subtitle{font-size:1.125rem;color:#737373;margin:0 0 1.5rem;font-weight:400}.estado-section{margin-top:1rem}.detalle-layout-two-columns{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}.detalle-column-left{display:flex;flex-direction:column;gap:1.5rem}.detalle-column-right{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:2rem}.info-card-modern{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1.75rem}.card-title{font-size:1rem;font-weight:600;color:#0a0a0a;margin:0 0 1.5rem;letter-spacing:-.01em}.info-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-item-modern{display:flex;flex-direction:column;gap:.5rem}.info-item-modern.full-width{grid-column:1 / -1}.info-label-modern{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:#737373}.info-value-modern{font-size:.9375rem;color:#0a0a0a;font-weight:400}.info-value-modern.description{line-height:1.6;color:#525252}.monto-card-destacada{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-radius:12px;padding:2rem;color:#fff;box-shadow:0 4px 12px #0000001a}.monto-label{font-size:.8125rem;font-weight:500;color:#ffffffb3;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.monto-principal{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace;letter-spacing:-.02em}.monto-breakdown{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:1rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#ffffffd9}.breakdown-item .tabular{font-family:SF Mono,Monaco,Courier New,monospace;font-variant-numeric:tabular-nums;font-weight:500}.monto-currency{font-size:.8125rem;color:#fff9}.timeline-modern{display:flex;flex-direction:column;gap:1.25rem}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:15px;top:32px;bottom:-20px;width:1px;background:#e5e5e5}.timeline-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fafafa;border:1px solid #e5e5e5;border-radius:50%;color:#525252;flex-shrink:0}.timeline-content{flex:1;padding-top:.25rem}.timeline-description{font-size:.875rem;font-weight:500;color:#0a0a0a;margin-bottom:.25rem}.timeline-meta{font-size:.8125rem;color:#737373}.documents-grid{display:grid;gap:1rem}.document-item{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fafafa}.productos-table-modern{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.productos-table-modern table{width:100%;border-collapse:collapse}.productos-table-modern thead{background:#fafafa}.productos-table-modern th{padding:.75rem 1rem;text-align:left;font-size:.8125rem;font-weight:500;color:#525252;border-bottom:1px solid #e5e5e5}.productos-table-modern th.text-center{text-align:center}.productos-table-modern th.text-right{text-align:right}.productos-table-modern td{padding:.875rem 1rem;font-size:.875rem;color:#0a0a0a;border-bottom:1px solid #f5f5f5}.productos-table-modern td.text-center{text-align:center}.productos-table-modern td.text-right{text-align:right}.productos-table-modern td.tabular{font-family:SF Mono,Monaco,Courier New,monospace;font-variant-numeric:tabular-nums}.productos-table-modern tbody tr:last-child td{border-bottom:none}.productos-table-modern tbody tr:hover{background:#fafafa}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;text-align:center}.error-container h2{font-size:1.5rem;color:#dc2626;margin:0}.error-container p{color:#737373;font-size:1rem}@media (max-width: 1024px){.detalle-layout-two-columns{grid-template-columns:1fr}.detalle-column-right{position:static}.info-grid-modern{grid-template-columns:1fr}}@media (max-width: 768px){.detalle-container-modern{padding:1.5rem}.detalle-header-modern{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{justify-content:space-between}.detalle-title-modern{font-size:1.5rem}.detalle-subtitle{font-size:1rem}.monto-principal{font-size:2rem}.info-card-modern{padding:1.25rem}.monto-card-destacada{padding:1.5rem}.btn-action span{display:none}}@media (max-width: 480px){.detalle-container-modern{padding:1rem}.detalle-title-modern{font-size:1.25rem}.monto-principal{font-size:1.75rem}.productos-table-modern{overflow-x:auto}.productos-table-modern table{min-width:500px}}@media print{.detalle-header-modern,.header-actions,.btn-back{display:none}.detalle-container-modern{background:#fff;padding:0}.detalle-layout-two-columns{grid-template-columns:1fr}.info-card-modern{border:1px solid #e5e5e5;page-break-inside:avoid}.monto-card-destacada{background:#fff;color:#000;border:2px solid #0a0a0a}.monto-principal{color:#000}}.caja-chica-container{padding:24px;max-width:1400px;margin:0 auto;background:#fafafa;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-historial-general{padding:10px 20px;font-size:.875rem;font-weight:500;background:#0a0a0a;color:#fff;border:1px solid #0a0a0a;border-radius:8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-historial-general:hover{background:#262626;border-color:#262626;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.cajas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.caja-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;transition:all .15s ease;display:flex;flex-direction:column;gap:16px}.caja-card:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #0000000a}.caja-header{display:flex;align-items:center;gap:12px}.caja-icon{width:48px;height:48px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#3b82f6}.caja-info h3{font-size:1rem;font-weight:600;color:#0a0a0a;margin:0 0 4px}.caja-moneda{font-size:.75rem;color:#737373;font-weight:500;padding:2px 8px;background:#fafafa;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace}.caja-amounts{display:flex;flex-direction:column;gap:12px}.amount-item{display:flex;justify-content:space-between;align-items:center}.amount-label{font-size:.8125rem;color:#737373}.amount-value{font-size:1.125rem;font-weight:600;color:#0a0a0a;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.amount-value.success{color:#10b981}.amount-value.warning{color:#f59e0b}.amount-value.danger{color:#ef4444}.progress-bar{width:100%;height:8px;background:#f5f5f5;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.progress-fill.success{background:#10b981}.progress-fill.warning{background:#f59e0b}.progress-fill.danger{background:#ef4444}.caja-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid #f5f5f5}.caja-actions button{flex:1;min-width:100px;padding:8px 12px;font-size:.8125rem;font-weight:500;border-radius:6px;border:1px solid;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.caja-actions button:first-child{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.caja-actions button:first-child:hover{background:#262626;border-color:#262626}.caja-actions button:not(:first-child){background:#fff;color:#525252;border-color:#e5e5e5}.caja-actions button:not(:first-child):hover{background:#fafafa;border-color:#d4d4d4;color:#0a0a0a}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{font-size:1.125rem;font-weight:600;color:#0a0a0a;margin:0 0 20px}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:#525252;margin-bottom:6px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}@media (max-width: 1024px){.cajas-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.caja-chica-container{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:1.5rem}.cajas-grid{grid-template-columns:1fr}.modal-content{padding:20px}}.caja-card{animation:fadeIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0}.close-btn{background:none;border:none;cursor:pointer;color:#737373;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.close-btn:hover{background:#f5f5f5;color:#0a0a0a}.modal-large{max-width:700px}.file-upload-area{display:flex;gap:8px;align-items:center}.file-upload-label{flex:1;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;font-size:.875rem;color:#525252;transition:all .15s ease}.file-upload-label:hover{background:#f5f5f5;border-color:#d4d4d4}.remove-file-btn{padding:8px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;color:#ef4444;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.remove-file-btn:hover{background:#fee2e2;border-color:#fca5a5}.historial-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.historial-item{display:flex;gap:16px;padding:16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;transition:all .15s ease}.historial-item:hover{background:#f5f5f5;border-color:#d4d4d4}.historial-info{flex:1;display:flex;flex-direction:column;gap:8px}.historial-header{display:flex;justify-content:space-between;align-items:center}.historial-fecha{font-size:.8125rem;color:#737373;font-weight:500}.historial-monto{font-size:1rem;font-weight:600;color:#10b981;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.historial-descripcion{font-size:.875rem;color:#0a0a0a;margin:0}.historial-saldos{display:flex;gap:8px;align-items:center;font-size:.75rem;color:#737373;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.historial-usuario{font-size:.75rem;color:#a3a3a3;margin:0}.historial-comprobante{display:flex;flex-direction:column;gap:8px;align-items:center}.comprobante-link{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#3b82f6;text-decoration:none;padding:6px 12px;background:#eff6ff;border-radius:6px;transition:all .15s ease}.comprobante-link:hover{background:#dbeafe;color:#2563eb}.comprobante-thumbnail{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #e5e5e5;cursor:pointer;transition:all .15s ease}.comprobante-thumbnail:hover{border-color:#3b82f6;transform:scale(1.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#a3a3a3}.empty-state p{margin-top:12px;font-size:.875rem}@media (max-width: 768px){.modal-large{max-width:100%}.historial-item{flex-direction:column}.historial-comprobante{align-items:flex-start}.comprobante-thumbnail{width:100%;height:auto;max-height:200px}}.responsable-mode-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:#b45309}.historial-tipo{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.historial-tipo.abono{background:#d1fae5;color:#065f46}.historial-tipo.gasto{background:#fee2e2;color:#991b1b}.historial-monto.positivo{color:#10b981}.historial-monto.negativo{color:#ef4444}.historial-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.75rem;color:#737373}.historial-meta span{display:flex;align-items:center;gap:4px}.estado-badge{padding:2px 8px;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.estado-badge.estado-pendiente{background:#fef3c7;color:#92400e}.estado-badge.estado-aprobado{background:#d1fae5;color:#065f46}.estado-badge.estado-rechazado{background:#fee2e2;color:#991b1b}.help-text{font-size:.75rem;color:#a3a3a3;margin-top:6px}.reportes-container{padding:24px;max-width:1600px;margin:0 auto;background:#fafafa;min-height:100vh}.reportes-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.reportes-header h1{font-size:1.75rem;font-weight:600;color:#0a0a0a;margin:0 0 .25rem;letter-spacing:-.02em}.reportes-header p{font-size:.875rem;color:#737373;margin:0}.header-actions{display:flex;gap:.75rem}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#525252;cursor:pointer;transition:all .15s ease}.btn-export:hover{border-color:#d4d4d4;color:#0a0a0a}.btn-export.primary{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.btn-export.primary:hover{background:#1a1a1a}.btn-export.danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn-export.danger:hover{background:#dc2626}.filtros-section{margin-bottom:20px}.btn-toggle-filters{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#525252;cursor:pointer;transition:all .15s ease;position:relative}.btn-toggle-filters:hover{border-color:#d4d4d4;color:#0a0a0a}.btn-toggle-filters.active{border-color:#0a0a0a;background:#fafafa}.filter-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:#0a0a0a;color:#fff;border-radius:10px;font-size:.6875rem;font-weight:600}.filtros-panel{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;margin-top:12px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-item label{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#525252}.filter-item input,.filter-item select{height:38px;padding:0 .875rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;color:#0a0a0a;background:#fff;transition:all .15s ease}.filter-item input:focus,.filter-item select:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.btn-clear-filters{display:flex;align-items:center;justify-content:center;gap:.375rem;height:38px;padding:0 1rem;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#525252;cursor:pointer;transition:all .15s ease;margin-top:1.5rem}.kpis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi-card-report{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:center;transition:all .15s ease}.kpi-card-report:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #0000000a}.kpi-icon-report{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-content{flex:1}.kpi-label-report{font-size:.8125rem;color:#737373;font-weight:500;margin-bottom:.375rem}.kpi-value-report{font-size:1.75rem;font-weight:700;color:#0a0a0a;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.chart-card-report{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;transition:all .15s ease}.chart-card-report:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #0000000a}.chart-header-report{margin-bottom:16px}.chart-header-report h3{font-size:1rem;font-weight:600;color:#0a0a0a;margin:0;letter-spacing:-.01em}.chart-content-report{margin-bottom:12px}.chart-insight-report{display:flex;align-items:center;gap:.5rem;padding:12px;background:#f8fafc;border-radius:8px;font-size:.8125rem;color:#525252;border-left:3px solid #3b82f6}.insight-icon{font-size:1rem}.ranking-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;margin-bottom:20px}.ranking-header{margin-bottom:20px}.ranking-header h3{font-size:1rem;font-weight:600;color:#0a0a0a;margin:0 0 .25rem;letter-spacing:-.01em}.ranking-header p{font-size:.8125rem;color:#737373;margin:0}.ranking-table-wrapper{overflow-x:auto;border:1px solid #e5e5e5;border-radius:8px}.ranking-table{width:100%;border-collapse:collapse;font-size:.875rem}.ranking-table thead{background:#fafafa}.ranking-table th{padding:12px 16px;text-align:left;font-size:.8125rem;font-weight:600;color:#525252;border-bottom:1px solid #e5e5e5;white-space:nowrap}.ranking-table th.text-right{text-align:right}.ranking-table td{padding:12px 16px;color:#0a0a0a;border-bottom:1px solid #f5f5f5;vertical-align:middle}.ranking-table tbody tr:hover{background:#fafafa}.ranking-table tbody tr:last-child td{border-bottom:none}.rank-number{font-weight:600;color:#737373;width:50px}.proveedor-cell{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monto-cell{text-align:right;font-weight:600;color:#0a0a0a;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.reportes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.reportes-loading p{color:#737373;font-size:.875rem}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#f0f0f0}.recharts-text{font-family:Inter,sans-serif;font-size:12px}.recharts-legend-wrapper{font-size:12px}.recharts-tooltip-wrapper{outline:none}@media (max-width: 1400px){.kpis-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media (max-width: 768px){.reportes-container{padding:16px}.reportes-header{flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:space-between}.btn-export span{display:none}.kpis-grid{grid-template-columns:1fr;gap:12px}.filtros-grid{grid-template-columns:1fr}.ranking-table{min-width:800px}.kpi-value-report{font-size:1.5rem}}@media print{.reportes-header button,.btn-toggle-filters,.filtros-panel{display:none}.reportes-container{background:#fff;padding:0}.kpi-card-report,.chart-card-report,.ranking-section{border:1px solid #e5e5e5;page-break-inside:avoid}.kpis-grid{grid-template-columns:repeat(4,1fr)}.charts-row{grid-template-columns:1fr 1fr}}.kpi-card-report,.chart-card-report{animation:fadeIn .3s ease}.kpi-card-report:focus-within,.chart-card-report:focus-within,.ranking-section:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.usuarios-container{padding:24px;max-width:1600px;margin:0 auto;background:#fafafa;min-height:100vh}.usuarios-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.usuarios-header h1{font-size:1.75rem;font-weight:600;color:#0a0a0a;margin:0 0 .25rem;letter-spacing:-.02em}.usuarios-header p{font-size:.875rem;color:#737373;margin:0}.btn-invite{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#0a0a0a;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-invite:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.usuarios-controls{display:flex;gap:1rem;margin-bottom:20px;align-items:center}.search-wrapper{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#737373;pointer-events:none}.search-input{width:100%;height:40px;padding:0 1rem 0 3rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;color:#0a0a0a;background:#fff;transition:all .15s ease}.search-input:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.filters-wrapper{display:flex;gap:.75rem;align-items:center}.filter-select{height:40px;padding:0 1rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;color:#0a0a0a;background:#fff;cursor:pointer;transition:all .15s ease;min-width:150px}.filter-select:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.btn-clear-filters{display:flex;align-items:center;gap:.375rem;height:40px;padding:0 1rem;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;font-weight:500;color:#525252;cursor:pointer;transition:all .15s ease}.btn-clear-filters:hover{background:#fff;border-color:#d4d4d4;color:#0a0a0a}.usuarios-table-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;margin-bottom:24px}.usuarios-table{width:100%;border-collapse:collapse;font-size:.875rem}.usuarios-table thead{background:#fafafa;border-bottom:1px solid #e5e5e5}.usuarios-table th{padding:12px 16px;text-align:left;font-size:.8125rem;font-weight:600;color:#525252;white-space:nowrap}.usuarios-table th.text-center{text-align:center}.usuarios-table tbody tr{border-bottom:1px solid #f5f5f5;transition:background-color .1s ease}.usuarios-table tbody tr:hover{background:#fafafa}.usuarios-table tbody tr:last-child{border-bottom:none}.usuarios-table td{padding:12px 16px;color:#0a0a0a;vertical-align:middle}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-name{font-weight:500;color:#0a0a0a}.email-cell{color:#737373;font-size:.8125rem}.rol-badge,.estado-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;white-space:nowrap}.estado-badge.activo{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.estado-badge.inactivo{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.last-access-cell{display:flex;align-items:center;gap:.5rem;color:#737373;font-size:.8125rem}.action-buttons{display:flex;gap:.5rem;justify-content:center}.action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.action-btn.edit{background:#dbeafe;color:#1d4ed8}.action-btn.edit:hover{background:#3b82f6;color:#fff}.action-btn.activate{background:#dcfce7;color:#15803d}.action-btn.activate:hover{background:#10b981;color:#fff}.action-btn.deactivate{background:#fee2e2;color:#b91c1c}.action-btn.deactivate:hover{background:#ef4444;color:#fff}.action-btn.reset{background:#fef3c7;color:#b45309}.action-btn.reset:hover{background:#f59e0b;color:#fff}.roles-info{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:24px}.roles-info h3{font-size:1rem;font-weight:600;color:#0a0a0a;margin:0 0 20px;letter-spacing:-.01em}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.role-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:20px;transition:all .15s ease}.role-card:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #0000000a}.role-header{display:flex;gap:16px;margin-bottom:16px}.role-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-header h4{font-size:1rem;font-weight:600;color:#0a0a0a;margin:0 0 .25rem}.role-header p{font-size:.8125rem;color:#737373;margin:0}.role-permissions{padding-top:16px;border-top:1px solid #e5e5e5}.role-permissions strong{font-size:.8125rem;color:#525252;font-weight:600}.role-permissions ul{margin:8px 0 0;padding-left:20px}.role-permissions li{font-size:.8125rem;color:#737373;margin-bottom:4px}.invite-form,.edit-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:#0a0a0a}.form-group input,.form-group select{height:40px;padding:0 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;color:#0a0a0a;background:#fff;transition:all .15s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.form-group input.disabled{background:#fafafa;color:#737373;cursor:not-allowed}.help-text{font-size:.8125rem;color:#737373;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.btn-secondary{background:#fff;color:#525252;border:1px solid #e5e5e5}.btn-secondary:hover{border-color:#d4d4d4;color:#0a0a0a}.btn-primary:hover{background:#1a1a1a}.btn-primary:disabled{background:#e5e5e5;color:#a3a3a3;cursor:not-allowed}.empty-state{text-align:center;padding:3rem 1rem;color:#737373}.usuarios-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.usuarios-loading p{color:#737373;font-size:.875rem}@media (max-width: 1024px){.usuarios-controls{flex-direction:column;align-items:stretch}.search-wrapper{max-width:none}.filters-wrapper{justify-content:space-between}.roles-grid{grid-template-columns:1fr}}@media (max-width: 768px){.usuarios-container{padding:16px}.usuarios-header{flex-direction:column;gap:16px}.usuarios-table-wrapper{overflow-x:auto}.usuarios-table{min-width:900px}.action-buttons{gap:.25rem}.action-btn{width:32px;height:32px}}@media print{.usuarios-header button,.usuarios-controls,.action-buttons,.roles-info{display:none}.usuarios-container{background:#fff;padding:0}.usuarios-table-wrapper{border:1px solid #e5e5e5}}.usuarios-table tbody tr{animation:fadeIn .3s ease}.usuarios-table:focus-within,.role-card:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.password-form{display:flex;flex-direction:column;gap:20px}.user-info-banner{display:flex;align-items:center;gap:12px;padding:16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px}.user-info-banner>div{display:flex;flex-direction:column;gap:4px}.user-info-banner strong{font-size:.875rem;font-weight:600;color:#0a0a0a}.user-info-banner span{font-size:.8125rem;color:#737373}.password-strength{margin-top:-12px}.strength-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:500}.strength-indicator.weak{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.strength-indicator.medium{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.strength-indicator.strong{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.proyectos-container-modern{max-width:1400px;margin:0 auto;padding:24px;background:#fafafa;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.proyectos-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.proyectos-header-modern h1{font-size:1.75rem;font-weight:600;color:#0a0a0a;margin:0 0 4px;letter-spacing:-.02em}.proyectos-header-modern p{font-size:.875rem;color:#737373;margin:0}.btn-nuevo-proyecto{display:flex;align-items:center;gap:8px;padding:0 16px;height:36px;background:#0a0a0a;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-nuevo-proyecto:hover{background:#1a1a1a;transform:translateY(-1px)}.kpis-row-proyectos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card-proyecto{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .15s ease}.kpi-card-proyecto:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #0000000a}.kpi-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.total{background:#eff6ff;color:#3b82f6}.kpi-icon.activos{background:#f0fdf4;color:#10b981}.kpi-icon.archivados{background:#fef3c7;color:#f59e0b}.kpi-icon.gasto{background:#f5f3ff;color:#8b5cf6}.kpi-content{display:flex;flex-direction:column;gap:2px}.kpi-value{font-size:1.5rem;font-weight:600;color:#0a0a0a;line-height:1;font-variant-numeric:tabular-nums}.kpi-label{font-size:.75rem;color:#737373;font-weight:500}.search-bar-proyectos{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:0 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px;height:44px}.search-bar-proyectos svg{color:#a3a3a3;flex-shrink:0}.search-bar-proyectos input{flex:1;border:none;outline:none;font-size:.875rem;color:#0a0a0a;background:transparent}.search-bar-proyectos input::-moz-placeholder{color:#a3a3a3}.search-bar-proyectos input::placeholder{color:#a3a3a3}.proyectos-table-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.proyectos-table-modern{width:100%;border-collapse:collapse}.proyectos-table-modern thead{background:#fafafa;border-bottom:1px solid #e5e5e5}.proyectos-table-modern th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:.05em}.proyectos-table-modern th.text-right{text-align:right}.proyectos-table-modern th.text-center{text-align:center}.proyectos-table-modern tbody tr{border-bottom:1px solid #f5f5f5;transition:background .15s ease}.proyectos-table-modern tbody tr:last-child{border-bottom:none}.proyectos-table-modern tbody tr:hover{background:#fafafa}.proyectos-table-modern td{padding:14px 16px;font-size:.875rem;color:#0a0a0a;vertical-align:middle}.proyectos-table-modern td.text-right{text-align:right}.proyectos-table-modern td.text-center{text-align:center}.proyectos-table-modern td.tabular{font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.proyecto-codigo{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;color:#737373;font-weight:500}.proyecto-nombre-cell{display:flex;align-items:flex-start;gap:10px}.proyecto-icon-inline{color:#a3a3a3;flex-shrink:0;margin-top:2px}.proyecto-nombre-principal{display:block;font-weight:500;color:#0a0a0a;margin-bottom:2px}.proyecto-descripcion-inline{display:block;font-size:.8125rem;color:#737373;line-height:1.4}.fecha-cell{display:flex;align-items:center;gap:6px;color:#737373;font-size:.8125rem}.fecha-cell svg{color:#a3a3a3}.estado-badge-proyecto{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500}.estado-badge-proyecto.activo{background:#f0fdf4;color:#10b981}.estado-badge-proyecto.archivado{background:#fef3c7;color:#f59e0b}.action-buttons-proyecto{display:flex;align-items:center;justify-content:center;gap:6px}.action-btn-proyecto{width:32px;height:32px;border-radius:6px;border:1px solid #e5e5e5;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:#737373}.action-btn-proyecto:hover{border-color:#d4d4d4;background:#fafafa}.action-btn-proyecto.edit:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.action-btn-proyecto.archive:hover{border-color:#f59e0b;color:#f59e0b;background:#fef3c7}.action-btn-proyecto.activate:hover{border-color:#10b981;color:#10b981;background:#f0fdf4}.empty-state-proyectos{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-state-proyectos svg{color:#d4d4d4}.empty-state-proyectos h3{font-size:1.125rem;font-weight:600;color:#0a0a0a;margin:0}.empty-state-proyectos p{font-size:.875rem;color:#737373;margin:0;max-width:400px}.modal-overlay-proyecto{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content-proyecto{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-content-proyecto h3{font-size:1.25rem;font-weight:600;color:#0a0a0a;margin:0 0 20px}.form-grid-proyecto{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.form-group-proyecto{display:flex;flex-direction:column;gap:6px}.form-group-proyecto.full-width{grid-column:1 / -1}.form-group-proyecto label{font-size:.875rem;font-weight:500;color:#0a0a0a}.form-group-proyecto input,.form-group-proyecto textarea,.form-group-proyecto select{padding:0 12px;height:36px;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;color:#0a0a0a;font-family:inherit;transition:all .15s ease;background:#fff}.form-group-proyecto select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group-proyecto select:disabled{background-color:#fafafa;color:#a3a3a3;cursor:not-allowed;opacity:.6}.form-group-proyecto textarea{padding:10px 12px;height:auto;resize:vertical;line-height:1.5}.form-group-proyecto input:focus,.form-group-proyecto textarea:focus,.form-group-proyecto select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group-proyecto input::-moz-placeholder,.form-group-proyecto textarea::-moz-placeholder{color:#a3a3a3}.form-group-proyecto input::placeholder,.form-group-proyecto textarea::placeholder{color:#a3a3a3}.modal-actions-proyecto{display:flex;justify-content:flex-end;gap:12px}.btn-secondary-proyecto,.btn-primary-proyecto{padding:0 16px;height:36px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.btn-secondary-proyecto{background:#fff;color:#737373;border:1px solid #e5e5e5}.btn-secondary-proyecto:hover{background:#fafafa;border-color:#d4d4d4}.btn-primary-proyecto{background:#0a0a0a;color:#fff}.btn-primary-proyecto:hover{background:#1a1a1a}.btn-primary-proyecto:disabled{background:#e5e5e5;color:#a3a3a3;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-container p{color:#737373;font-size:.875rem}@media (max-width: 1024px){.kpis-row-proyectos{grid-template-columns:repeat(2,1fr)}.proyectos-table-wrapper{overflow-x:auto}.proyectos-table-modern{min-width:900px}}@media (max-width: 768px){.proyectos-container-modern{padding:16px}.proyectos-header-modern{flex-direction:column;align-items:stretch;gap:12px}.kpis-row-proyectos,.form-grid-proyecto{grid-template-columns:1fr}.form-group-proyecto{grid-column:1 / -1}}@media (max-width: 480px){.proyectos-header-modern h1{font-size:1.5rem}.kpi-value{font-size:1.25rem}.modal-content-proyecto{padding:20px}}.proyecto-codigo-badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-family:Courier New,monospace;font-size:13px;font-weight:600;border-radius:6px;letter-spacing:.5px;box-shadow:0 2px 4px #3b82f633}.codigo-preview{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3B82F6;border-radius:12px;margin-bottom:24px}.codigo-preview-label{font-size:14px;font-weight:600;color:#1e40af}.codigo-preview-value{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#1e3a8a;letter-spacing:1px;padding:8px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empresa-cell,.sede-cell{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151}.empresa-cell svg,.sede-cell svg{color:#6b7280;flex-shrink:0}@media (max-width: 768px){.proyecto-codigo-badge{font-size:11px;padding:3px 8px}.codigo-preview{flex-direction:column;align-items:flex-start;gap:8px}.codigo-preview-value{font-size:16px;width:100%;text-align:center}}.help-text{font-size:.75rem;color:#737373;margin:0;line-height:1.4}.help-text-info{font-size:.75rem;color:#3b82f6;margin:0;line-height:1.4;display:flex;align-items:center;gap:4px}.help-text-warning{font-size:.75rem;color:#f59e0b;margin:0;line-height:1.4;display:flex;align-items:center;gap:4px}.help-text-error{font-size:.75rem;color:#ef4444;margin:0;line-height:1.4;display:flex;align-items:center;gap:4px}.viewer-mode-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:#1e40af}.search-controls-proyectos{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.controls-right-proyectos{display:flex;gap:8px;align-items:center;margin-left:auto}.btn-filter-proyectos{display:flex;align-items:center;gap:8px;padding:0 12px;height:36px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;font-weight:500;color:#0a0a0a;cursor:pointer;transition:all .15s ease;position:relative}.btn-filter-proyectos:hover{border-color:#d4d4d4;background:#fafafa}.btn-filter-proyectos.active{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#ef4444;color:#fff;border-radius:9px;font-size:.6875rem;font-weight:600}.sort-select-proyectos{height:36px;padding:0 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;color:#0a0a0a;background:#fff;cursor:pointer;transition:all .15s ease;min-width:150px}.sort-select-proyectos:hover{border-color:#d4d4d4}.sort-select-proyectos:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.filters-panel-proyectos{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px;margin-bottom:16px}.filters-grid-proyectos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.filter-group-proyectos{display:flex;flex-direction:column;gap:6px}.filter-group-proyectos label{font-size:.75rem;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:.05em}.filter-select-proyectos{height:36px;padding:0 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;color:#0a0a0a;background:#fff;transition:all .15s ease}.filter-select-proyectos:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.btn-clear-filters-proyectos{display:flex;align-items:center;gap:6px;padding:0 12px;height:36px;background:transparent;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;font-weight:500;color:#737373;cursor:pointer;transition:all .15s ease;margin-top:auto}.btn-clear-filters-proyectos:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}@media (max-width: 768px){.search-controls-proyectos{flex-direction:column;align-items:stretch}.controls-right-proyectos{margin-left:0;justify-content:space-between}.sort-select-proyectos{flex:1}.filters-grid-proyectos{grid-template-columns:1fr}.kpis-row-proyectos{grid-template-columns:repeat(2,1fr)}}.perfil-container{padding:24px;max-width:800px;margin:0 auto;background:#fafafa;min-height:100vh}.perfil-header{margin-bottom:24px}.perfil-header h1{font-size:1.75rem;font-weight:600;color:#0a0a0a;margin:0 0 4px;letter-spacing:-.02em}.perfil-header p{font-size:.875rem;color:#737373;margin:0}.perfil-content{display:flex;flex-direction:column;gap:20px}.perfil-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:32px;transition:all .15s ease}.perfil-card:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #0000000a}.perfil-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid #f5f5f5;margin-bottom:24px}.perfil-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:#fff;overflow:hidden;border:4px solid #f8fafc;box-shadow:0 4px 12px #0000001a}.perfil-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.perfil-status{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#737373}.status-indicator{width:8px;height:8px;border-radius:50%;background:#10b981}.status-indicator.active{background:#10b981;box-shadow:0 0 0 3px #10b98133}.perfil-info{display:flex;flex-direction:column;gap:20px}.info-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fafafa;border-radius:8px;transition:all .15s ease}.info-item:hover{background:#f5f5f5}.info-icon{width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;color:#737373;flex-shrink:0}.info-content{flex:1;display:flex;flex-direction:column;gap:4px}.info-content label{font-size:.75rem;font-weight:500;color:#a3a3a3;text-transform:uppercase;letter-spacing:.05em}.info-content span{font-size:.9375rem;font-weight:500;color:#0a0a0a}.role-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;white-space:nowrap}.role-badge.administrador{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.role-badge.responsable{background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe}@media (max-width: 768px){.perfil-container{padding:16px}.perfil-header h1{font-size:1.5rem}.perfil-card{padding:24px}.perfil-avatar{width:80px;height:80px;font-size:2rem}.info-item{flex-direction:column;gap:12px}.info-icon{width:36px;height:36px}}.perfil-card{animation:fadeIn .3s ease}.perfil-header p,.perfil-status,.info-content label{color:#a3a3a3}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.editar-gasto-container{padding:24px;max-width:900px;margin:0 auto;background:#fafafa;min-height:100vh}.page-header{margin-bottom:24px}.page-header h1{font-size:1.75rem;font-weight:600;color:#0a0a0a;margin:0 0 4px;letter-spacing:-.02em}.page-header p{font-size:.875rem;color:#737373;margin:0}.form-container{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:24px;transition:all .15s ease}.form-container:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #0000000a}.error-message{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:20px}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f5f5f5}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{font-size:1rem;font-weight:600;color:#0a0a0a;margin:0 0 16px;letter-spacing:-.01em}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:.75rem;font-weight:500;color:#a3a3a3;text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:.875rem;font-weight:500;color:#0a0a0a}.form-label{display:block;font-size:.8125rem;font-weight:500;color:#525252;margin-bottom:6px}.form-label.required:after{content:" *";color:#ef4444}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:.875rem;color:#0a0a0a;font-family:Inter,sans-serif;transition:all .15s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000d}.form-textarea{resize:vertical;min-height:80px}.form-input.calculated-field{background:#fafafa;color:#737373;cursor:not-allowed}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #f5f5f5}.btn{display:flex;align-items:center;gap:8px;padding:.625rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;height:38px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary{background:#fff;border:1px solid #e5e5e5;color:#525252}.btn-secondary:hover:not(:disabled){border-color:#d4d4d4;background:#fafafa;color:#0a0a0a}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem}.loading-container p,.error-container h2{color:#737373;font-size:.875rem;margin:0}.error-container h2{font-size:1.125rem;font-weight:600;color:#0a0a0a;margin-bottom:16px}@media (max-width: 768px){.editar-gasto-container{padding:16px}.page-header h1{font-size:1.5rem}.form-container{padding:20px}.info-grid,.form-grid-3{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-container{animation:fadeIn .3s ease}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btn-sm{padding:.5rem 1rem;font-size:.8125rem;height:32px}.productos-table{overflow-x:auto;border:1px solid #e5e5e5;border-radius:8px;background:#fff}.productos-table table{width:100%;border-collapse:collapse}.productos-table th,.productos-table td{padding:12px;text-align:left;border-bottom:1px solid #f5f5f5;font-size:.875rem}.productos-table th{background:#fafafa;font-weight:600;color:#525252;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.productos-table tbody tr:hover{background:#fafafa}.productos-table tbody tr:last-child td{border-bottom:none}.action-buttons{display:flex;gap:4px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-edit{background:#f0f9ff;color:#0369a1}.btn-edit:hover{background:#e0f2fe;color:#0c4a6e}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#fee2e2;color:#b91c1c}.empty-products{text-align:center;padding:40px 20px;color:#737373}.empty-products p{margin:0 0 16px;font-size:.875rem}.btn-outline{background:#fff;border:1px dashed #d4d4d4;color:#525252}.btn-outline:hover{border-color:#0a0a0a;color:#0a0a0a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease}.modal-content h4{font-size:1.125rem;font-weight:600;color:#0a0a0a;margin:0 0 20px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #f5f5f5}.totals-info{margin-top:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.totals-info p{margin:0;font-size:.875rem;color:#475569}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.section-header{flex-direction:column;gap:12px;align-items:stretch}.productos-table{font-size:.8125rem}.productos-table th,.productos-table td{padding:8px}.form-grid-2{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;justify-content:center}}.image-upload-section{margin-top:12px}.image-preview{display:flex;flex-direction:column;gap:12px}.preview-image{max-width:300px;max-height:400px;border-radius:8px;border:1px solid #e5e5e5;-o-object-fit:contain;object-fit:contain}.image-actions{display:flex;gap:8px}.image-upload{border:2px dashed #d4d4d4;border-radius:8px;padding:24px;text-align:center;transition:all .15s ease}.image-upload:hover{border-color:#0a0a0a;background:#fafafa}.upload-area{display:block;cursor:pointer;width:100%}.upload-content{display:flex;flex-direction:column;gap:4px}.upload-content p{margin:0;font-size:.875rem;color:#525252;font-weight:500}.upload-hint{font-size:.8125rem;color:#737373}@media (max-width: 768px){.preview-image{max-width:100%}.image-actions{flex-direction:column}.image-actions .btn{width:100%;justify-content:center}}.config-jerarquia-container{width:100%;max-width:1400px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fafafa;min-height:100vh;position:relative;overflow:hidden}.config-jerarquia-container:before,.config-jerarquia-container:after{display:none!important}.config-header{margin-bottom:20px;position:relative;z-index:1;text-align:left}.config-header h1{font-size:24px;font-weight:600;color:#0a0a0a;margin:0 0 12px!important;line-height:1.2;display:block}.config-header p{font-size:14px;color:#737373;margin:0!important;line-height:1.4;display:block}.tabs-container{display:flex;gap:4px;border-bottom:1px solid #e5e5e5;margin-bottom:0;background:#fff;padding:0 16px;border-radius:8px 8px 0 0}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#737373;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#0a0a0a;background:#fafafa}.tab-btn.active{color:#0a0a0a;border-bottom-color:#0a0a0a}.tab-content{animation:fadeIn .3s;background:#fff;padding:20px;border-radius:0 0 8px 8px;min-height:400px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-header h2{font-size:18px;font-weight:600;color:#0a0a0a;margin:0}.btn-nuevo{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0a0a0a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-nuevo:hover{background:#262626;transform:translateY(-1px)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:0}.entity-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px;transition:all .2s}.entity-card:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #0000000a}.entity-card.inactive{opacity:.6;background:#fafafa}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header svg{color:#737373}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.activo{background:#dcfce7;color:#166534}.status-badge.inactivo{background:#fee2e2;color:#991b1b}.entity-card h3{font-size:16px;font-weight:600;color:#0a0a0a;margin:0 0 8px}.entity-card>p{font-size:14px;color:#737373;margin:0 0 12px;line-height:1.5}.card-details{margin:12px 0}.card-details p{font-size:13px;color:#525252;margin:6px 0}.card-details strong{color:#0a0a0a;font-weight:500}.card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f5f5f5}.card-actions button{flex:1;padding:8px;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px}.card-actions button:hover{background:#f5f5f5;border-color:#d4d4d4}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-size:18px;font-weight:600;color:#0a0a0a;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#0a0a0a;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0a0a0a;box-shadow:0 0 0 3px #0a0a0a0d}.form-group textarea{resize:vertical;min-height:60px}.help-text-small{font-size:11px;color:#a3a3a3;margin-top:4px;margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f5f5f5}.btn-primary,.btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#0a0a0a;color:#fff}.btn-primary:hover{background:#262626}.btn-secondary{background:#fff;color:#0a0a0a;border:1px solid #e5e5e5}.btn-secondary:hover{background:#fafafa}.access-denied{text-align:center;padding:60px 20px}.access-denied h2{font-size:24px;color:#0a0a0a;margin-bottom:12px}.access-denied p{font-size:16px;color:#737373}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fafafa;border:2px dashed #e5e5e5;border-radius:8px}.empty-state svg{color:#d4d4d4;margin-bottom:16px}.empty-state p{font-size:16px;color:#737373;margin-bottom:20px}.empty-state .btn-nuevo{margin:0 auto}.config-loading{display:flex;justify-content:center;align-items:center;min-height:400px}@media (max-width: 768px){.config-jerarquia-container{padding:12px}.cards-grid{grid-template-columns:1fr}.tabs-container{overflow-x:auto;padding:0 12px}.tab-btn{white-space:nowrap}.form-row{grid-template-columns:1fr}.tab-content{padding:16px}}@media (min-width: 1400px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.float-left{float:left}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-full{height:100%}.min-h-\[300px\]{min-height:300px}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[80px\]{max-width:80px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-t-transparent{border-top-color:#0000}.text-center{text-align:center}.text-right{text-align:right}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}*{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}html{overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}.page-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.page-header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-3xl);color:var(--text-primary)}.page-header p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.error-message{padding:var(--spacing-md);color:var(--color-danger);border-radius:var(--border-radius);border:1px solid var(--color-danger);background-color:#ef44441a}@media (max-width:768px){.page-header{flex-direction:column}.page-container{padding:var(--spacing-md)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.3s ease-out fadeIn}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.animate-slideInLeft{animation:.3s cubic-bezier(.4,0,.2,1) slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slideInRight{animation:.3s cubic-bezier(.4,0,.2,1) slideInRight}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scaleIn{animation:.2s cubic-bezier(.4,0,.2,1) scaleIn}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-shake{animation:.5s ease-in-out shake}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes blob{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.animate-blob{animation:7s infinite blob}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.transition-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition-slow{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-fadeIn,.animate-slideInLeft,.animate-slideInRight,.animate-scaleIn,.animate-shake,.animate-blob,.animate-pulse,.animate-spin{animation:none!important}.transition-smooth,.transition-fast,.transition-slow,.hover-lift{transition:none!important}}.local-mode-banner{color:#92400e;text-align:center;z-index:1000;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-bottom:1px solid #f59e0b;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s ease-out fadeIn;position:sticky;top:0;box-shadow:0 2px 4px #f59e0b1a}.local-mode-banner:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#92400e1a 10px,#92400e1a 20px);position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width:768px){.local-mode-banner{padding:8px 16px;font-size:13px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}