*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{background-color:#f8fafc;color:#1e293b}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sidebar{position:fixed;left:0;top:73px;bottom:0;width:260px;background:#fff;border-right:1px solid #e2e8f0;transition:width .3s ease,transform .3s ease;z-index:100;overflow-y:auto;overflow-x:hidden}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px;top:0;box-shadow:2px 0 10px #0000001a;z-index:101}.sidebar.collapsed{transform:translate(-100%);width:280px}.sidebar.mobile-open{transform:translate(0)!important}.sidebar-toggle{display:none}}.sidebar.collapsed{width:70px;overflow:visible}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:1rem 0;overflow:visible}.sidebar-mobile-header{display:none;padding:.75rem;border-bottom:1px solid #e2e8f0;margin-bottom:1rem}.sidebar-close-mobile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fee2e2;border:none;border-radius:10px;color:#dc2626;cursor:pointer;transition:all .2s ease;margin-left:auto}.sidebar-close-mobile:hover{background:#fecaca;transform:scale(1.05)}.sidebar-close-mobile:active{transform:scale(.95)}@media(max-width:768px){.sidebar-mobile-header{display:block}}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto 1rem;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.sidebar-toggle:hover{background:#e2e8f0;color:#475569}.sidebar-toggle:active{transform:scale(.95)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem;overflow:visible}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;color:#64748b;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.nav-item:hover{background:#f8fafc;color:#475569}.nav-item.active{background:linear-gradient(135deg,var(--strata-blue) 0%,var(--strata-blue-dark) 100%);color:#fff}.nav-icon{flex-shrink:0}.nav-text{white-space:nowrap;overflow:hidden}.nav-dropdown{display:flex;flex-direction:column}.dropdown-toggle{position:relative}.dropdown-arrow{margin-left:auto;transition:transform .2s ease}.dropdown-toggle.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-content{display:flex;flex-direction:column;gap:.125rem;margin-top:.25rem;padding-left:.5rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:8px;color:#64748b;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;margin-left:1.5rem}.dropdown-item:hover{background:#f8fafc;color:#475569}.dropdown-item.active{background:#eff6ff;color:#2563eb}.dropdown-icon{flex-shrink:0}.nav-dropdown{position:relative}.sidebar.collapsed .nav-dropdown{overflow:visible}.nav-tooltip{position:fixed;left:70px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:220px;z-index:9999;animation:tooltipFadeIn .2s ease;pointer-events:auto}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.tooltip-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;font-weight:600;color:#1e293b;font-size:.9375rem}.tooltip-header svg{color:var(--strata-blue)}.tooltip-items{display:flex;flex-direction:column;padding:.5rem;gap:.25rem}.tooltip-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#64748b;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.tooltip-item:hover{background:#f8fafc;color:#475569}.tooltip-item.active{background:#eff6ff;color:#2563eb}.tooltip-item svg{flex-shrink:0}@media(max-width:1024px){.sidebar,.sidebar.collapsed{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)!important}}@media(max-width:768px){.sidebar{top:0;width:280px;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar.collapsed{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)!important}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(prefers-reduced-motion:reduce){.sidebar,.dropdown-arrow,.dropdown-content{transition:none;animation:none}}.dark-mode .sidebar{background:#1e293b;border-right-color:#334155}.dark-mode .sidebar-mobile-header{border-bottom-color:#334155}.dark-mode .sidebar-close-mobile{background:#7f1d1d;color:#fca5a5}.dark-mode .sidebar-close-mobile:hover{background:#991b1b}.dark-mode .sidebar-toggle{background:#334155;color:#94a3b8}.dark-mode .sidebar-toggle:hover{background:#475569;color:#e2e8f0}.dark-mode .nav-item{color:#cbd5e1}.dark-mode .nav-item:hover{background:#334155;color:var(--strata-orange-light)}.dark-mode .nav-item.active{background:linear-gradient(90deg,#2b3d6b4d,#1f2d4f4d);color:var(--strata-orange-light);border-left-color:var(--strata-blue)}.dark-mode .dropdown-content{background:#0f172a}.dark-mode .dropdown-item{color:#94a3b8}.dark-mode .dropdown-item:hover,.dark-mode .dropdown-item.active{background:#1e293b;color:var(--strata-orange-light)}.dark-mode .nav-tooltip{background:#334155;color:#e2e8f0;border-color:#475569}.dark-mode .tooltip-header{color:#f1f5f9;border-bottom-color:#475569}.dark-mode .tooltip-item{color:#cbd5e1}.dark-mode .tooltip-item:hover{background:#475569;color:#fb923c}.main-layout-container{min-height:100vh;display:flex;background:#f8fafc}.main-layout-wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh}.main-layout-header{background:linear-gradient(180deg,var(--strata-blue) 0%,var(--strata-blue-dark) 100%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:100}.header-content{width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.hamburger-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.hamburger-button:hover{background:#fff3;color:#fff}.hamburger-button:active{transform:scale(.95)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:99;animation:fadeIn .3s ease}@media(max-width:768px){.sidebar-overlay{display:block}}.header-logo{display:flex;align-items:center;gap:.5rem}.logo-small{height:40px;width:auto;object-fit:contain}.logo-placeholder-small{display:flex;align-items:center;justify-content:center}.logo-placeholder-small svg{width:40px;height:40px}.header-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.header-user{display:flex;align-items:center;gap:1.5rem}.role-switcher{display:flex;flex-direction:column;gap:.25rem;min-width:180px}.role-switcher-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb8}.role-switcher-select{min-height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.24);background:#ffffff1f;color:#fff;padding:.55rem .75rem;font-weight:600}.role-switcher-select:disabled{opacity:.65;cursor:not-allowed}.role-switcher-select option{color:#0f172a}.role-switcher-error{font-size:.72rem;color:#fecaca;max-width:220px}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff26;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease}.dark-mode-toggle:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.dark-mode-toggle:active{transform:translateY(0)}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.user-greeting{font-size:.8rem;color:#fffc;font-weight:500}.user-name{font-size:.95rem;color:#fff;font-weight:600}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--strata-orange);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f267394d}.logout-button:hover{background:var(--strata-orange-light);transform:translateY(-2px);box-shadow:0 4px 12px #f2673966}.logout-button:active{transform:translateY(0)}.main-layout-content{flex:1;padding:2rem;margin-left:260px;transition:margin-left .3s ease}.main-layout-content.sidebar-collapsed{margin-left:70px}.main-layout-footer{background:#fff;border-top:1px solid #e2e8f0;padding:1.5rem 2rem;text-align:center;margin-left:260px;transition:margin-left .3s ease}.main-layout-content.sidebar-collapsed~.main-layout-footer{margin-left:70px}.main-layout-footer p{margin:0;font-size:.875rem;color:#64748b}@media(max-width:1024px){.main-layout-content,.main-layout-content.sidebar-collapsed,.main-layout-footer{margin-left:0}.hamburger-button{display:flex}}@media(max-width:768px){.header-content{padding:.75rem 1rem}.hamburger-button{display:flex}.sidebar-overlay{display:block}.header-title{font-size:.95rem}.header-user{align-items:flex-start;flex-wrap:wrap;gap:.5rem}.role-switcher{min-width:150px;max-width:180px}.user-info{display:none}.dark-mode-toggle{width:36px;height:36px}.logout-button span{display:none}.logout-button{padding:.5rem .75rem;min-width:auto}.main-layout-content{padding:1rem;margin-left:0!important}}@media(max-width:480px){.header-content{padding:.5rem .75rem}.header-title{font-size:.875rem}.logo-small{height:32px}.dark-mode-toggle{width:32px;height:32px}.dark-mode-toggle svg{width:18px;height:18px}.role-switcher{width:100%;max-width:none}.role-switcher-select{width:100%}.logout-button{padding:.5rem}.logout-button svg{width:18px;height:18px}.main-layout-content{padding:.75rem}}:root.dark-mode{color-scheme:dark}.dark-mode .main-layout-container{background:#0f172a}.dark-mode .main-layout-header{background:linear-gradient(180deg,var(--strata-blue-dark) 0%,#0f172a 100%);border-bottom-color:#ffffff1a}.dark-mode .header-title{color:#fff}.dark-mode .user-greeting{color:#ffffffb3}.dark-mode .user-name{color:#fff}.dark-mode .role-switcher-select{background:#0f172ab8;border-color:#ffffff2e}.dark-mode .dark-mode-toggle{background:#ffffff1a;border-color:#fff3;color:#fbbf24}.dark-mode .dark-mode-toggle:hover{background:#fff3;border-color:#ffffff4d}.dark-mode .main-layout-content{background:transparent}.dark-mode .main-layout-footer{background:#1e293b;border-top-color:#334155}.dark-mode .main-layout-footer p{color:#94a3b8}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out;width:100%}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{width:min(92vw,980px);max-width:980px}.modal-xlarge{width:min(94vw,1180px);max-width:1180px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;color:#1f2937}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem;max-height:calc(90vh - 88px);overflow-y:auto}.modal-body>*{width:100%;box-sizing:border-box}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-height:92vh;border-radius:16px 16px 0 0;width:96vw;max-width:none;animation:slideUpMobile .3s ease-out}.modal-header{padding:1rem 1.25rem;position:sticky;top:0;z-index:10;background:inherit}.modal-header h2{font-size:1.1rem}.modal-body{padding:1rem 1.25rem 1.5rem;max-height:calc(92vh - 72px)}}@media(max-width:480px){.modal-content{max-height:95vh;width:100%}.modal-header{padding:.875rem 1rem}.modal-body{padding:.875rem 1rem 2rem;max-height:calc(95vh - 68px)}}@keyframes slideUpMobile{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .modal-content{background:#1f2937;color:#e5e7eb}[data-theme=dark] .modal-header{border-bottom-color:#374151;background:#1f2937}[data-theme=dark] .modal-header h2{color:#f3f4f6}[data-theme=dark] .modal-close{color:#9ca3af}[data-theme=dark] .modal-close:hover{background-color:#374151;color:#f3f4f6}[data-theme=dark] .modal-content::-webkit-scrollbar-track{background:#2d3748}[data-theme=dark] .modal-content::-webkit-scrollbar-thumb{background:#4b5563}[data-theme=dark] .modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.login-shape{position:absolute;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s infinite ease-in-out}.login-shape.shape-1{width:500px;height:500px;top:-250px;right:-150px;background:#2b3d6b14;animation-delay:0s}.login-shape.shape-2{width:400px;height:400px;bottom:-200px;left:-100px;background:#f2673914;animation-delay:7s}.login-card{position:relative;z-index:1;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;padding:3rem;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2.5rem}.logo-container{margin-bottom:1.5rem;display:flex;justify-content:center}.company-logo{max-width:120px;height:auto;max-height:80px;object-fit:contain}.logo-placeholder{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto}.login-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;letter-spacing:-.025em}.login-subtitle{font-size:.95rem;color:#64748b;margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-input{width:100%;padding:.875rem 3rem .875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1e293b;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--strata-blue, #2b3d6b);background-color:#fff;box-shadow:0 0 0 3px #2b3d6b1a}.password-toggle:hover{color:var(--strata-blue, #2b3d6b);background-color:#f1f5f9}.password-toggle:focus{outline:none;box-shadow:0 0 0 3px #2b3d6b1a}.submit-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#2b3d6b,#1f2d4f)!important;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #2b3d6b4d;margin-top:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2b3d6b66}.submit-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;text-align:center}.footer-text{font-size:.8rem;color:#64748b;margin:0;line-height:1.5}.role-selection-content{display:flex;flex-direction:column;gap:1rem}.role-selection-text{margin:0;color:#475569;line-height:1.5}.role-selection-options{display:flex;flex-direction:column;gap:.75rem}.role-option-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#f8fafc}.role-option-card input{position:absolute;opacity:0;pointer-events:none}.role-option-card:hover{border-color:#94a3b8;background:#fff}.role-option-card.selected{border-color:#2b3d6b;background:#2b3d6b14;box-shadow:0 0 0 3px #2b3d6b14}.role-option-name{font-weight:700;color:#1e293b}.role-option-meta{font-size:.875rem;color:#64748b}.role-selection-error{padding:.75rem .875rem;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.875rem}.role-selection-actions{display:flex;justify-content:flex-end;gap:.75rem}.role-selection-button{border:none;border-radius:10px;padding:.8rem 1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.role-selection-button:disabled{opacity:.7;cursor:not-allowed}.role-selection-button-secondary{background:#e2e8f0;color:#334155}.role-selection-button-secondary:hover:not(:disabled){background:#cbd5e1}.role-selection-button-primary{background:#2b3d6b;color:#fff}.role-selection-button-primary:hover:not(:disabled){background:#1f2d4f}@media(max-width:640px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem;border-radius:16px}.login-title{font-size:1.5rem}.login-subtitle{font-size:.875rem}.company-logo{max-width:100px;max-height:70px}.form-input{padding:.75rem 3rem .75rem 1rem;font-size:.875rem}.password-toggle{right:.875rem}.submit-button{padding:.875rem 1.25rem;font-size:.9375rem}.role-selection-actions{flex-direction:column-reverse}.role-selection-button{width:100%}.login-shape.shape-1{width:300px;height:300px;top:-150px;right:-100px}.login-shape.shape-2{width:250px;height:250px;bottom:-125px;left:-75px}}@media(max-width:400px){.login-card{padding:1.5rem 1rem}.login-title{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.login-card,.error-message,.submit-button,.login-shape{animation:none}.submit-button:hover:not(:disabled){transform:none}}@media(prefers-contrast:high){.form-input{border-width:2px;border-color:#475569}.form-input:focus{border-color:#1e40af}.submit-button{background:#1e40af}}.cambio-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.cambio-password-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.cambio-password-shape{position:absolute;border-radius:50%;background:#d8d8d8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s infinite ease-in-out}.cambio-password-shape.shape-1{width:500px;height:500px;top:-250px;right:-150px;animation-delay:0s}.cambio-password-shape.shape-2{width:400px;height:400px;bottom:-200px;left:-100px;animation-delay:7s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.cambio-password-card{position:relative;z-index:1;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;padding:3rem;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cambio-password-header{text-align:center;margin-bottom:2.5rem}.icon-container{margin-bottom:1.5rem;display:flex;justify-content:center;color:#f97316}.cambio-password-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;letter-spacing:-.025em}.cambio-password-subtitle{font-size:.95rem;color:#64748b;margin:0;font-weight:400;line-height:1.5}.cambio-password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:#334155;letter-spacing:.025em}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#94a3b8;pointer-events:none;transition:color .2s ease;z-index:10}.form-input{width:100%;padding:.875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1e293b;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.form-input-no-icon{padding:.875rem 1rem}.form-input-with-toggle{padding:.875rem 3rem .875rem 1rem}.form-input:focus{outline:none;border-color:#f97316;background-color:#fff;box-shadow:0 0 0 3px #f973161a}.form-input::placeholder{color:#94a3b8}.form-input:disabled{cursor:not-allowed;opacity:.6;background-color:#f8fafc}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.password-toggle:hover{color:#f97316;background-color:#f1f5f9}.password-toggle:focus{outline:none;box-shadow:0 0 0 3px #f973161a}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem;font-weight:500;animation:shake .4s ease-in-out;position:relative}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.error-message svg{flex-shrink:0}.error-message span{flex:1}.error-close{flex-shrink:0;background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;margin-left:auto}.error-close:hover{background-color:#fee2e2;color:#991b1b}.error-close:focus{outline:none;box-shadow:0 0 0 3px #dc26261a}.error-close:active{transform:scale(.95)}.success-message{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#16a34a;font-size:.875rem;font-weight:500;animation:slideIn .3s ease-out}.success-message svg{flex-shrink:0}.success-message span{flex:1}.submit-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #f973164d;margin-top:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.cambio-password-footer{margin-top:2rem;text-align:center}.footer-text{font-size:.875rem;color:#64748b;margin:0}@media(max-width:640px){.cambio-password-container{padding:1rem}.cambio-password-card{padding:2rem 1.5rem;max-width:100%}.cambio-password-title{font-size:1.5rem}.cambio-password-subtitle{font-size:.875rem}.form-input{font-size:.875rem;padding:.75rem 2.75rem}.submit-button{padding:.875rem 1.25rem;font-size:.95rem}.cambio-password-shape.shape-1{width:350px;height:350px}.cambio-password-shape.shape-2{width:300px;height:300px}}@media(max-width:400px){.cambio-password-card{padding:1.5rem 1rem}.cambio-password-title{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.cambio-password-card,.cambio-password-shape,.error-message{animation:none}.submit-button:hover:not(:disabled){transform:none}}@media(prefers-contrast:high){.form-input{border-width:3px}.submit-button{box-shadow:0 0 0 2px #fff,0 0 0 4px #f97316}.error-message{border-width:2px}}.cp-success-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:cpSuccessFadeIn .3s ease-out}@keyframes cpSuccessFadeIn{0%{opacity:0}to{opacity:1}}.cp-success-modal-content{background:#fff;border-radius:20px;padding:3rem 2.5rem;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:cpSuccessSlideUp .3s ease-out}@keyframes cpSuccessSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cp-success-modal-icon{color:#16a34a;margin-bottom:1.5rem;display:flex;justify-content:center}.cp-success-modal-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.cp-success-modal-message{font-size:1rem;color:#64748b;margin:0 0 2rem;line-height:1.6}.cp-success-modal-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #16a34a4d}.cp-success-modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #16a34a66}.cp-success-modal-button:active{transform:translateY(0)}@media(max-width:640px){.cp-success-modal-content{padding:2rem 1.5rem}.cp-success-modal-title{font-size:1.5rem}.cp-success-modal-message{font-size:.95rem}}.page-container{padding:2rem;max-width:1600px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;color:#1f2937;margin-bottom:.5rem}.page-header p{color:#6b7280;font-size:1rem}.search-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.search-form{max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled,.form-group textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-success{background-color:#059669;color:#fff}.btn-success:hover:not(:disabled){background-color:#047857}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.factura-result{margin-top:2rem;padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.factura-result h2{font-size:1.5rem;color:#1f2937;margin-bottom:1rem}.factura-details{display:grid;gap:.75rem;margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem;background:#fff;border-radius:4px}.detail-row .label{font-weight:500;color:#6b7280}.detail-row .value{color:#1f2937;font-weight:500}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;min-width:480px}.data-table thead{background-color:#f9fafb}.data-table th{text-align:left;padding:1rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.data-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#1f2937}.data-table tbody tr:hover{background-color:#f9fafb}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-disponible{background-color:#dbeafe;color:#1e40af}.status-notificada{background-color:#fef3c7;color:#92400e}.status-liquidada{background-color:#d1fae5;color:#065f46}.status-preliquidada{background-color:#e0e7ff;color:#3730a3}.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-state svg{margin:0 auto 1rem;opacity:.5}.empty-state small{display:block;margin-top:.5rem;font-size:.875rem;color:#9ca3af}.loading-state{text-align:center;padding:3rem}.spinner{display:inline-block;width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.badge-disponible{background-color:#dbeafe;color:#1e40af}.badge-notificada{background-color:#fef3c7;color:#92400e}.badge-liquidada{background-color:#d1fae5;color:#065f46}.badge-preliquidada{background-color:#e0e7ff;color:#3730a3}.badge-default{background-color:#f3f4f6;color:#1f2937}.action-bar{margin-bottom:1.5rem;display:flex;justify-content:flex-end;gap:1rem}.filter-bar{margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-bar label{font-weight:500;color:#374151}.filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer}.filter-count{margin-left:auto;color:#6b7280;font-size:.875rem}.form-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.form-section h2{font-size:1.25rem;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.form-help{display:block;margin-top:.5rem;font-size:.875rem;color:#6b7280}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1}.factura-found{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border:2px solid #0ea5e9}.success-icon{width:48px;height:48px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.factura-found h3{text-align:center;color:#0c4a6e;margin-bottom:1.5rem;font-size:1.25rem}.factura-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{background:#fff;padding:.75rem;border-radius:6px;display:flex;flex-direction:column;gap:.25rem}.detail-item .label{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.detail-item .value{color:#1f2937;font-weight:500;font-size:1rem}.detail-item .value.strong{font-size:1.25rem;color:#2563eb}.file-preview{margin-top:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px;text-align:center}.file-preview h3{margin-bottom:1rem;color:#374151}.file-info{margin-top:1rem;padding:1rem;background:#f0fdf4;border-radius:6px;border:1px solid #86efac}.file-info p{margin:.25rem 0;color:#166534}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.text-right{text-align:right}.text-center{text-align:center}.text-bold{font-weight:600}.text-small{font-size:.875rem}.text-muted{color:#9ca3af}.text-success{color:#059669}.btn-link{color:#2563eb;text-decoration:none;font-weight:500;font-size:.875rem}.btn-link:hover{text-decoration:underline}@media(max-width:768px){.page-container{padding:.75rem}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.35rem}.page-header p{font-size:.875rem}.search-section{padding:1rem}.table-container{border-radius:6px}.data-table th,.data-table td{padding:.625rem .75rem;font-size:.8rem}.filter-section{padding:1rem;margin-bottom:1rem}.filter-inputs{flex-direction:column;gap:.75rem;align-items:stretch;margin-bottom:.75rem}.filter-input-group{width:100%;flex:none}.filter-inputs .btn{width:100%}.filter-count{text-align:left;font-size:.8rem}.action-bar{flex-direction:column;gap:.5rem}.action-bar .btn{width:100%;justify-content:center}.detail-row{flex-direction:column;gap:.25rem}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%;justify-content:center}.form-actions{flex-direction:column}.form-actions .btn{width:100%;justify-content:center}.input-with-button{flex-direction:column}.input-with-button .btn{width:100%}.factura-details-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-count{margin-left:0;text-align:center}.modal-actions{flex-direction:column-reverse;gap:.5rem}.modal-actions button{width:100%}.fm-hero{border-radius:8px}}@media(max-width:480px){.page-container{padding:.5rem}.page-header h1{font-size:1.15rem}.data-table th,.data-table td{padding:.5rem;font-size:.75rem}.badge{font-size:.7rem;padding:.2rem .5rem}.btn{font-size:.875rem;padding:.625rem 1rem}.filter-section{padding:.75rem}.fm-hero-num{font-size:1.1rem}.fm-hero-monto{font-size:1.3rem}}.factura-modal-content{display:flex;flex-direction:column;gap:2rem;width:100%;min-width:0}.factura-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:6px;margin-bottom:1rem;width:100%}.dark-mode .factura-info-grid{background-color:#111827;border:1px solid #374151}.info-item{display:flex;flex-direction:column;gap:.2rem}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:.75rem;color:#6b7280;font-weight:500}.info-value{font-size:.875rem;color:#374151}.dark-mode .info-value{color:#d1d5db}.info-value.strong{font-weight:700;font-size:1.25rem;color:#059669}.form-section-modal{border-top:1px solid #e5e7eb;padding-top:1.5rem}.form-section-modal h3{font-size:1.125rem;color:#1f2937;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.file-preview{margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:8px}.file-preview h4{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.file-preview img{max-width:100%;max-height:300px;object-fit:contain;border-radius:4px}.file-info{margin-top:1rem;padding:1rem;background-color:#ecfdf5;border-left:4px solid #059669;border-radius:4px}.file-info p{margin:.25rem 0;color:#065f46;font-size:.875rem}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#f3f4f6}.filter-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.filter-inputs{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1rem}.filter-input-group{display:flex;flex-direction:column;flex:1;min-width:0}.filter-input-group label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.filter-input-group input,.filter-input-group select{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s;background-color:#fff;cursor:pointer}.filter-input-group input:focus,.filter-input-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-input-group select{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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.filter-count{font-size:.875rem;color:#6b7280;text-align:right}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-danger{background-color:#fee2e2;color:#991b1b}.comprobante-viewer{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:8px}.pdf-viewer,.image-viewer{display:flex;flex-direction:column;gap:1rem;align-items:center}.image-viewer img{border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}@media(max-width:640px){.factura-info-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.filter-inputs{flex-direction:column;align-items:stretch}.filter-input-group{width:100%}.filter-count{text-align:left}}.fm-modal{display:flex;flex-direction:column;gap:.75rem}.fm-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#1e40af,#2563eb 60%,#3b82f6);color:#fff;border-radius:10px;padding:1rem 1.25rem;flex-wrap:wrap}.fm-hero-left{display:flex;flex-direction:column;gap:.15rem;min-width:0}.fm-hero-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8;font-weight:600}.fm-hero-num{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.fm-hero-date{font-size:.8rem;opacity:.85}.fm-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.fm-hero-monto-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.fm-hero-monto{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1}.fm-uuid-row{display:flex;align-items:baseline;gap:.5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.45rem .75rem;flex-wrap:wrap}.dark-mode .fm-uuid-row{background:#1f2937;border-color:#374151}.fm-uuid-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#667eea;flex-shrink:0}.dark-mode .fm-uuid-lbl{color:#818cf8}.fm-uuid-val{font-family:Courier New,monospace;font-size:.72rem;color:#4b5563;word-break:break-all;line-height:1.4}.dark-mode .fm-uuid-val{color:#9ca3af}.fm-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.dark-mode .fm-section{border-color:#374151}.fm-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#6b7280;background:#f3f4f6;padding:.4rem .75rem;border-bottom:1px solid #e5e7eb}.dark-mode .fm-section-title{background:#111827;color:#6b7280;border-color:#374151}.fm-rows{display:grid;grid-template-columns:repeat(2,1fr)}.fm-row{display:flex;flex-direction:column;padding:.5rem .75rem;border-right:1px solid #f0f0f2;border-bottom:1px solid #f0f0f2;min-width:0}.fm-row:nth-child(2n){border-right:none}.fm-row:nth-last-child(-n+2){border-bottom:none}.dark-mode .fm-row{border-color:#2d3748}.fm-row-full{grid-column:1 / -1;border-right:none}.fm-row-full:last-child{border-bottom:none}.fm-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode .fm-lbl{color:#6b7280}.fm-val{font-size:.875rem;color:#111827;font-weight:500;word-break:break-word;line-height:1.35}.dark-mode .fm-val{color:#f3f4f6}.fm-val.fm-accent{color:#059669;font-weight:700;font-size:1rem}.dark-mode .fm-val.fm-accent{color:#34d399}.fm-val.fm-monto-liq{color:#059669;font-weight:700}.fm-val.fm-comment{color:#374151;font-style:italic;white-space:pre-wrap;line-height:1.5;font-size:.85rem}.dark-mode .fm-val.fm-comment{color:#d1d5db}.fm-comprobante-body{padding:.75rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.fm-comprobante-body img{max-width:100%;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014}.dark-mode .fm-comprobante-body img{border-color:#374151}.fm-comprobante-body p{margin:0;font-size:.875rem;color:#4b5563}.dark-mode .fm-comprobante-body p{color:#9ca3af}@media(max-width:520px){.fm-rows{grid-template-columns:1fr}.fm-row{border-right:none}.fm-row:nth-last-child(-n+2){border-bottom:1px solid #f0f0f2}.fm-row:last-child{border-bottom:none}.dark-mode .fm-row:nth-last-child(-n+2){border-bottom:1px solid #2d3748}.fm-hero{flex-direction:column;align-items:flex-start}.fm-hero-right{align-items:flex-start}.fm-hero-monto{font-size:1.35rem}.fm-hero-num{font-size:1.15rem}}.alert{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.alert span{flex:1}.alert-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:currentColor;opacity:.6;transition:opacity .2s;flex-shrink:0}.alert-close:hover{opacity:1}:root{--factura-primary: #667eea;--factura-primary-dark: #764ba2;--factura-accent: #10b981;--factura-light-bg: #f9fafb;--factura-border: #e5e7eb}.dark-mode{--factura-light-bg: #1f2937;--factura-border: #374151}.factura-modal-content{display:flex;flex-direction:column;gap:2rem}.factura-header-info{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:.5rem}.factura-main-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 24px #667eea40;position:relative;overflow:hidden}.factura-main-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.factura-main-card>*{position:relative;z-index:1}.factura-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:2px solid rgba(255,255,255,.15)}.factura-title h3{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;flex:1}.factura-tipo{background:linear-gradient(135deg,#ffffff40,#ffffff26);padding:.4rem 1rem;border-radius:24px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.factura-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background:#fffffff2;padding:1rem;border-radius:12px;margin-top:.5rem}.detail-row{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-weight:600;color:#6b7280;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#1f2937;font-size:1.1rem;font-weight:500;word-break:break-word}.factura-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem}.summary-card{background:#fff;border:2px solid var(--factura-border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#667eea}.summary-card:hover:before{transform:scaleY(1)}.summary-card.highlight{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 8px 20px #10b9814d}.summary-card.highlight:before{background:none}.summary-label{font-size:.8rem;opacity:.65;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-card.highlight .summary-label{opacity:.9}.summary-value{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.factura-items-section{margin-bottom:1.5rem}.factura-items-section h3{margin:0 0 1.25rem;color:#1f2937;font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.factura-items-section h3:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.items-table{overflow-x:auto;border-radius:12px;border:2px solid var(--factura-border);background:#fff;box-shadow:0 2px 8px #0000000d}.items-table table{width:100%;border-collapse:collapse}.items-table th{background:#f9fafb;padding:.625rem .75rem;text-align:left;font-weight:600;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.dark-mode .items-table th{background:#111827;color:#9ca3af;border-bottom-color:#374151}.items-table td{padding:.625rem .75rem;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem}.dark-mode .items-table td{border-bottom-color:#1f2937;color:#d1d5db}.items-table tbody tr{transition:background-color .15s ease}.items-table tbody tr:hover{background:#f9fafb}.dark-mode .items-table tbody tr:hover{background:#111827}.items-table tbody tr:last-child td{border-bottom:none}.item-description{display:flex;flex-direction:column;gap:.25rem}.item-name{font-weight:500;color:#374151;font-size:.875rem}.dark-mode .item-name{color:#d1d5db}.item-type{font-size:.75rem;color:#9ca3af;font-weight:400}.dark-mode .item-type{color:#6b7280}.impuestos-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.dark-mode .impuestos-summary{background:#111827;border-color:#374151}.impuestos-detail{display:flex;flex-direction:column;gap:.5rem}.impuesto-row{display:flex;justify-content:space-between;align-items:center;color:#6b7280;font-size:.875rem;padding:.3rem 0}.dark-mode .impuesto-row{color:#9ca3af}.impuesto-row:hover{color:#374151}.dark-mode .impuesto-row:hover{color:#d1d5db}.total-final{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;font-size:.95rem;font-weight:600;color:#374151}.dark-mode .total-final{background:#1f2937;border-color:#374151;color:#d1d5db}.factura-uuid{background:linear-gradient(135deg,#f3f4f6 0%,var(--factura-light-bg) 100%);border:2px dashed var(--factura-border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 2px 8px #0000000a}.uuid-label{font-weight:700;color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.uuid-value{color:#1f2937;font-family:Courier New,monospace;word-break:break-all;font-weight:600;font-size:.95rem;letter-spacing:1px;padding:.75rem;background:#fff;border-radius:8px}.form-section-modal{border-top:1px solid #e5e7eb;padding-top:1.5rem;margin-top:1.5rem}.dark-mode .form-section-modal{border-top-color:#374151}.form-section-modal h3{font-size:.875rem;color:#374151;margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dark-mode .form-section-modal h3{color:#9ca3af}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.4rem;font-size:.875rem}.dark-mode .form-group label{color:#d1d5db}.form-group textarea,.form-group input[type=file]{width:100%;border:2px solid var(--factura-border);border-radius:8px;padding:.875rem;font-size:.95rem;transition:all .3s ease}.form-group textarea:focus,.form-group input[type=file]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-help{display:block;margin-top:.5rem;font-size:.85rem;color:#6b7280;font-weight:500}.file-preview{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px dashed #667eea;border-radius:12px;text-align:center}.file-preview h4{font-size:.95rem;color:#667eea;margin:0 0 1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.file-preview img{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.file-info{margin-top:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:5px solid #10b981;border-radius:8px;box-shadow:0 2px 8px #10b9811a}.file-info p{margin:.35rem 0;color:#065f46;font-size:.9rem;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.modal-actions button{padding:.625rem 1.25rem;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease}.modal-actions .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.dark-mode .modal-actions .btn-secondary{background:#374151;color:#d1d5db;border-color:#4b5563}.modal-actions .btn-secondary:hover{background:#e5e7eb}.modal-actions .btn-success{background:#10b981;color:#fff}.modal-actions .btn-success:hover{background:#059669}.modal-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner-small{display:inline-block;width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-smooth .8s linear infinite;margin-right:.75rem;vertical-align:middle}@keyframes spin-smooth{to{transform:rotate(360deg)}}.dark-mode .factura-modal-content{color:#e5e7eb}.dark-mode .factura-details{background:#1f2937f2}.dark-mode .detail-label{color:#9ca3af}.dark-mode .detail-value,.dark-mode .factura-items-section h3,.dark-mode .form-section-modal h3{color:#f3f4f6}.dark-mode .items-table{background:#1f2937;border-color:#374151}.dark-mode .items-table th{background:linear-gradient(135deg,#374151,#4b5563);color:#e5e7eb;border-color:#4b5563}.dark-mode .items-table td{border-color:#374151;color:#e5e7eb}.dark-mode .item-name{color:#f3f4f6}.dark-mode .summary-card{background:#1f2937;border-color:#374151}.dark-mode .summary-card:hover{background:#2d3748;border-color:#667eea}.dark-mode .detail-value,.dark-mode .form-group label{color:#e5e7eb}.dark-mode .form-group textarea,.dark-mode .form-group input[type=file]{background:#1f2937;color:#e5e7eb;border-color:#374151}.dark-mode .uuid-value{background:#1f2937;color:#e5e7eb;border-color:#667eea}.dark-mode .modal-actions .btn-secondary{background:#374151;color:#e5e7eb;border-color:#4b5563}.dark-mode .modal-actions .btn-secondary:hover{background:#4b5563}@media(max-width:768px){.factura-main-card{padding:1.5rem}.factura-title h3{font-size:1.5rem}.factura-details{grid-template-columns:1fr}.factura-summary-cards{grid-template-columns:repeat(2,1fr)}.items-table th,.items-table td{padding:.75rem .5rem;font-size:.875rem}.items-table{font-size:.75rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%}.factura-uuid{flex-direction:column}.uuid-label,.uuid-value{width:100%}}.row-selected{background-color:#e0e7ff!important;border-left:4px solid #667eea}.dark-mode .row-selected{background-color:#312e81!important;border-left:4px solid #818cf8}.clickable-cell{cursor:pointer;color:#2563eb;font-weight:500;transition:color .2s ease}.clickable-cell:hover{color:#1d4ed8;text-decoration:underline}.dark-mode .clickable-cell{color:#818cf8}.dark-mode .clickable-cell:hover{color:#a5b4fc}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:#374151;padding:.5rem 0}.checkbox-label input[type=checkbox]{margin:0;flex-shrink:0}.checkbox-label span{-webkit-user-select:none;user-select:none}.checkbox-label:hover span{color:#667eea}.dark-mode .checkbox-label{color:#d1d5db}.dark-mode .checkbox-label:hover span{color:#818cf8}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;min-height:200px}.spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.alert-warning{background-color:#fef3c7;color:#92400e;padding:1rem;border-radius:8px;border-left:4px solid #f59e0b;display:flex;align-items:center;gap:.75rem}.dark-mode .alert-warning{background-color:#78350f;color:#fde047;border-color:#fbbf24}.text-warning{color:#f59e0b!important;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:hover{transform:none!important;box-shadow:none!important}.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .15s ease;font-family:inherit}.form-group input[type=number]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark-mode .form-group input[type=number],.dark-mode .form-group textarea,.dark-mode .form-group select{background:#1f2937;color:#e5e7eb;border-color:#374151}.data-table tfoot{background:#f9fafb;font-weight:600}.data-table tfoot td{padding:1rem;border-top:3px solid #e5e7eb}.dark-mode .data-table tfoot{background:#2d3748}.dark-mode .data-table tfoot td{border-top-color:#4b5563}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.dark-mode .modal-actions{border-top-color:#374151}.detalle-factura-elegante{font-family:Inter,Segoe UI,sans-serif}.detalle-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;margin-bottom:2rem}.detalle-header-left h3{margin:0;font-size:1.75rem;font-weight:700}.detalle-header-left .detalle-subtitle{margin:.25rem 0 0;opacity:.9;font-size:1rem}.uuid-section{background:#f9fafb;padding:1.25rem 1.5rem;border-radius:8px;border-left:4px solid #667eea;margin-bottom:2rem}.uuid-label{display:block;font-weight:700;color:#667eea;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.uuid-value{display:block;font-family:Courier New,monospace;color:#374151;font-size:.95rem;font-weight:500;word-break:break-all;line-height:1.5}.dark-mode .uuid-section{background:#1f2937;border-color:#818cf8}.dark-mode .uuid-label{color:#a5b4fc}.dark-mode .uuid-value{color:#e5e7eb}.detalle-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;width:100%}.detalle-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.detalle-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.detalle-card h4{margin:0 0 1rem;font-size:1.1rem;color:#374151;font-weight:600;display:flex;align-items:center;gap:.5rem}.detalle-field{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.detalle-field:last-child{border-bottom:none}.field-label{font-weight:500;color:#6b7280;font-size:.95rem}.field-value{font-weight:500;color:#1f2937;text-align:right}.dark-mode .detalle-card{background:#1f2937;border-color:#374151}.dark-mode .detalle-card h4{color:#e5e7eb}.dark-mode .detalle-field{border-color:#374151}.dark-mode .field-label{color:#9ca3af}.dark-mode .field-value{color:#e5e7eb}.detalle-section{margin-bottom:2rem}.detalle-section h4{margin:0 0 1rem;font-size:1.2rem;color:#374151;font-weight:600;display:flex;align-items:center;gap:.5rem}.detalle-descripcion{background:#f9fafb;padding:1rem 1.5rem;border-radius:8px;color:#4b5563;line-height:1.6;margin:0}.dark-mode .detalle-section h4{color:#e5e7eb}.dark-mode .detalle-descripcion{background:#1f2937;color:#d1d5db}.items-table-wrapper{overflow-x:auto;border-radius:12px;box-shadow:0 1px 3px #0000001a;width:100%}.items-table{width:100%;border-collapse:collapse;background:#fff}.items-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.items-table th{padding:1rem;font-weight:600;text-align:left;font-size:.95rem}.items-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.items-table tbody tr:hover{background-color:#f9fafb}.items-table td{padding:1rem;color:#374151}.item-descripcion{display:flex;flex-direction:column;gap:.25rem}.item-descripcion strong{color:#1f2937;font-size:.95rem}.item-tipo{color:#6b7280;font-size:.85rem}.impuestos-cell{display:flex;flex-direction:column;gap:.25rem}.impuesto-item{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}.impuesto-nombre{color:#6b7280;font-weight:500}.impuesto-monto{color:#374151;font-weight:600}.dark-mode .items-table{background:#1f2937}.dark-mode .items-table tbody tr{border-color:#374151}.dark-mode .items-table tbody tr:hover{background-color:#2d3748}.dark-mode .items-table td{color:#e5e7eb}.dark-mode .item-descripcion strong{color:#f3f4f6}.dark-mode .item-tipo,.dark-mode .impuesto-nombre{color:#9ca3af}.dark-mode .impuesto-monto{color:#e5e7eb}.comprobante-viewer{margin-top:.5rem}.pdf-viewer,.image-viewer{display:flex;flex-direction:column;gap:1rem}.comprobante-link{background:#f9fafb;padding:1rem 1.5rem;border-radius:8px;border-left:4px solid #10b981;display:flex;align-items:center;gap:.75rem}.comprobante-link span{color:#374151;font-weight:500}.dark-mode .comprobante-viewer{color:#e5e7eb}.dark-mode .comprobante-link{background:#1f2937;border-color:#34d399}.dark-mode .comprobante-link span{color:#e5e7eb}.stats-section{margin-bottom:2rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;text-align:center;border-left:4px solid #6366f1}.stat-number{display:block;font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.stat-number.text-warning{color:#f59e0b}.stat-number.text-success{color:#10b981}.stat-number.text-danger{color:#ef4444}.stat-label{display:block;font-size:.875rem;color:#6b7280;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.info-item.full-width{grid-column:1 / -1;flex-direction:column;align-items:flex-start}.info-label{font-weight:600;color:#6b7280;font-size:.875rem;width:100%}.info-value{color:#1f2937;font-weight:500}.info-value.strong{font-weight:700;color:#059669;width:100%;font-size:1.1em}.comentarios-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-top:.5rem}.comentarios-box p{margin:0;color:#374151;line-height:1.5}.preliquidacion-modal-content{max-height:70vh;overflow-y:auto;width:100%;min-width:0}.facturas-table{margin-top:1rem;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.facturas-table .data-table{margin:0;border:none}.facturas-table .data-table th,.facturas-table .data-table td{border:none;border-bottom:1px solid #e5e7eb}.facturas-table .data-table tr:last-child td{border-bottom:none}.dark-mode .stat-card{background:#1f2937;color:#e5e7eb;border-left-color:#8b5cf6}.dark-mode .stat-number{color:#f3f4f6}.dark-mode .stat-label{color:#9ca3af}.dark-mode .info-item{background:#1f2937;border-color:#374151}.dark-mode .info-label{color:#9ca3af}.dark-mode .info-value{color:#f3f4f6}.dark-mode .info-value.strong{color:#34d399}.dark-mode .comentarios-box{background:#1f2937;border-color:#374151}.dark-mode .comentarios-box p{color:#e5e7eb}.dark-mode .facturas-table,.dark-mode .facturas-table .data-table th,.dark-mode .facturas-table .data-table td{border-color:#374151}.pending-indicator{display:inline-flex;align-items:center;gap:5px;margin-top:3px;font-size:.72rem;font-weight:500;color:#b45309;letter-spacing:.01em}.pending-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f59e0b;flex-shrink:0;box-shadow:0 0 0 2px #f59e0b40}.bf-result-card{margin-top:1.5rem}.bf-action-row{padding:1rem 1rem .25rem;display:flex;justify-content:flex-end}.dark-mode .pending-indicator{color:#fbbf24}.dark-mode .pending-dot{background:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.fd-minimal{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0}.fd-header-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.dark-mode .fd-header-grid{background:#111827;border-color:#374151}.fd-item{display:flex;flex-direction:column;gap:.25rem}.fd-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.dark-mode .fd-label{color:#9ca3af}.fd-value{font-size:.95rem;font-weight:600;color:#111827;line-height:1.3}.dark-mode .fd-value{color:#f3f4f6}.fd-value.fd-amount{color:#059669;font-size:1.1rem;font-weight:700}.dark-mode .fd-value.fd-amount{color:#34d399}.fd-uuid{display:flex;flex-direction:column;gap:.3rem;padding:.6rem .85rem;background:#fafafa;border:1px solid #e5e7eb;border-left:3px solid #3b82f6;border-radius:4px}.dark-mode .fd-uuid{background:#1f2937;border-color:#374151;border-left-color:#3b82f6}.fd-uuid-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.dark-mode .fd-uuid-label{color:#9ca3af}.fd-uuid-code{font-family:Courier New,Consolas,monospace;font-size:.75rem;color:#374151;word-break:break-all;line-height:1.5;background:none;padding:0;border:none}.dark-mode .fd-uuid-code{color:#d1d5db}@media(max-width:640px){.factura-modal-content,.preliquidacion-modal-content,.fd-minimal{gap:1rem}.fd-header-grid{grid-template-columns:1fr;gap:.75rem}.factura-info-grid,.info-grid,.detalle-info-grid{grid-template-columns:1fr}.fd-value.fd-amount{font-size:1rem}}.drag-drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9fafb;margin-top:.5rem}.dark-mode .drag-drop-zone{background:#111827;border-color:#374151}.drag-drop-zone:hover{border-color:#3b82f6;background:#eff6ff}.dark-mode .drag-drop-zone:hover{border-color:#3b82f6;background:#1e293b}.drag-drop-zone.drag-active{border-color:#3b82f6;background:#dbeafe;border-style:solid}.dark-mode .drag-drop-zone.drag-active{background:#1e3a8a;border-color:#60a5fa}.drag-drop-zone.has-file{border-color:#10b981;background:#f0fdf4}.dark-mode .drag-drop-zone.has-file{border-color:#10b981;background:#064e3b}.drag-drop-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.drag-drop-preview{max-width:100%;max-height:200px;margin-bottom:.5rem;border-radius:8px;overflow:hidden}.drag-drop-preview img{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.drag-drop-icon{width:48px;height:48px;color:#9ca3af;margin-bottom:.5rem}.drag-drop-icon.success{color:#10b981}.dark-mode .drag-drop-icon{color:#6b7280}.dark-mode .drag-drop-icon.success{color:#34d399}.drag-drop-text{font-size:.95rem;color:#374151;margin:0}.dark-mode .drag-drop-text{color:#d1d5db}.drag-drop-text strong{color:#3b82f6;font-weight:600}.dark-mode .drag-drop-text strong{color:#60a5fa}.drag-drop-zone.has-file .drag-drop-text strong{color:#10b981}.dark-mode .drag-drop-zone.has-file .drag-drop-text strong{color:#34d399}.drag-drop-hint{font-size:.8rem;color:#6b7280;margin:0}.dark-mode .drag-drop-hint{color:#9ca3af}.drag-drop-zone:hover .drag-drop-icon{transform:translateY(-4px);transition:transform .2s ease}@media(max-width:640px){.drag-drop-zone{padding:1.5rem 1rem}.drag-drop-icon{width:40px;height:40px}.drag-drop-text{font-size:.875rem}}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 4px 6px #667eea33;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-info{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:500}.bulk-actions-info svg{flex-shrink:0}.bulk-actions-buttons{display:flex;gap:.75rem}.bulk-actions-buttons .btn{background:#fff;color:#374151;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.bulk-actions-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.bulk-actions-buttons .btn-danger{background:#fff;color:#dc2626}.bulk-actions-buttons .btn-danger:hover{background:#fee;color:#b91c1c}.bulk-actions-buttons .btn-success{background:#fff;color:#16a34a}.bulk-actions-buttons .btn-success:hover{background:#f0fdf4;color:#15803d}.data-table th input[type=checkbox],.data-table td input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.data-table td input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.data-table th,.data-table td{vertical-align:middle}[data-theme=dark] .bulk-actions-bar{background:linear-gradient(135deg,#4f46e5,#7c3aed)}[data-theme=dark] .bulk-actions-buttons .btn{background:#1f2937;color:#f9fafb}[data-theme=dark] .bulk-actions-buttons .btn:hover{background:#374151}[data-theme=dark] .bulk-actions-buttons .btn-danger{background:#1f2937;color:#f87171}[data-theme=dark] .bulk-actions-buttons .btn-danger:hover{background:#450a0a;color:#fca5a5}[data-theme=dark] .bulk-actions-buttons .btn-success{background:#1f2937;color:#4ade80}[data-theme=dark] .bulk-actions-buttons .btn-success:hover{background:#052e16;color:#86efac}@media(max-width:768px){.bulk-actions-bar{flex-direction:column;gap:1rem;padding:1rem}.bulk-actions-info{font-size:.875rem}.bulk-actions-buttons{width:100%;flex-direction:column}.bulk-actions-buttons .btn{width:100%;justify-content:center}}.confirm-dialog{text-align:center;padding:1rem 0}.dialog-icon-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.dialog-icon{width:64px;height:64px}.dialog-icon.info{color:#3b82f6}.dialog-icon.warning{color:#f59e0b}.dialog-icon.danger{color:#ef4444}.dialog-icon.success{color:#10b981}.dialog-message{font-size:1.125rem;color:#374151;margin-bottom:2rem;line-height:1.6}.dialog-actions{display:flex;gap:1rem;justify-content:center}.dialog-actions .btn{min-width:100px}.factura-items-section{margin-top:1.5rem;padding:1.25rem;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.factura-items-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.factura-items-header h4{margin:0 0 .25rem;color:#0f172a}.factura-items-header p{margin:0;color:#64748b;font-size:.9rem}.factura-items-button{flex-shrink:0}.factura-items-feedback{padding:.9rem 1rem;border-radius:12px;background:#fff;border:1px dashed #cbd5e1;color:#475569}.factura-items-feedback-error{background:#fef2f2;border-style:solid;border-color:#fecaca;color:#b91c1c}.factura-items-table-wrapper{overflow-x:auto}.factura-items-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.factura-items-table th,.factura-items-table td{padding:.85rem 1rem;border-bottom:1px solid #e2e8f0;vertical-align:top}.factura-items-table th{background:#eff6ff;color:#1e3a8a;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.factura-item-description{display:flex;flex-direction:column;gap:.2rem}.factura-item-description span{font-size:.85rem;color:#64748b}.factura-item-impuestos{display:flex;flex-direction:column;gap:.2rem;min-width:140px}.factura-item-impuestos span{font-size:.85rem;color:#334155}.dark-mode .factura-items-section{background:#0f172a;border-color:#334155}.dark-mode .factura-items-header h4{color:#f8fafc}.dark-mode .factura-items-header p,.dark-mode .factura-item-description span,.dark-mode .factura-item-impuestos span{color:#cbd5e1}.dark-mode .factura-items-feedback{background:#111827;border-color:#475569;color:#e2e8f0}.dark-mode .factura-items-feedback-error{background:#7f1d1d47;border-color:#b91c1c;color:#fecaca}.dark-mode .factura-items-table{background:#111827}.dark-mode .factura-items-table th{background:#1e293b;color:#bfdbfe}.dark-mode .factura-items-table td{border-bottom-color:#334155;color:#e2e8f0}@media(max-width:768px){.factura-items-section{padding:1rem}.factura-items-header{flex-direction:column}.factura-items-button{width:100%}}:root{--strata-blue: #2b3d6b;--strata-blue-light: #3d5078;--strata-blue-dark: #1f2d4f;--strata-orange: #f26739;--strata-orange-light: #ff7f50;--strata-gray: #e0e0e0;--strata-gray-dark: #9ca3af}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}