body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--breakpoint-mobile-sm:320px;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop-sm:1024px;--breakpoint-desktop-md:1366px;--breakpoint-desktop-lg:1920px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-xxl:24px}.mobile-only{display:none}.desktop-only{display:block}@media (max-width:768px){.mobile-only{display:block}.desktop-only{display:none}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatParticle{0%{opacity:.3;transform:translateY(0) translateX(0)}50%{opacity:1}to{opacity:0;transform:translateY(-100vh) translateX(50px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #5f9fd880,0 0 40px #74c9e84d}50%{box-shadow:0 0 40px #5f9fd8cc,0 0 80px #74c9e899}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes waveMove{0%{transform:translateX(0) translateZ(0) scaleY(1)}50%{transform:translateX(-25%) translateZ(0) scaleY(1.1)}to{transform:translateX(-50%) translateZ(0) scaleY(1)}}@keyframes rotate3d{0%{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}to{transform:perspective(1000px) rotateY(1turn) rotateX(10deg)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes shapeFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes slideHighlight{0%{left:-100%}to{left:100%}}@keyframes iconPop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.login-container{background:#0a0e27;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;min-height:100vh;overflow:hidden;position:relative;width:100vw}.particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.particle{animation:floatParticle linear infinite;background:radial-gradient(circle,#74c9e8cc,#5f9fd866);border-radius:50%;filter:blur(1px);position:absolute}.waves-container{height:30%;left:0;pointer-events:none;width:100%;z-index:0}.waves,.waves-container{bottom:0;position:absolute}.waves{height:100%;width:200%}.wave-path{fill:#5f9fd81a;animation:waveMove 20s linear infinite}.wave1{fill:#5f9fd826;animation-duration:25s}.wave2{fill:#74c9e81a;animation-delay:-5s;animation-duration:20s}.wave3{fill:#4ab7d814;animation-delay:-2s;animation-duration:30s}.login-left-panel{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#5f9fd8,#74c9e8,#4ab7d8,#5f9fd8,#6ab5e7);background-size:400% 400%;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:60px 50px;position:relative;transition:transform .3s ease-out;z-index:2}.login-left-panel:before{animation:float 20s linear infinite;background:radial-gradient(circle,#ffffff26 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:1}.login-left-panel:after{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,#fff3,#0000 70%);border-radius:50%;bottom:-100px;content:"";height:400px;position:absolute;right:-100px;width:400px;z-index:1}.geometric-shapes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.shape{animation:shapeFloat 20s ease-in-out infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.15;position:absolute}.shape-1{animation-delay:0s;animation-duration:25s;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);height:150px;left:5%;top:10%;width:150px}.shape-2{animation-delay:-5s;animation-duration:30s;background:linear-gradient(225deg,#ffffff40,#ffffff0d);height:200px;left:70%;top:60%;width:200px}.shape-3{animation-delay:-10s;animation-duration:20s;background:linear-gradient(315deg,#fff3,#ffffff1a);height:100px;right:10%;top:30%;width:100px}.shape-4{animation-delay:-15s;animation-duration:35s;background:linear-gradient(45deg,#ffffff40,#ffffff14);bottom:20%;height:120px;left:30%;width:120px}.logo-container{animation:slideInLeft 1s ease-out;margin-bottom:50px;margin-top:40px;perspective:1000px;position:relative;z-index:2}.logo{align-items:center;animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff40;border:3px solid #ffffff80;border-radius:25px;box-shadow:0 15px 35px #0003;display:flex;height:100px;justify-content:center;position:relative;transition:all .5s ease;width:100px}.logo-3d{transform-style:preserve-3d}.logo:hover{animation:pulseGlow 2s ease-in-out infinite;box-shadow:0 25px 50px #0000004d;transform:scale(1.15) rotateY(10deg) rotateX(10deg)}.logo-glow{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#74c9e899,#0000 70%);border-radius:50%;filter:blur(20px);height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}.logo-text{color:#fff;font-size:14px;font-weight:900;line-height:1.2;text-align:center;text-shadow:0 2px 8px #0000004d}.system-info{animation:slideInLeft 1s ease-out .2s backwards;position:relative;z-index:2}.system-title{color:#fff;font-size:4rem;font-weight:800;letter-spacing:-2px;line-height:1.1;margin:0 0 15px;text-shadow:0 4px 12px #0003}.system-subtitle{color:#fffffff2;font-size:1.5rem;font-weight:300;letter-spacing:.5px;margin:0 0 50px}.system-description{animation:slideInLeft 1s ease-out .4s backwards;margin-bottom:30px}.system-description p{color:#ffffffe6;font-size:1.15rem;font-weight:300;line-height:1.6;margin:10px 0}.features-list{animation:slideInLeft 1s ease-out .6s backwards;display:flex;flex-direction:column;gap:18px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;gap:18px;padding:10px 20px;transition:all .3s ease}.feature-item:hover{background:#ffffff40;box-shadow:0 10px 30px #00000026;transform:translateX(10px)}.feature-icon{background:#fff3;border-radius:10px;flex-shrink:0;font-size:1.5rem;height:40px;width:40px}.feature-icon,.login-right-panel{align-items:center;display:flex;justify-content:center}.login-right-panel{background:linear-gradient(135deg,#f8f9fa,#fff 50%,#f0f4f8);flex:1 1;overflow:hidden;padding:50px;position:relative;z-index:2}.login-right-panel:before{animation:pulse 6s ease-in-out infinite;background:radial-gradient(circle,#5f9fd826,#0000 70%);height:300px;right:-100px;top:-100px;width:300px}.login-right-panel:after,.login-right-panel:before{border-radius:50%;content:"";position:absolute;z-index:0}.login-right-panel:after{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#74c9e81f,#0000 70%);bottom:-80px;height:250px;left:-80px;width:250px}.login-form-container{animation:slideInRight 1s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;border-radius:30px;box-shadow:0 20px 60px #0000001a,0 0 40px #5f9fd80d;max-width:450px;padding:45px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:25px;text-align:center}.logo-small{align-items:center;animation:float 5s ease-in-out infinite;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:20px;box-shadow:0 10px 30px #5f9fd84d;display:flex;height:80px;justify-content:center;margin:45px auto 25px;transition:all .3s ease;width:80px}.logo-small:hover{box-shadow:0 15px 40px #5f9fd866;transform:scale(1.1) rotate(-5deg)}.logo-text-small{color:#fff;font-size:12px;font-weight:900;line-height:1.2;text-align:center}.login-header h2{color:#2c3e50;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin:0 0 12px}.login-subtitle{color:#95a5a6;font-size:1.05rem;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{animation:fadeIn 1s ease-out;gap:10px}.form-group:first-child{animation-delay:.2s;animation-fill-mode:backwards}.form-group:nth-child(2){animation-delay:.3s;animation-fill-mode:backwards}.form-group label{align-items:center;display:flex;gap:8px;transition:all .3s ease}.form-group label.label-float{color:#5f9fd8;transform:scale(.95)}.input-container{align-items:center;background:#fff;border:2px solid #e8ecef;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;overflow:visible;transition:all .4s cubic-bezier(.4,0,.2,1)}.input-container,.input-modern{position:relative}.input-highlight{background:linear-gradient(90deg,#5f9fd8,#74c9e8);border-radius:3px;bottom:-2px;height:3px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0;z-index:2}.input-container:focus-within .input-highlight{width:100%}.input-container:hover{border-color:#d0d7de;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.input-container:focus-within{border-color:#5f9fd8;box-shadow:0 0 0 4px #5f9fd826,0 8px 20px #5f9fd833;transform:translateY(-3px)}.input-icon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-right:2px solid #e8ecef;color:#5f9fd8;display:flex;flex-shrink:0;font-family:Segoe UI,system-ui,sans-serif;font-size:1.3rem;font-weight:600;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:50px}.icon-animated:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.input-container:focus-within .icon-animated:before{left:100%}.input-container:focus-within .input-icon{animation:iconPop .6s ease;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-right-color:#5f9fd8;color:#fff}.input-container input{background:#0000;border:none;box-sizing:border-box;color:#2c3e50;flex:1 1;font-size:1rem;font-weight:500;outline:none;padding:16px 18px}.input-container input:focus{outline:none}.input-container input::placeholder{color:#adb5bd;font-size:.95rem;font-weight:400}.input-container.disabled{cursor:not-allowed;opacity:.6}.input-container.disabled input{cursor:not-allowed}.password-toggle{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e8ecef;border-radius:10px;color:#5f9fd8;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-width:45px;padding:8px 12px;position:absolute;right:12px;text-align:center;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:3}.password-toggle-modern{box-shadow:0 2px 8px #00000014}.password-toggle:hover{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-color:#5f9fd8;box-shadow:0 4px 12px #5f9fd84d;color:#fff;transform:translateY(-50%) scale(1.1)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-toggle:active{transform:translateY(-50%) scale(.95)}.login-button{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border:2px solid #0000;border-radius:15px;box-shadow:0 8px 20px #5f9fd866,0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;margin-top:5px;overflow:hidden;padding:18px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.login-button-ripple{transform:translateZ(0)}.button-content{align-items:center;display:flex;gap:12px;justify-content:center;position:relative;z-index:2}.button-text{font-weight:800}.button-icon{font-size:1.5rem;transition:transform .3s ease}.button-shine{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:1}.login-button:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:0}.login-button:hover:before{height:300px;width:300px}.login-button:hover{border-color:#ffffff4d;box-shadow:0 15px 35px #5f9fd880,0 8px 20px #00000026;transform:translateY(-4px) scale(1.02)}.login-button:hover .button-icon{transform:translateX(5px)}.login-button:active{box-shadow:0 8px 20px #5f9fd866;transform:translateY(-1px) scale(.98)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s linear infinite;display:inline-block}.login-footer{animation:fadeIn 1s ease-out .8s backwards;border-top:2px solid #e8ecef;margin-top:25px;padding-top:18px;text-align:center}.footer-text{color:#95a5a6;font-size:.9rem;line-height:1.6;margin:0}.footer-version{color:#adb5bd;font-size:.85rem;font-weight:500;margin-top:10px}.error-message{animation:slideInRight .5s ease-out;background:linear-gradient(135deg,#ffe5e5,#fcc);border:2px solid #ffb8b8;box-shadow:0 4px 15px #ff6b6b26;color:#ff6b6b;font-size:.95rem;font-weight:600;margin-bottom:25px;padding:15px 20px}.error-icon{flex-shrink:0;font-size:1.3rem}.success-message{background:linear-gradient(135deg,#d4f4dd,#b8f0cc);border:2px solid #9fe9b8;border-radius:12px;box-shadow:0 4px 15px #66e08926;color:#66e089}.info-message,.success-message{align-items:center;animation:slideInRight .5s ease-out;display:flex;font-size:.95rem;font-weight:600;gap:12px;margin-bottom:25px;padding:15px 20px}.info-message{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #90caf9;border-radius:12px;box-shadow:0 4px 15px #5f9fd826;color:#5f9fd8}@media screen and (max-width:1024px){.login-left-panel{padding:50px 35px}.system-title{font-size:3.2rem}.system-subtitle{font-size:1.3rem}.system-description p{font-size:1.05rem}.feature-item{font-size:1rem;padding:15px 20px}.login-right-panel{padding:40px}.login-form-container{max-width:420px}}@media screen and (max-width:768px){.login-container{flex-direction:column}.login-left-panel{min-height:auto;padding:40px 25px}.login-left-panel:after,.login-left-panel:before{display:none}.logo-container{margin-bottom:30px;text-align:center}.logo{height:80px;margin:0 auto;width:80px}.system-title{font-size:2.5rem;text-align:center}.system-subtitle{font-size:1.1rem;margin-bottom:30px;text-align:center}.system-description{margin-bottom:25px}.system-description p{font-size:.95rem;text-align:center}.features-list{gap:12px}.feature-item{font-size:.9rem;padding:14px 18px}.feature-item:hover{transform:translateX(5px)}.login-right-panel{padding:35px 25px}.login-right-panel:after,.login-right-panel:before{display:none}.login-form-container{max-width:100%}.login-header{margin-bottom:35px}.logo-small{height:70px;width:70px}.login-header h2{font-size:2rem}.login-form{gap:22px}.login-button{font-size:1rem;padding:16px}.login-footer{margin-top:35px;padding-top:25px}}@media screen and (max-width:480px){.login-left-panel{padding:30px 20px}.logo{height:70px;width:70px}.system-title{font-size:2rem}.system-subtitle{font-size:1rem}.login-right-panel{padding:30px 20px}.logo-small{height:60px;width:60px}.login-header h2{font-size:1.75rem}.login-subtitle{font-size:.95rem}.input-container input{font-size:.95rem;padding:14px 16px}.login-button{font-size:.95rem;padding:15px}.login-footer{margin-top:10px;padding-top:15px}.login-footer p{font-size:.75rem;line-height:1.3}.login-left-panel{padding:25px 15px}.logo{height:50px;width:50px}.logo-text{font-size:9px}.system-title{font-size:1.8rem;margin-bottom:6px}.system-subtitle{font-size:1rem}.system-description,.system-subtitle{margin-bottom:20px}.system-description p{font-size:.9rem}.features-list{gap:10px}.feature-item{font-size:.85rem;gap:8px;padding:8px 12px}.feature-icon{font-size:1rem;width:20px}.login-right-panel{padding:25px 15px 15px}.login-header{margin-bottom:20px}.logo-small{height:45px;margin-bottom:12px;width:45px}.logo-text-small{font-size:9px}.login-header h2{font-size:1.4rem;margin-bottom:8px}.login-subtitle{font-size:.9rem}.login-form{gap:15px}.form-group{gap:6px}.form-group label{font-size:.8rem;margin-bottom:3px}.input-icon{font-size:1rem;height:44px;width:38px}.input-container input{font-size:.9rem;padding:12px 10px}.input-container input::placeholder{font-size:.88rem}.password-toggle{font-size:8px;min-width:35px;padding:4px 6px;right:6px}.login-button{font-size:.9rem;margin-top:8px;padding:12px 24px}.login-footer{margin-top:20px;padding-top:12px}.login-footer p{font-size:.7rem;line-height:1.2;margin:3px 0}}@media screen and (max-width:360px){.login-left-panel{padding:20px 12px}.logo-container{margin-bottom:15px}.logo{height:45px;width:45px}.system-title{font-size:1.6rem}.system-subtitle{font-size:.95rem}.system-description,.system-subtitle{margin-bottom:15px}.system-description p{font-size:.85rem}.features-list{gap:8px}.feature-item{font-size:.8rem;padding:6px 10px}.login-right-panel{padding:20px 12px 12px}.logo-small{height:40px;width:40px}.login-header h2{font-size:1.3rem}.login-subtitle{font-size:.85rem}.login-form{gap:12px}.input-icon{font-size:.95rem;height:42px;width:36px}.input-container input{font-size:.85rem;padding:11px 9px}.password-toggle{font-size:7px;min-width:32px;padding:3px 5px}.login-button{font-size:.85rem;padding:11px 20px}.login-footer{margin-top:15px;padding-top:8px}.login-footer p{font-size:.65rem;line-height:1.1}}@media screen and (max-width:768px) and (orientation:landscape){.login-container{flex-direction:row;min-height:100vh}.login-left-panel{flex:0.8 1;min-height:100vh;overflow-y:auto;padding:20px 15px}.logo-container{margin-bottom:15px}.system-title{font-size:1.8rem;margin-bottom:5px}.system-subtitle{font-size:.95rem}.system-description,.system-subtitle{margin-bottom:15px}.system-description p{font-size:.85rem}.features-list{gap:8px}.feature-item{font-size:.8rem;padding:6px 10px}.login-right-panel{-webkit-overflow-scrolling:touch;flex:1.2 1;overflow-y:auto;padding:20px 15px}.login-header{margin-bottom:15px}.login-header h2{font-size:1.4rem}.login-form{gap:12px}.login-footer{margin-top:15px;padding-top:10px}.login-footer p{font-size:.65rem}}@media (hover:none) and (pointer:coarse){.login-button{min-height:48px}.input-container input{min-height:44px}.password-toggle{min-height:32px;min-width:40px}.login-button:active{transform:scale(.98)}.password-toggle:active{transform:translateY(-50%) scale(.95)}}@media screen and (max-height:600px) and (max-width:768px){.login-left-panel{padding:15px}.logo-container{margin-bottom:10px}.system-title{font-size:1.5rem;margin-bottom:5px}.system-subtitle{font-size:.9rem;margin-bottom:10px}.system-description{display:none}.features-list{gap:6px}.login-right-panel{overflow-y:auto;padding:15px}.login-header{margin-bottom:12px}.login-form{gap:10px}.login-button{margin-top:5px;padding:10px 20px}.login-footer{margin-top:12px;padding-top:8px}.login-footer p{font-size:.65rem;margin:2px 0}}@media screen and (max-height:450px){.login-right-panel{overflow-y:auto;padding:10px 15px}.login-header{margin-bottom:10px}.logo-small{height:35px;margin-bottom:8px;width:35px}.login-header h2{font-size:1.2rem;margin-bottom:5px}.login-subtitle{font-size:.75rem}.login-form{gap:8px}.form-group{gap:4px}.form-group label{font-size:.75rem;margin-bottom:2px}.input-icon{font-size:.9rem;height:38px;width:35px}.input-container input{font-size:.85rem;padding:10px 8px}.password-toggle{font-size:7px;min-width:30px;padding:3px 5px}.login-button{font-size:.8rem;margin-top:5px;padding:8px 16px}.login-footer{margin-top:8px;padding-top:6px}.login-footer p{font-size:.6rem;margin:1px 0}}@media screen and (max-height:700px) and (max-width:768px){.login-right-panel{-webkit-overflow-scrolling:touch;overflow-y:auto}.login-form-container{display:flex;flex-direction:column}.login-footer{flex-shrink:0;margin-top:auto}}.sidebar{background:linear-gradient(180deg,#4a9de8,#3b8fdb 50%,#2d81ce);border-right:none;box-shadow:4px 0 20px #0003;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:350px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:15px 10px}.sidebar.collapsed .toggle-btn{margin-left:0}.sidebar.collapsed .sidebar-main-container{padding:10px 0}.sidebar-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;min-height:80px;padding:20px 15px}.logo-container{align-items:center;display:flex;flex:1 1;gap:12px}.logo-icon{border-radius:8px;font-size:16px;height:40px;width:40px}.logo-icon,.logo-icon-small{align-items:center;background:linear-gradient(45deg,#5f9fd8,#74c9e8);box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-weight:700;justify-content:center}.logo-icon-small{border-radius:6px;font-size:12px;height:30px;width:30px}.logo-text{display:flex;flex-direction:column}.logo-title{color:#fff;font-size:16px;font-weight:600}.logo-subtitle{color:#bdc3c7;font-size:11px;opacity:.8}.toggle-btn{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:background .3s ease;width:30px}.toggle-btn:hover{background:#fff3}.sidebar-content-figma,.sidebar-main-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sidebar-category-container{display:flex;flex:1 1;margin-top:20px;overflow:hidden}.sidebar-lateral-icons{align-items:center;background:#00000026;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;gap:15px;overflow-y:auto;padding:20px 0;width:90px}.sidebar-lateral-icons::-webkit-scrollbar{width:3px}.sidebar-lateral-icons::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-lateral-icons::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.lateral-icon-btn{align-items:center;background:#ffffff4d;border:2px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:65px;justify-content:center;transition:all .3s ease;width:65px}.lateral-icon-btn:hover{background:#fff6;border-color:#fff;transform:scale(1.1)}.lateral-icon-btn.active{background:#fff;border-color:#fff;color:#4a9de8;transform:scale(1.05)}.sidebar-module-title{margin-bottom:15px;padding:20px 15px 10px}.sidebar-module-title h2{color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.module-selector{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding:0 15px}.module-selector-btn{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 15px;text-align:left;transition:all .3s ease}.module-selector-btn:hover{background:#ffffff40}.module-selector-btn.active{background:#fffffff2;box-shadow:0 2px 8px #0003;color:#5f9fd8}.sidebar-menu-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:15px}.sidebar-menu-list::-webkit-scrollbar{width:4px}.sidebar-menu-list::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-menu-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-menu-item{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase;transition:all .3s ease;width:100%}.sidebar-menu-item:hover{background:#ffffff4d;transform:translateX(5px)}.sidebar-menu-item.active{background:#fff;box-shadow:0 4px 15px #0003;color:#4a9de8;font-weight:700}.menu-item-icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:24px}.menu-item-text{flex:1 1;line-height:1.3;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.sidebar-collapsed-icons{align-items:center;display:flex;flex-direction:column;gap:15px;padding:10px 0}.collapsed-icon-wrapper{position:relative}.sidebar-icon-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;transition:all .3s ease;width:45px}.sidebar-icon-btn:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.sidebar-icon-btn.active{background:linear-gradient(135deg,#5f9fd8,#74c9e8);box-shadow:0 4px 12px #5f9fd866}.sidebar-tooltip{animation:slideInFromLeft .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000040;left:85px;max-width:320px;min-width:280px;overflow:hidden;pointer-events:auto;position:fixed;transform:translateY(-10px);z-index:2000}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.tooltip-header{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-bottom:2px solid #fff3;color:#fff;display:flex;gap:12px;padding:16px 20px}.tooltip-icon{font-size:24px}.tooltip-title{font-size:15px;font-weight:600;letter-spacing:.3px}.tooltip-items{max-height:400px;overflow-y:auto;padding:12px}.tooltip-items::-webkit-scrollbar{width:6px}.tooltip-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tooltip-items::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tooltip-items::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.tooltip-item{align-items:center;background:#f8f9fa;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:6px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.tooltip-item:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb);box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.tooltip-item.active{background:linear-gradient(135deg,#5f9fd8,#74c9e8);box-shadow:0 2px 8px #5f9fd84d;color:#fff;font-weight:600}.tooltip-item-icon{font-size:18px;min-width:20px}.tooltip-item-text{flex:1 1;line-height:1.3;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.sidebar-bottom-section{border-top:1px solid #fff3;margin-top:auto;padding:15px}.user-info-figma{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:12px;padding:12px}.user-avatar-figma{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 6px #00000026;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.user-details-figma{display:flex;flex-direction:column}.user-name-figma{color:#fff;font-size:14px;font-weight:600}.user-role-figma{color:#fffc;font-size:11px}.help-button-figma{align-items:center;background:#fffffff2;border:none;border-radius:10px;box-shadow:0 2px 6px #0000001a;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;margin-top:12px;padding:12px 16px;transition:all .3s ease;width:100%}.help-button-figma:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.help-icon{font-size:18px}.help-text{flex:1 1;text-align:left}.help-icon-collapsed{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;margin:0 auto;transition:all .3s ease;width:45px}.help-icon-collapsed:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.dashboard-item{background:#ffffff1a;border-radius:8px;margin:10px 15px}.dashboard-item:hover{background:#fff3}.dashboard-item.active{background:linear-gradient(45deg,#4a90e2,#357abd);box-shadow:0 2px 8px #0000004d}.main-module{border-bottom:1px solid #ffffff1a;margin:10px 0}.main-module-header{align-items:center;background:#0003;border-left:4px solid #0000;cursor:pointer;display:flex;padding:14px 15px;transition:all .3s ease}.main-module-header.expanded,.main-module-header:hover{background:#ffffff26;border-left-color:var(--module-color)}.module-icon{font-size:20px;margin-right:12px;min-width:22px;text-align:center}.module-title{flex:1 1;font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.module-subcategories{background:#0000001a;padding:5px 0}.menu-category{margin:5px 0}.category-header{align-items:center;border-left:4px solid #0000;cursor:pointer;display:flex;padding:12px 15px;transition:all .3s ease}.category-header.expanded,.category-header:hover{background:#ffffff1a;border-left-color:var(--category-color)}.category-icon{font-size:18px;margin-right:12px;min-width:20px}.category-title{flex:1 1;font-size:14px;font-weight:500}.expand-icon{font-size:10px;transition:transform .3s ease}.category-header.expanded .expand-icon{transform:rotate(0deg)}.category-items{background:#0003;padding:5px 0}.menu-item{align-items:center;cursor:pointer;display:flex;padding:10px 15px 10px 35px;position:relative;transition:all .3s ease}.menu-item:hover{background:#ffffff1a;padding-left:40px}.menu-item.active{background:#fff3;border-radius:10px;border-right:none;color:#fff;font-weight:600;margin:0 10px}.menu-item.active:before{display:none}.menu-icon{font-size:16px;margin-right:12px;min-width:18px;text-align:center}.menu-title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff1a;padding:15px}.help-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:10px;transition:background .3s ease}.help-item:hover{background:#ffffff1a}.sidebar.collapsed .main-module-header{border-left:none;justify-content:center;padding:14px 10px;position:relative}.sidebar.collapsed .main-module-header:hover{background:#fff3;transform:scale(1.05)}.sidebar.collapsed .main-module-header.expanded{background:#ffffff40}.sidebar.collapsed .expand-icon,.sidebar.collapsed .module-subcategories,.sidebar.collapsed .module-title{display:none}.sidebar.collapsed .module-icon{font-size:24px;margin-right:0;transition:transform .3s ease}.sidebar.collapsed .main-module-header:hover .module-icon{transform:scale(1.1)}.sidebar.collapsed .category-header{justify-content:center;padding:12px 10px}.sidebar.collapsed .menu-item{justify-content:center;padding:10px}.sidebar.collapsed .category-items,.sidebar.collapsed .category-title,.sidebar.collapsed .logo-text,.sidebar.collapsed .menu-title{display:none}.user-info-sidebar{background:#0000001a;border-top:1px solid #ffffff1a;padding:15px}.user-status{align-items:center;display:flex;gap:10px;margin-bottom:10px}.user-avatar-small{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.user-details-small{display:flex;flex-direction:column;gap:2px}.user-name-small{color:#fff;font-size:12px;font-weight:600}.user-role-small{border-radius:10px;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.user-role-small.admin{background:linear-gradient(45deg,#27ae60,#2ecc71);color:#fff}.user-role-small.user{background:linear-gradient(45deg,#f39c12,#e67e22);color:#fff}.user-role-small.rrhh{background:linear-gradient(45deg,#3498db,#2980b9);color:#fff}.access-notice{align-items:center;background:#ff98001a;border:1px solid #ff98004d;border-radius:6px;display:flex;gap:6px;margin-top:8px;padding:8px}.notice-icon{font-size:12px}.notice-text{color:#ffab40;font-size:10px;line-height:1.3}.category-header.disabled{cursor:not-allowed;opacity:.5}.category-header.disabled:hover{background:#ffffff0d!important}.toast-sidebar{align-items:center;animation:slideInRightSidebar .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:550px;min-width:350px;padding:16px 20px;position:fixed;right:20px;top:20px;white-space:pre-wrap;z-index:100000}@keyframes slideInRightSidebar{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-sidebar-success{border-left:4px solid #28a745}.toast-sidebar-error{border-left:4px solid #dc3545}.toast-sidebar-warning{border-left:4px solid #ffc107}.toast-sidebar-info{border-left:4px solid #17a2b8}.toast-sidebar-icon{flex-shrink:0;font-size:24px}.toast-sidebar-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-sidebar-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.toast-sidebar-close:hover{background:#f0f0f0;color:#333}@media screen and (max-width:768px){.sidebar{width:200px}.sidebar.collapsed{width:50px}.sidebar-header{min-height:60px;padding:12px 10px}.logo-icon{height:35px;width:35px}.logo-icon,.logo-title{font-size:14px}.logo-subtitle{font-size:10px}.toggle-btn{font-size:11px;height:28px;width:28px}.category-header{padding:10px 12px}.category-icon{font-size:16px}.module-icon{font-size:18px}.category-title{font-size:13px}.menu-item{font-size:12px;padding:8px 12px 8px 30px}.menu-item:hover{padding-left:33px}.menu-icon{font-size:14px}.menu-title{font-size:12px}.sidebar-footer{padding:12px}.help-item{font-size:12px;padding:8px}.user-info-sidebar{padding:12px}}@media screen and (max-width:480px){.sidebar{width:180px}.sidebar.collapsed{width:45px}.sidebar-header{min-height:55px;padding:10px 8px}.logo-icon{font-size:12px;height:30px;width:30px}.logo-container{gap:8px}.logo-title{font-size:13px}.logo-subtitle{font-size:9px}.toggle-btn{font-size:10px;height:26px;width:26px}.category-header{padding:8px 10px}.category-icon{font-size:15px;margin-right:8px}.module-icon{font-size:17px;margin-right:8px}.category-title{font-size:12px}.expand-icon{font-size:9px}.menu-item{font-size:11px;padding:7px 10px 7px 25px}.menu-item:hover{padding-left:28px}.menu-icon{font-size:13px;margin-right:8px}.menu-title{font-size:11px}.sidebar-footer{padding:10px}.help-item{font-size:11px;padding:7px}.user-info-sidebar{padding:10px}.user-avatar-small{font-size:12px;height:28px;width:28px}.user-name-small{font-size:11px}.user-role-small{font-size:9px;padding:1px 5px}.notice-text{font-size:9px}}@media screen and (max-width:360px){.sidebar{width:160px}.sidebar.collapsed{width:40px}.sidebar-header{min-height:50px;padding:8px 6px}.logo-icon{font-size:11px;height:28px;width:28px}.logo-title{font-size:12px}.logo-subtitle{display:none}.toggle-btn{font-size:9px;height:24px;width:24px}.category-header{padding:7px 8px}.category-icon{font-size:14px;margin-right:6px}.module-icon{font-size:16px;margin-right:6px}.category-title{font-size:11px}.menu-item{font-size:10px;padding:6px 8px 6px 22px}.menu-item:hover{padding-left:25px}.menu-icon{font-size:12px;margin-right:6px}.menu-title{font-size:10px}}.signature-canvas-container{background:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.signature-canvas-header{text-align:center}.signature-canvas-header h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:700;gap:8px;justify-content:center;margin:0 0 8px}.signature-help{color:#6c757d;font-size:13px;margin:0}.canvas-wrapper{align-items:center;border:3px solid #667eea;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;overflow:hidden;padding:10px}.signature-canvas{background:#fff;border-radius:4px;cursor:crosshair;display:block;height:200px;max-width:500px;touch-action:none;width:100%}.signature-canvas-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn-cancel-canvas,.btn-clear-canvas,.btn-save-canvas{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-clear-canvas{background:#f39c12;color:#fff;flex:1 1;justify-content:center}.btn-clear-canvas:hover{background:#e67e22;box-shadow:0 4px 12px #f39c124d;transform:translateY(-2px)}.btn-cancel-canvas{background:#95a5a6;color:#fff;flex:1 1;justify-content:center}.btn-cancel-canvas:hover{background:#7f8c8d;box-shadow:0 4px 12px #95a5a64d;transform:translateY(-2px)}.btn-save-canvas{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;flex:2 1;justify-content:center}.btn-save-canvas:hover{box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.btn-save-canvas:disabled{background:#bdc3c7;cursor:not-allowed}.btn-save-canvas:disabled,.btn-save-canvas:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.signature-canvas-container{padding:15px}.signature-canvas{height:150px;max-width:100%}.signature-canvas-actions{flex-direction:column}.btn-cancel-canvas,.btn-clear-canvas,.btn-save-canvas{flex:none;width:100%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signature-canvas-container{animation:slideInUp .3s ease}.profile-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.profile-modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}.profile-modal-header{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-bottom:2px solid #e9ecef;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 28px}.profile-modal-title{align-items:center;display:flex;gap:12px}.profile-icon{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:28px;height:45px;justify-content:center;width:45px}.profile-modal-title h2{color:#fff;font-size:24px;font-weight:700;margin:0}.profile-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.profile-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.profile-modal-close:disabled{cursor:not-allowed;opacity:.5}.profile-alert{align-items:center;animation:slideDown .3s ease;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;margin:20px 28px 0;padding:12px 16px}.profile-alert-error{background:#fee;border:1px solid #f5c6cb;color:#c62828}.profile-alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-icon{font-size:18px}.profile-modal-form{padding:28px}.profile-form-group{margin-bottom:24px}.profile-form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.profile-input{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.profile-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.profile-input.disabled{color:#6c757d}.profile-input.disabled,.profile-input:disabled{background:#f8f9fa;cursor:not-allowed}.profile-help-text{color:#6c757d;display:block;font-size:12px;margin-top:6px}.profile-password-input{align-items:center;display:flex;position:relative}.profile-password-input .profile-input{padding-right:50px}.password-toggle-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:20px;padding:4px 8px;position:absolute;right:12px;transition:background .2s ease}.password-toggle-btn:hover{background:#0000000d}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.signature-preview-container{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.signature-current-label{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px}.signature-current-label span:first-child{font-size:16px}.signature-preview{background:#fff;border:2px solid #dee2e6;border-radius:8px;max-height:150px;max-width:100%;object-fit:contain;padding:10px}.signature-actions-simple{display:flex;gap:10px}.btn-action-signature{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.btn-action-signature.btn-redraw{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-action-signature.btn-redraw:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-action-signature.btn-remove{background:#e74c3c;color:#fff}.btn-action-signature.btn-remove:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.btn-action-signature:disabled{cursor:not-allowed;opacity:.6;transform:none}.signature-empty-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #667eea;border-radius:12px;display:flex;justify-content:center;padding:30px 20px;transition:all .3s ease}.signature-empty-container:hover{background:linear-gradient(135deg,#e8ecf3,#b8c6db);border-color:#5568d3}.btn-draw-signature-main{align-items:center;background:#fff;border:3px solid #667eea;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:32px 48px;transition:all .3s ease}.btn-draw-signature-main:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 24px #667eea4d;color:#fff;transform:translateY(-4px)}.btn-draw-signature-main:disabled{cursor:not-allowed;opacity:.6;transform:none}.draw-icon{font-size:48px}.draw-title{font-size:18px;font-weight:700}.draw-desc{font-size:13px;opacity:.8}.signature-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action-signature.btn-draw{background:#667eea;color:#fff}.btn-action-signature.btn-draw:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-action-signature.btn-upload{background:#3498db;color:#fff}.btn-action-signature.btn-upload:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.signature-options-container{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:24px}.signature-options-text{color:#2c3e50;font-size:14px;font-weight:600;margin:0;text-align:center}.signature-options-buttons{display:flex;gap:16px;justify-content:center}.btn-option-signature{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:200px;padding:20px 16px;transition:all .3s ease}.btn-option-signature:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.btn-option-signature.btn-draw-option{border-color:#667eea}.btn-option-signature.btn-draw-option:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.btn-option-signature.btn-upload-option{border-color:#3498db}.btn-option-signature.btn-upload-option:hover{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;color:#fff}.option-icon{font-size:40px}.option-title{font-size:15px;font-weight:700}.option-desc{font-size:12px;opacity:.8}.btn-option-signature:disabled{cursor:not-allowed;opacity:.6;transform:none}.signature-upload-container{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;justify-content:center;padding:40px 20px;transition:all .2s ease}.signature-upload-container:hover{background:#f0f3ff;border-color:#667eea}.btn-upload-signature{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:10px;padding:20px 40px;transition:all .2s ease}.btn-upload-signature:hover{background:#667eea;box-shadow:0 6px 16px #667eea4d;color:#fff;transform:translateY(-2px)}.btn-upload-signature:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-icon{font-size:32px}.profile-modal-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:#f8f9fa;border:2px solid #dee2e6;color:#6c757d}.btn-cancel:hover{background:#e9ecef;border-color:#adb5bd}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{border:2px solid #ffffff4d;height:16px;width:16px}@media (max-width:768px){.profile-modal-container{margin:10px;max-height:95vh;max-width:100%}.profile-modal-header{padding:20px}.profile-modal-title h2{font-size:20px}.profile-icon{font-size:22px;height:38px;width:38px}.profile-modal-form{padding:20px}.profile-form-group{margin-bottom:20px}.signature-actions,.signature-actions-simple{flex-direction:column}.btn-action-signature{min-width:auto;width:100%}.btn-draw-signature-main{padding:24px 32px}.draw-icon{font-size:40px}.draw-title{font-size:16px}.signature-options-buttons{align-items:stretch;flex-direction:column}.btn-option-signature{max-width:100%}.profile-modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-save{justify-content:center;width:100%}}.profile-modal-container::-webkit-scrollbar{width:8px}.profile-modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 16px 16px 0}.profile-modal-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.profile-modal-container::-webkit-scrollbar-thumb:hover{background:#5568d3}.ordenes-compra-servicio-container{background:#0000;box-sizing:border-box;min-height:100vh;padding:0;width:100%}.ordenes-header{align-items:center;animation:slideDown .5s ease-out;background:linear-gradient(135deg,#60abfa,#1643dc);border-left:none;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem}.ordenes-header-icon{color:#fff;font-size:2.5rem}.ordenes-header h1{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:.03125rem;margin:0}.ordenes-content{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1400px}.ordenes-card{animation:fadeIn .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin-bottom:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.ordenes-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.orden-pedido-card{margin-bottom:20px;width:100%}.card-header{background:linear-gradient(135deg,#60abfa,#1643dc);gap:.75rem;padding:1rem 1.25rem}.card-icon{font-size:1.5rem}.card-header h3{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.03125rem}.card-body{padding:20px}.ordenes-grid-top{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.ordenes-grid-middle{display:grid;grid-template-columns:1fr;margin-bottom:20px}.ordenes-grid-bottom{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr auto}.tipo-orden-card .card-header{background:linear-gradient(135deg,#60abfa,#1643dc)}.tipo-orden-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:10px 0}.tipo-orden-option{align-items:center;background:linear-gradient(135deg,#fdfbfb,#ebedee);border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:150px;padding:30px 20px;transition:all .3s ease}.tipo-orden-option:hover{border-color:#60abfa;box-shadow:0 5px 15px #60abfa33;transform:translateY(-5px)}.tipo-orden-option.active{background:linear-gradient(135deg,#60abfa,#1643dc);border-color:#60abfa;box-shadow:0 8px 25px #60abfa66}.tipo-orden-option.active .option-icon,.tipo-orden-option.active .option-text{color:#fff}.tipo-orden-option input[type=radio]{display:none}.option-icon{font-size:64px;transition:transform .3s ease}.tipo-orden-option:hover .option-icon{transform:scale(1.15)}.tipo-orden-option.active .option-icon{transform:scale(1.1)}.option-text{color:#333;font-size:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.form-row{grid-gap:15px;align-items:end;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.form-group{gap:8px;width:100%}.form-group-small{min-width:180px}.form-group-large{grid-column:span 2}.form-group label{margin-bottom:5px}.form-input,select.form-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-input:focus,select.form-input:focus{border-color:#60abfa;box-shadow:0 0 0 3px #60abfa1a;outline:none}.form-input:disabled,.form-input[readonly]{background-color:#e9ecef;border-color:#ced4da;color:#495057;cursor:not-allowed;font-weight:500;opacity:1}.form-input[readonly]:hover{border-color:#ced4da;box-shadow:none}.form-textarea{box-sizing:border-box;min-height:100px;width:100%}.form-input:focus{border-color:#60abfa;box-shadow:0 0 0 3px #60abfa1a;outline:none}.form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 15px;resize:vertical;transition:all .3s ease}.form-textarea:focus{border-color:#60abfa;box-shadow:0 0 0 3px #60abfa1a;outline:none}.tabla-productos-container{border:2px solid #e0e0e0;border-radius:8px;overflow-x:auto}.tabla-productos{border-collapse:collapse}.tabla-productos thead{background:linear-gradient(135deg,#60abfa,#1643dc)}.tabla-productos thead th{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:center}.tabla-productos tbody tr{transition:background-color .3s ease}.tabla-productos tbody tr:hover{background-color:#f5f7fa}.tabla-productos tbody td{color:#333;font-size:14px;padding:12px 15px;text-align:center}.tabla-vacia{color:#999;font-size:16px;font-style:italic;padding:40px!important;text-align:center}.btn-eliminar{background:linear-gradient(135deg,#60abfa,#1643dc);border-radius:6px;box-shadow:0 3px 10px #60abfa4d;font-size:16px;padding:8px 15px}.btn-eliminar:hover{box-shadow:0 5px 15px #60abfa80;transform:scale(1.1)}.ordenes-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end;margin-top:20px}.btn-guardar,.btn-insertar{align-items:center;border:none;border-radius:10px;box-shadow:0 5px 15px #0003;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;padding:15px 40px;transition:all .3s ease;white-space:nowrap}.btn-insertar{background:linear-gradient(135deg,#60abfa,#1643dc);color:#fff}.btn-insertar:hover:not(:disabled){box-shadow:0 8px 20px #60abfa66;transform:translateY(-3px)}.btn-insertar:disabled{cursor:not-allowed;opacity:.5}.btn-guardar{background:linear-gradient(135deg,#60abfa,#1643dc)}.btn-guardar:hover:not(:disabled){box-shadow:0 8px 20px #60abfa66;transform:translateY(-3px)}.btn-guardar:disabled{cursor:not-allowed;opacity:.5}.btn-icon{font-size:20px}.resumen-card{max-width:400px;min-width:350px}.resumen-card .card-header{background:linear-gradient(135deg,#60abfa,#1643dc)}.resumen-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 0}.resumen-row:last-child{border-bottom:none}.resumen-label{color:#555;font-size:15px;font-weight:600}.resumen-valor{color:#60abfa;font-family:Courier New,monospace;font-size:16px;font-weight:700}.resumen-total{border-top:3px solid #60abfa;margin-top:15px;padding-top:20px}.resumen-total .resumen-label{color:#60abfa;font-size:20px;font-weight:700}.resumen-total .resumen-valor{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60abfa,#1643dc);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1200px){.ordenes-grid-bottom,.ordenes-grid-top{gap:20px;grid-template-columns:1fr}.resumen-card{min-width:auto;width:100%}}@media (max-width:768px){.ordenes-compra-servicio-container{padding:15px}.ordenes-header{padding:20px}.ordenes-header h1{font-size:24px}.ordenes-header-icon{font-size:36px}.form-row{flex-direction:column;gap:15px}.form-group-small{flex:1 1;width:100%}.tipo-orden-options{flex-direction:column;gap:15px}.ordenes-actions{flex-direction:column;width:100%}.btn-guardar,.btn-insertar{justify-content:center;width:100%}.tabla-productos-container{font-size:12px;overflow-x:auto}.tabla-productos tbody td,.tabla-productos thead th{font-size:12px;padding:8px}.card-body{padding:15px}}@media (max-width:480px){.ordenes-compra-servicio-container{padding:10px}.ordenes-header{flex-direction:column;padding:15px;text-align:center}.ordenes-header h1{font-size:20px}.card-body{padding:12px}.form-group{width:100%}.btn-guardar,.btn-insertar{font-size:14px;padding:12px 20px}}.btn-ver-proveedor{align-items:center;background:linear-gradient(135deg,#60abfa,#1643dc);border:none;border-radius:8px;box-shadow:0 4px 12px #60abfa4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.btn-ver-proveedor:hover:not(:disabled){background:linear-gradient(135deg,#1643dc,#0d2b9e);box-shadow:0 6px 16px #60abfa66;transform:translateY(-2px)}.btn-ver-proveedor:disabled{cursor:not-allowed;opacity:.5}.proveedor-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:10px}.info-item{background:#f8f9fa;border-left:4px solid #60abfa;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:15px;transition:all .3s ease}.info-item:hover{background:#e8f1ff;border-left-color:#1643dc}.info-item strong{color:#60abfa;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:15px;font-weight:500}.btn-cerrar{background:linear-gradient(135deg,#60abfa,#1643dc);border-radius:5px;font-weight:700;padding:10px 30px;transition:all .3s}.btn-cerrar:hover{box-shadow:0 4px 12px #60abfa4d}.modal-footer{border-top:1px solid #e9ecef;justify-content:center;padding:20px}@media (max-width:768px){.proveedor-info-grid{grid-template-columns:1fr}}.ordenes-card .card-header+.card-body{padding:20px}.subtotal-group{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.subtotal-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.subtotal-display{background:linear-gradient(135deg,#60abfa,#1643dc);border-radius:8px;box-shadow:0 3px 10px #60abfa4d;color:#fff;font-size:18px;font-weight:700;padding:12px 15px;text-align:center;width:100%}.info-message{background:#e7f3ff;border-left:4px solid #60abfa;border-radius:5px;margin-bottom:15px;padding:12px 15px}.info-message strong{color:#1643dc;font-weight:600}.btn-guardar-oc,.btn-guardar-os{align-items:center;background:linear-gradient(135deg,#60abfa,#1643dc);border:none;border-radius:12px;box-shadow:0 5px 20px #60abfa4d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.5px;margin-top:20px;padding:20px;transition:all .3s ease;width:100%}.btn-guardar-oc:hover:not(:disabled),.btn-guardar-os:hover:not(:disabled){box-shadow:0 8px 25px #60abfa80;transform:translateY(-3px)}.btn-guardar-oc:disabled,.btn-guardar-os:disabled{cursor:not-allowed;opacity:.5}.notificacion-botones{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.notificacion-boton{flex:0 1 auto;font-size:15px;min-width:120px;padding:12px 30px}.notificacion-boton-accion{animation:pulse 2s infinite}.confirmacion-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirmacion-modal{animation:slideDown .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 15px 50px #0006;max-width:550px;padding:40px 35px 30px;position:relative;text-align:center;width:90%}.confirmacion-icono{align-items:center;animation:zoomIn .4s ease-out;border:4px solid #fff;border-radius:50%;box-shadow:0 6px 20px #0003;display:flex;height:90px;justify-content:center;margin:-65px auto 25px;width:90px}.confirmacion-icono span{color:#fff;font-size:45px;font-weight:700}.confirmacion-titulo{font-size:28px;font-weight:700;line-height:1.3;margin:0 0 18px}.confirmacion-mensaje{color:#555;font-size:16px;line-height:1.7;margin:0 0 25px;white-space:pre-line}.confirmacion-detalles{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;margin:25px 0;padding:18px;text-align:left}.confirmacion-detalle-item{border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:10px 0}.confirmacion-detalle-item:last-child{border-bottom:none}.confirmacion-detalle-label{color:#495057;font-size:14px;font-weight:600}.confirmacion-detalle-valor{color:#212529;font-size:15px;font-weight:600;max-width:60%;text-align:right;word-break:break-word}.confirmacion-botones{display:flex;gap:15px;justify-content:center;margin-top:25px}.confirmacion-boton{border:2px solid;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;max-width:200px;min-width:140px;padding:13px 35px;transition:all .3s ease}.confirmacion-boton-cancelar{background-color:#fff;border-color:#6c757d;color:#6c757d}.confirmacion-boton-cancelar:hover{background-color:#6c757d;box-shadow:0 5px 15px #6c757d4d;color:#fff;transform:translateY(-2px)}.confirmacion-boton-confirmar{color:#fff}.confirmacion-boton-confirmar:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.confirmacion-boton:active{transform:translateY(0)}@media (max-width:600px){.confirmacion-modal{padding:35px 25px 25px;width:95%}.confirmacion-icono{height:75px;margin:-60px auto 20px;width:75px}.confirmacion-icono span{font-size:38px}.confirmacion-titulo{font-size:24px}.confirmacion-mensaje{font-size:15px}.confirmacion-detalle-label,.confirmacion-detalle-valor{font-size:13px}.confirmacion-botones{flex-direction:column;gap:10px}.confirmacion-boton{font-size:15px;max-width:100%;padding:12px 25px}}.orden-pedido-container{background:#0000;border-radius:0;box-shadow:none;margin:0 auto;max-width:1400px;padding:0}.orden-pedido-header{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);border-left:none;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;margin-bottom:1.5rem;padding:1.5rem 2rem}.orden-pedido-header h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0}.orden-pedido-subtitle{color:#ffffffe6;font-size:.9375rem;margin:.625rem 0 0}.orden-pedido-form{background:#fff;border-radius:10px;padding:30px}.seccion{background:#fff;border-left:.25rem solid #64b2fc;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;margin-bottom:1.875rem;min-height:250px;padding:1.5rem 1.5rem 3rem;position:relative}.seccion-titulo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;margin:0 0 1.25rem}.seccion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.form-group.full-width{margin-bottom:1.5rem;z-index:auto}.form-group label{color:#333;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{-webkit-appearance:auto;appearance:auto;border-radius:6px;font-size:.95rem;padding:10px 12px}.form-group select,.form-group.full-width{overflow:visible;position:relative}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#64b2fc;box-shadow:0 0 0 .1875rem #64b2fc26}.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-readonly,.input-readonly-small{background-color:#f0f0f0;color:#666;cursor:not-allowed}.tabla-container{border:1px solid #e0e0e0;border-radius:8px;overflow:visible;position:relative}.tabla-productos{background:#fff;border-collapse:initial;border-spacing:0;position:relative;width:100%}.tabla-productos thead{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);color:#fff}.tabla-productos th{font-size:.9rem;font-weight:600;padding:12px;text-align:left}.tabla-productos tbody tr{border-bottom:1px solid #e0e0e0;position:relative;transition:background-color .2s ease}.tabla-productos tbody tr:hover{background-color:#f8f9fa;z-index:1}.tabla-productos td{border-bottom:1px solid #e0e0e0;overflow:visible;padding:10px;position:relative}.tabla-productos tbody tr:last-child td{border-bottom:none}.tabla-productos td input,.tabla-productos td select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px;width:100%}.tabla-productos td input:focus,.tabla-productos td select:focus{border-color:#64b2fc;box-shadow:0 0 0 2px #64b2fc1a;outline:none}.select-producto{font-size:.85rem!important}.textarea-observaciones{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:.95rem;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.textarea-observaciones:focus{border-color:#64b2fc;box-shadow:0 0 0 3px #64b2fc1a;outline:none}.btn-agregar{background:linear-gradient(135deg,#28a745,#20c997);border-radius:6px;box-shadow:0 4px 10px #28a7454d;padding:10px 20px;transition:all .3s ease}.btn-agregar:hover{box-shadow:0 6px 15px #28a74566;transform:translateY(-2px)}.btn-eliminar-fila{background:#dc3545;border-radius:4px;font-size:1rem;padding:6px 10px;transition:all .2s ease}.btn-eliminar-fila:hover:not(:disabled){background:#c82333;transform:scale(1.1)}.btn-eliminar-fila:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.acciones-footer{margin-top:30px}.btn-guardar,.btn-limpiar{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-limpiar{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 4px 10px #6c757d4d}.btn-limpiar:hover:not(:disabled){box-shadow:0 6px 15px #6c757d66;transform:translateY(-2px)}.btn-guardar{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);box-shadow:0 4px 10px #64b2fc4d}.btn-guardar:hover:not(:disabled){box-shadow:0 6px 15px #64b2fc66;transform:translateY(-2px)}.btn-guardar:disabled,.btn-limpiar:disabled{cursor:not-allowed;opacity:.6;transform:none}.mensaje-error,.mensaje-exito,.mensaje-info{animation:slideIn .3s ease-out;border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px 20px}.mensaje-error{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.mensaje-exito{background:#d4edda;border-left:4px solid #28a745;color:#155724}.mensaje-info{background:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.tabla-productos{font-size:.85rem}.tabla-productos td,.tabla-productos th{padding:8px}}@media (max-width:768px){.orden-pedido-container{margin:10px;padding:15px}.orden-pedido-header h2{font-size:1.8rem}.seccion{padding:15px}.acciones-footer{flex-direction:column}.btn-guardar,.btn-limpiar{width:100%}.seccion-header{flex-direction:column;gap:15px}.btn-agregar{width:100%}}.producto-combobox{z-index:100}.tabla-productos tbody tr:has(.dropdown-productos){position:relative;z-index:1000}.input-busqueda-producto{background-color:#fff!important;border:2px solid #ddd!important;border-radius:4px!important;font-size:.9rem!important;padding:8px 35px 8px 12px!important;transition:all .3s ease!important}.input-busqueda-producto:focus{border-color:#64b2fc!important;box-shadow:0 0 0 2px #64b2fc1a!important;outline:none!important}.btn-dropdown-toggle{border-radius:0 4px 4px 0;width:32px}.dropdown-productos{background:#fff;border:2px solid #64b2fc;border-radius:6px;box-shadow:0 10px 30px #0000004d;left:-2px;max-height:300px;min-width:calc(100% + 4px);overflow-y:auto;position:absolute;right:-2px;top:calc(100% + 4px);z-index:10000}.dropdown-productos-fixed::-webkit-scrollbar,.dropdown-productos::-webkit-scrollbar{width:8px}.dropdown-productos-fixed::-webkit-scrollbar-track,.dropdown-productos::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 6px 6px 0}.dropdown-productos-fixed::-webkit-scrollbar-thumb,.dropdown-productos::-webkit-scrollbar-thumb{background:#64b2fc;border-radius:4px}.dropdown-productos-fixed::-webkit-scrollbar-thumb:hover,.dropdown-productos::-webkit-scrollbar-thumb:hover{background:#3a7fe8}.aprobacion-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px;width:100%}.aprobacion-header{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:12px;box-shadow:0 4px 15px #00000026;display:flex;gap:20px;margin-bottom:25px;padding:25px 30px}.header-icon{border-radius:50%;height:70px;width:70px}.icon-aprobacion{font-size:36px}.header-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0003}.header-subtitle{color:#fffffff2;font-size:.95rem;margin:0}.aprobacion-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-button{align-items:center;background:#fff;border:2px solid #dce1e8;border-radius:10px;color:#5f6368;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:15px 25px;position:relative;transition:all .3s ease}.tab-button:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-color:#5f9fd8;color:#fff}.tab-icon{font-size:1.3rem}.tab-badge{align-items:center;background:#ff6b6b;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.search-container{margin-bottom:20px}.search-box{max-width:600px}.search-icon{color:#6c757d;font-size:1.2rem}.search-input{background:#fff;border:2px solid #dce1e8;border-radius:8px;font-size:.95rem;padding:12px 15px 12px 45px;width:100%}.search-input:focus{border-color:#5f9fd8;box-shadow:0 0 0 3px #5f9fd81a;outline:none}.error-alert{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;gap:10px;margin-bottom:20px;padding:12px 15px}.error-icon{font-size:1.5rem}.loading-container{background:#fff;border-radius:12px}.spinner{border-top-color:#5f9fd8}.empty-state{border-radius:12px}.empty-icon{font-size:4rem}.empty-state h3{margin-bottom:8px}.table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014}.ordenes-table{border-collapse:collapse;font-size:.85rem;width:100%}.ordenes-table thead{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff}.ordenes-table th{font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.ordenes-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.ordenes-table tbody tr:nth-child(2n){background-color:#f8f9fa}.ordenes-table tbody tr:hover{background-color:#e3f2fd}.ordenes-table td{padding:12px;vertical-align:middle}.estado-badge{display:inline-block;font-size:.75rem}.estado-badge.pendiente{background:#fff3cd;color:#856404}.btn-ver-detalle{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;font-size:.85rem;gap:6px;transition:all .3s}.btn-ver-detalle:hover{box-shadow:0 4px 8px #007bff4d}.toast{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left:4px solid #28a745}.toast-error{border-left:4px solid #dc3545}.toast-warning{border-left:4px solid #ffc107}.toast-info{border-left:4px solid #17a2b8}.toast-icon{flex-shrink:0;font-size:24px}.toast-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.toast-close:hover{background:#f0f0f0;color:#333}.modal-overlay{animation:fadeIn .2s ease-out}.modal-confirm{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;width:90%}.modal-confirm-header{align-items:center;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;gap:12px;padding:24px}.modal-confirm-header.warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.modal-confirm-header.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.modal-confirm-icon{font-size:32px}.modal-confirm-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-confirm-body{padding:24px}.modal-confirm-body p{color:#333;font-size:15px;line-height:1.6;margin:0}.modal-confirm-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel,.btn-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.btn-confirm{color:#fff}.btn-confirm.btn-warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.btn-confirm.btn-warning:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 8px #ffc10766;transform:translateY(-2px)}.btn-confirm.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333)}.btn-confirm.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc354566;transform:translateY(-2px)}.modal-input{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:550px;width:90%}.modal-input-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;gap:12px;padding:24px}.modal-input-icon{font-size:32px}.modal-input-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-input-body{padding:24px}.modal-input-message{color:#555;font-size:14px;line-height:1.5;margin:0 0 16px}.modal-input-textarea{border:2px solid #e9ecef;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s;width:100%}.modal-input-textarea:focus{border-color:#667eea;outline:none}.modal-input-hint{color:#dc3545;display:block;font-size:12px;margin-top:8px}.modal-input-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-confirm.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-confirm.btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.btn-confirm:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-confirm:disabled:hover{background:#ccc;box-shadow:none;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.modal-content{box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-width:1150px!important;overflow:hidden;width:96%!important}.modal-header{padding:20px 30px}.modal-title{align-items:center;display:flex;gap:12px}.modal-icon{font-size:1.5rem}.modal-title h2{font-size:1.15rem;font-weight:700;margin:0}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;transition:all .3s;width:35px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{flex:1 1;max-height:calc(90vh - 250px);overflow-y:auto;padding:25px 35px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.modal-loading{color:#6c757d;padding:40px 20px;text-align:center}.spinner{height:40px;margin:0 auto 15px;width:40px}.detalle-info-header{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.info-badge{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #90caf9;border-radius:20px;display:flex;font-size:.85rem;gap:6px;padding:8px 15px}.badge-icon{font-size:1rem}.badge-text{color:#1976d2;font-weight:700}.detalle-items{border-radius:8px;overflow-x:auto;width:100%}.detalle-table{border-collapse:collapse;font-size:.92rem;min-width:900px;table-layout:auto;width:100%}.detalle-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2c3e50;font-size:.82rem;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.detalle-table td,.detalle-table th{border:1px solid #dee2e6;padding:14px 18px}.detalle-table td{vertical-align:middle}.detalle-table tbody tr:nth-child(2n){background-color:#f8f9fa}.detalle-table tbody tr:hover{background-color:#e3f2fd}.detalle-table td:nth-child(4),.detalle-table td:nth-child(5),.detalle-table td:nth-child(6),.detalle-table th:nth-child(4),.detalle-table th:nth-child(5),.detalle-table th:nth-child(6){text-align:right}.detalle-table td:nth-child(3),.detalle-table th:nth-child(3){text-align:center}.detalle-table tfoot{background:linear-gradient(135deg,#667eea,#764ba2)}.detalle-total-row td{color:#fff!important;font-weight:700;padding:12px 15px}.detalle-total-label{font-size:.9rem;letter-spacing:1px;text-align:right;text-transform:uppercase}.detalle-total-value{font-size:1.1rem;font-weight:800;text-align:right}.modal-actions{align-items:center;background:#f8f9fa;border-top:2px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;padding:15px 30px}.actions-title{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0}.actions-icon{font-size:1.1rem}.action-buttons{display:flex;gap:12px}.btn-confirmar,.btn-rechazar{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 25px;transition:all .3s}.btn-confirmar{background:linear-gradient(135deg,#28a745,#218838)}.btn-confirmar:hover{box-shadow:0 4px 12px #28a7454d}.btn-rechazar{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-rechazar:hover{box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.modal-footer-info{align-items:center;background:#2c3e50;border-radius:0 0 16px 16px;color:#fff;display:flex;font-size:.75rem;gap:8px;justify-content:center;padding:10px 30px;text-align:center}.footer-icon{font-size:1rem}.totales-resumen{background:#fff;border:2px solid #dee2e6;border-radius:6px;display:flex;flex-direction:column;gap:4px;margin-left:auto;margin-top:15px;max-width:420px;padding:10px 18px}.total-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.total-row,.total-row:last-child{border-bottom:none}.total-label{font-size:.88rem;letter-spacing:.3px;text-transform:uppercase}.total-label,.total-value{color:#2c3e50;font-weight:700}.total-value{font-size:.95rem;text-align:right}.total-general{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #90caf9;border-radius:4px;margin-top:4px;padding:6px 12px!important}.total-general .total-label,.total-general .total-value{color:#1565c0;font-size:1rem;font-weight:800}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-header{padding:15px 20px}.modal-title h2{font-size:.95rem}.modal-body{padding:15px 20px}.modal-actions{align-items:stretch;flex-direction:column}.action-buttons{flex-direction:column;width:100%}.btn-confirmar,.btn-rechazar{justify-content:center;width:100%}.detalle-table{font-size:.75rem}.detalle-table td,.detalle-table th{padding:8px 10px}.totales-resumen{max-width:100%;padding:12px 15px}.total-row{padding:5px 0}.total-label,.total-value{font-size:.8rem}.total-general .total-label,.total-general .total-value{font-size:.9rem}}.kardex-container{background:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.kardex-header{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:15px;box-shadow:0 10px 30px #5f9fd84d;color:#fff;display:flex;gap:20px;margin-bottom:30px;padding:30px 40px}.header-icon-kardex{background:#fff3;border-radius:15px;font-size:50px;padding:15px}.header-content-kardex{flex:1 1}.header-title-kardex{font-size:32px;font-weight:700;margin:0}.header-subtitle-kardex{font-size:16px;margin:5px 0 0;opacity:.9}.kardex-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin-bottom:25px;padding-bottom:0}.tab-button-kardex{align-items:center;background:#fff;border:2px solid #e0e0e0;border-bottom:none;border-radius:10px 10px 0 0;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-right:-2px;padding:12px 24px;position:relative;transition:all .3s ease}.tab-button-kardex:last-child{margin-right:0}.tab-button-kardex.active{background:#5f9fd8;border-color:#5f9fd8;box-shadow:0 5px 15px #5f9fd84d;color:#fff;z-index:1}.tab-button-kardex:hover:not(.active){background:#f5f7fa;border-color:#5f9fd8}.tab-icon-kardex{font-size:20px}.tab-badge-kardex{background:#5f9fd8;border-radius:15px;box-shadow:0 2px 5px #667eea4d;color:#fff;font-size:12px;font-weight:700;min-width:30px;padding:3px 12px;text-align:center}.tab-button-kardex.active .tab-badge-kardex{background:#ffc107;box-shadow:0 2px 8px #ffc10780;color:#333}.tab-button-kardex:not(.active) .tab-badge-kardex{background:#5f9fd8;color:#fff}.stats-panel-kardex{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:12px;box-shadow:0 5px 20px #0000001a;color:#fff;display:flex;gap:15px;margin-bottom:20px;padding:20px 30px}.stats-icon-kardex{font-size:24px}.stats-text-kardex{font-size:14px;line-height:1.6}.search-container-kardex{margin-bottom:20px}.search-box-kardex{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:10px;padding:12px 20px;transition:all .3s ease}.search-box-kardex:focus-within{border-color:#5f9fd8;box-shadow:0 0 0 3px #5f9fd81a}.search-icon-kardex{color:#999;font-size:20px}.search-input-kardex{border:none;color:#333;flex:1 1;font-size:15px;outline:none}.search-input-kardex::placeholder{color:#999}.filter-container-kardex{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-group-kardex{display:flex;flex-direction:column;gap:8px}.filter-group-kardex label{color:#555;font-size:14px;font-weight:600}.date-input-kardex{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:10px 15px;transition:all .3s ease}.date-input-kardex:focus{border-color:#667eea}.btn-clear-filter-kardex,.btn-filter-kardex{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-filter-kardex{background:#667eea;color:#fff}.btn-filter-kardex:hover{background:#5568d3;box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-clear-filter-kardex{background:#6c757d;color:#fff}.btn-clear-filter-kardex:hover{background:#5a6268}.export-buttons-kardex{display:flex;gap:10px;margin-bottom:20px}.btn-export-kardex{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-excel-kardex{background:#107c10}.btn-excel-kardex:hover{background:#0e6b0e;transform:translateY(-2px)}.btn-pdf-kardex{background:#c00000}.btn-pdf-kardex:hover{background:#a00000;transform:translateY(-2px)}.btn-csv-kardex{background:#0078d7}.btn-csv-kardex:hover{background:#005a9e;transform:translateY(-2px)}.table-wrapper-kardex{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow:hidden}.kardex-table{border-collapse:collapse;width:100%}.kardex-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.kardex-table th{font-size:14px;font-weight:600;padding:15px;text-align:left}.kardex-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.kardex-table tbody tr:hover{background:#f8f9fa}.kardex-table td{color:#333;font-size:14px;padding:12px 15px}.precio-cell-kardex{font-weight:600;text-align:right}.stock-bajo-kardex{color:#dc3545!important;font-weight:700}.stock-bajo-kardex,.stock-normal-kardex{border-radius:6px;display:inline-block;min-width:60px;padding:6px 12px;text-align:center}.stock-normal-kardex{color:#28a745!important;font-weight:500}.stock-alto-kardex{border-radius:6px;color:#007bff!important;display:inline-block;font-weight:700;min-width:60px;padding:6px 12px;text-align:center}.tipo-badge-kardex{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.tipo-ingreso-kardex{background:#d4edda;color:#155724}.tipo-salida-kardex{background:#f8d7da;color:#721c24}.empty-state-kardex{color:#999;padding:60px 20px;text-align:center}.empty-icon-kardex{display:block;font-size:64px;margin-bottom:20px}.empty-state-kardex h3{color:#333;font-size:20px;margin-bottom:10px}.empty-state-kardex p{color:#999;font-size:14px}.loading-container-kardex{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner-kardex{animation:spin-kardex 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin-kardex{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container-kardex p{color:#666;font-size:16px;margin-top:20px}.toast-kardex{align-items:center;animation:slideInRightKardex .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInRightKardex{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-kardex-success{border-left:4px solid #28a745}.toast-kardex-error{border-left:4px solid #dc3545}.toast-kardex-warning{border-left:4px solid #ffc107}.toast-kardex-info{border-left:4px solid #17a2b8}.toast-kardex-icon{flex-shrink:0;font-size:24px}.toast-kardex-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-kardex-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.toast-kardex-close:hover{background:#f0f0f0;color:#333}@media (max-width:768px){.kardex-container{padding:15px}.kardex-header{flex-direction:column;padding:20px;text-align:center}.header-icon-kardex{font-size:40px;padding:12px}.header-title-kardex{font-size:24px}.header-subtitle-kardex{font-size:14px}.kardex-tabs{flex-direction:column;gap:10px}.tab-button-kardex{margin-right:0}.export-buttons-kardex,.filter-container-kardex{flex-direction:column}.table-wrapper-kardex{overflow-x:auto}}.layout{background:linear-gradient(180deg,#60abfa,#4a8fe8 25%,#3574d6 60%,#1643dc);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.layout,.main-content{display:flex;height:100vh}.main-content{background:#0000;flex:1 1;flex-direction:column;margin-left:350px;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:80px}.content-header{align-items:center;background:#0000;border-bottom:none;box-shadow:none;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;min-height:80px;padding:20px 30px;z-index:100}.header-left h1.page-title{color:#fff;font-size:24px;font-weight:600;margin:0}.header-left .page-subtitle{color:#ffffffe6;font-size:14px;margin:5px 0 0}.header-right{gap:20px}.header-right,.user-info{align-items:center;display:flex}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:30px;cursor:pointer;gap:12px;padding:10px 18px;transition:all .3s ease}.user-info:hover{background:#ffffff4d;box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.user-avatar{align-items:center;background:#ffffff40;border:2px solid #ffffff80;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:#fff;font-size:14px;font-weight:600}.user-role{color:#ffffffe6;font-size:12px}.logout-btn{align-items:center;background:#fff;border:2px solid #fff;border-radius:25px;box-shadow:0 3px 15px #0003;color:#1643dc;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background:#fffffff2;box-shadow:0 5px 20px #00000040;transform:translateY(-2px)}.logout-text{color:#1643dc!important;font-size:14px;font-weight:700}.content-main{background:#fff;border-top-left-radius:1.875rem;box-shadow:-.3125rem -.3125rem .9375rem #0000001a;flex:1 1;margin-top:.625rem;overflow-y:auto;padding:1.875rem}.dashboard-content{margin:0 auto;max-width:1400px;width:100%}.dashboard-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.alerts-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.alerts-section h2{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{align-items:center;border-left:4px solid;border-radius:8px;display:flex;gap:12px;padding:16px}.alert-item.warning{background:#fff3cd;border-left-color:#ffc107}.alert-item.info{background:#d1ecf1;border-left-color:#17a2b8}.alert-icon{flex-shrink:0;font-size:20px}.alert-info h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.alert-info p{color:#6c757d;font-size:13px;margin:0}.module-content{align-items:center;display:flex;justify-content:center;min-height:400px}.module-placeholder{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;max-width:400px;padding:60px 40px;text-align:center}.module-icon{font-size:64px;margin-bottom:20px}.module-placeholder h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 16px}.module-placeholder p{color:#6c757d;font-size:16px;margin:0 0 24px}.coming-soon{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-weight:500;padding:12px 24px}.content-footer{align-items:center;background:#fff;border-top:1px solid #e9ecef;color:#6c757d;display:flex;font-size:12px;justify-content:space-between;margin-top:auto;padding:16px 30px}.stats-container{display:flex;gap:20px}.session-info{font-size:11px}@media (max-width:1366px){.main-content{margin-left:240px}.content-header{padding:16px 20px}.content-header h1{font-size:22px}.content-main{padding:20px}.stats-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:1024px){.main-content,.main-content.sidebar-collapsed{margin-left:60px}.content-header{padding:15px 18px}.content-header h1{font-size:20px}.content-main{padding:18px}.stats-cards{gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:15px}}@media (max-width:768px){.main-content{margin-left:0;padding-top:60px}.content-header{flex-direction:column;gap:12px;padding:12px 15px;text-align:center}.content-header h1{font-size:18px}.content-header .breadcrumb{font-size:12px}.header-right{flex-direction:column;gap:8px;width:100%}.content-main{padding:15px}.content-footer{flex-direction:column;font-size:11px;gap:8px;padding:12px 15px;text-align:center}.stats-container{flex-direction:column;gap:5px}.stats-cards{grid-template-columns:1fr}.stat-card{padding:12px}}@media (max-width:480px){.main-content{padding-top:55px}.content-header{padding:10px 12px}.content-header h1{font-size:16px}.content-header .breadcrumb{font-size:11px}.content-main{padding:12px}.content-footer{font-size:10px;padding:10px 12px}.stat-card{padding:10px}.stat-card h3{font-size:12px}.stat-card .stat-value{font-size:20px}}@media (max-width:320px){.content-header h1{font-size:14px}.content-main{padding:10px}.stat-card{padding:8px}}.registro-proyecto-container{background:#0000;margin:0 auto;max-width:1400px;min-height:calc(100vh - 6.25rem);padding:0}.proyecto-header{background:#fff;border-left:.25rem solid #5f9fd8;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;margin-bottom:1.875rem;padding:1.5rem 2rem}.proyecto-header h2{color:#2c3e50;font-size:1.75rem;font-weight:700;margin:0 0 1.25rem}.btn-volver{background:#95a5a6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;margin-bottom:.9375rem;padding:.625rem 1.25rem;transition:all .3s ease}.btn-volver:hover{background:#7f8c8d;transform:translateX(-.3125rem)}.progress-bar{justify-content:space-between;margin-top:20px}.progress-bar,.progress-step{align-items:center;display:flex}.progress-step{flex:1 1;flex-direction:column;position:relative}.step-number{align-items:center;background:#e0e0e0;border-radius:50%;color:#999;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:2}.progress-step.active .step-number{background:linear-gradient(135deg,#66e089,#8cffb0);box-shadow:0 0 0 .25rem #66e08940;color:#fff}.step-label{color:#666;font-size:12px;font-weight:500;margin-top:10px;text-align:center}.progress-step.active .step-label{color:#66e089;font-weight:600}.progress-line{background:#e0e0e0;flex:1 1;height:3px;margin:0 10px;position:relative;top:-15px;transition:all .3s ease}.progress-line.active{background:#27ae60}.proyecto-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.form-step h3{color:#2c3e50;font-size:24px;margin:0 0 10px}.step-description{color:#7f8c8d;font-size:14px;margin-bottom:30px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.form-group.full-width{grid-column:1/-1}.form-group label{font-weight:500}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:14px;padding:12px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.radio-group{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:10px}.radio-option{position:relative}.radio-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.radio-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:25px;text-align:center;transition:all .3s ease}.radio-option input[type=radio]:checked+label .radio-card{background:#f0f9f4;border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.radio-card:hover{border-color:#27ae60;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.radio-icon{font-size:48px;margin-bottom:15px}.radio-title{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:8px}.radio-description{color:#7f8c8d;font-size:13px}.info-box{align-items:flex-start;background:#e3f2fd;border-left:4px solid #2196f3;display:flex;grid-column:1/-1;margin-top:15px;padding:15px}.info-box.success{background:#f0f9f4;border-left-color:#27ae60}.info-icon{flex-shrink:0;font-size:24px;margin-right:15px}.info-content{flex:1 1}.info-content strong{color:#2c3e50;display:block;margin-bottom:5px}.info-content p{color:#7f8c8d;font-size:13px;margin:0}.resumen-container{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:25px}.resumen-section{border-bottom:1px solid #e0e0e0;margin-bottom:25px;padding-bottom:20px}.resumen-section:last-child{border-bottom:none;margin-bottom:0}.resumen-section h4{align-items:center;color:#2c3e50;display:flex;font-size:16px;gap:8px;margin:0 0 15px}.resumen-item{display:flex;justify-content:space-between;padding:8px 0}.resumen-label{color:#7f8c8d;font-size:14px;font-weight:500}.resumen-value{color:#2c3e50;font-size:14px;font-weight:600;text-align:right}.form-actions{border-top:1px solid #e0e0e0;gap:15px;justify-content:space-between;margin-top:30px;padding-top:20px}.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.btn-primary{background:#27ae60}.btn-primary:hover{background:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff;font-size:16px;padding:14px 35px}.btn-success:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.proyectos-existentes{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.proyectos-existentes h3{color:#2c3e50;font-size:22px;margin:0 0 25px}.proyectos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.proyecto-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;cursor:pointer;padding:25px;text-align:center;transition:all .3s ease}.proyecto-card:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}.proyecto-icon{font-size:48px;margin-bottom:15px}.proyecto-card h4{font-size:18px;font-weight:600;margin:0 0 10px}.proyecto-tipo{font-size:13px;margin:0 0 15px;opacity:.9}.proyecto-card .btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;justify-content:center;margin-top:10px;width:100%}.proyecto-card .btn-secondary:hover{background:#ffffff4d}.subproyectos-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.subproyectos-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.subproyectos-header h3{color:#2c3e50;font-size:22px;margin:0}.subproyecto-form-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.subproyecto-form h3{color:#2c3e50;font-size:24px;margin:0 0 10px}.form-description{color:#7f8c8d;font-size:14px;margin-bottom:25px}.subproyecto-form .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.subproyecto-form .form-group{display:flex;flex-direction:column}.subproyecto-form .form-group.full-width{grid-column:1/-1}.subproyecto-form label{color:#2c3e50;font-size:14px;font-weight:500;margin-bottom:8px}.subproyecto-form input,.subproyecto-form select,.subproyecto-form textarea{border:2px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:14px;padding:12px;transition:all .3s ease}.subproyecto-form input:focus,.subproyecto-form select:focus,.subproyecto-form textarea:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a;outline:none}.subproyecto-form textarea{min-height:80px;resize:vertical}.subproyecto-form .input-readonly{background-color:#f5f5f5;cursor:not-allowed}.subproyectos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.subproyecto-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.subproyecto-card:hover{border-color:#27ae60;box-shadow:0 8px 20px #27ae6033;transform:translateY(-4px)}.subproyecto-header-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}.subproyecto-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:42px;margin-bottom:10px}.subproyecto-card h4{color:#fff;font-size:18px;font-weight:600;margin:0}.subproyecto-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px}.subproyecto-info-item{align-items:center;background:#f8f9fa;border-left:3px solid #27ae60;border-radius:6px;display:flex;font-size:13px;gap:10px;justify-content:space-between;padding:10px 12px}.subproyecto-info-item.codigo{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left-color:#2196f3;color:#1565c0;font-weight:600;justify-content:center}.info-label{color:#555;flex-shrink:0;font-weight:500;white-space:nowrap}.info-value{color:#2c3e50;font-weight:600;word-break:break-word}.subproyecto-codigo{color:#7f8c8d;display:inline-block;margin:5px 0;padding:5px 10px}.subproyecto-codigo,.subproyecto-info{background:#f8f9fa;border-radius:5px;font-size:13px}.subproyecto-info{border-left:3px solid #27ae60;color:#555;margin:8px 0;padding:6px 12px;text-align:left}.subproyecto-descripcion{background:#fff9e6;border-left:3px solid #ffc107;border-radius:6px;color:#666;font-size:13px;font-style:italic;line-height:1.5;margin-top:5px;padding:12px}.subproyecto-estado{display:flex;justify-content:center;margin-top:auto;padding-top:10px}.badge{font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.badge-activo{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge-inactivo{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.subproyecto-actions{grid-gap:8px;background:#f8f9fa;border-top:1px solid #e0e0e0;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:15px}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px;justify-content:center;min-height:60px;padding:10px 8px;text-align:center;transition:all .3s ease}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496;box-shadow:0 4px 12px #17a2b866;transform:translateY(-2px)}.btn-warning{background:#ffc107;color:#000}.btn-warning:hover{background:#e0a800;box-shadow:0 4px 12px #ffc10766;transform:translateY(-2px)}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.subproyecto-actions .btn-secondary{flex:1 1;font-size:13px;justify-content:center;padding:8px 16px}.empty-state{grid-column:1/-1}.empty-state p{margin:0 0 20px}.menu-proyectos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin-top:20px}.menu-proyectos-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;cursor:pointer;overflow:hidden;padding:35px;position:relative;text-align:center;transition:all .3s ease}.menu-proyectos-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.menu-proyectos-card:hover:before{opacity:1}.menu-proyectos-card:hover{box-shadow:0 12px 25px #0000004d;transform:translateY(-8px)}.menu-proyectos-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.menu-proyectos-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));font-size:60px;margin-bottom:20px}.menu-proyectos-card h4{font-size:22px;font-weight:600;margin:0 0 15px}.menu-proyectos-card p{font-size:14px;line-height:1.5;margin:0 0 20px;opacity:.9}.menu-proyectos-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:20px;display:inline-block;font-size:14px;font-weight:600;margin-top:10px;padding:8px 20px}.proyectos-header-section{align-items:flex-end;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.proyectos-count{color:#7f8c8d;font-size:14px;font-weight:500;margin:0}.btn-volver-small{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .3s ease}.btn-volver-small:hover{background:#5a6268;transform:translateX(-3px)}.persona-card{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.persona-info{border-top:1px solid #ffffff4d;margin-top:15px;padding-top:15px}.info-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:5px;font-size:13px;margin:5px 0;opacity:.95;padding:5px 10px;text-align:left}.proyecto-codigo{font-size:12px;margin:5px 0 10px;opacity:.8}.proyecto-actions{grid-gap:8px;border-top:1px solid #ffffff4d;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:15px;padding-top:15px}.btn-action{color:#fff;display:flex;flex-direction:column;font-size:11px;gap:5px;justify-content:center;min-height:60px;padding:10px 8px;text-align:center}.btn-info-action{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea66}.btn-info-action:hover{box-shadow:0 4px 12px #667eea99;transform:translateY(-2px)}.btn-warning-action{background:linear-gradient(135deg,#f6d365,#fda085);box-shadow:0 2px 8px #fda08566}.btn-warning-action:hover{box-shadow:0 4px 12px #fda08599;transform:translateY(-2px)}.btn-danger-action{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 8px #f5576c66}.btn-danger-action:hover{box-shadow:0 4px 12px #f5576c99;transform:translateY(-2px)}.btn-action:active{transform:translateY(0)}.btn-action:disabled{cursor:not-allowed;opacity:.6}.modal-overlay-confirm{align-items:center;animation:fadeInConfirm .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes fadeInConfirm{0%{opacity:0}to{opacity:1}}.modal-confirm-box{animation:slideUpConfirm .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:520px;width:90%}@keyframes slideUpConfirm{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-confirm-box-header{align-items:center;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;gap:12px;padding:24px}.modal-confirm-box-header.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.modal-confirm-box-header.warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.modal-confirm-box-icon{font-size:32px}.modal-confirm-box-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-confirm-box-body{padding:24px}.modal-confirm-box-body p{color:#333;font-size:15px;line-height:1.6;margin:0}.modal-confirm-box-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-modal-cancel,.btn-modal-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.btn-modal-cancel{background:#6c757d;color:#fff}.btn-modal-cancel:hover{background:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.btn-modal-confirm{color:#fff}.btn-modal-danger{background:linear-gradient(135deg,#dc3545,#c82333)}.btn-modal-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc354566;transform:translateY(-2px)}.btn-modal-warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.btn-modal-warning:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 8px #ffc10766;transform:translateY(-2px)}@media (max-width:768px){.form-grid,.radio-group{grid-template-columns:1fr}.progress-bar{flex-direction:column;gap:15px}.progress-line{display:none}.menu-proyectos-grid,.proyectos-grid,.subproyecto-form .form-grid,.subproyectos-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-success{justify-content:center;width:100%}.proyectos-header-section{align-items:flex-start;flex-direction:column;gap:10px}.menu-proyectos-card{padding:25px 20px}.menu-proyectos-icon{font-size:50px}.subproyecto-form-container{padding:20px}.subproyectos-header{align-items:flex-start;flex-direction:column;gap:15px}.subproyectos-header .btn-primary{width:100%}.subproyecto-actions{grid-template-columns:1fr}.btn-icon{flex-direction:row;font-size:14px;gap:8px;min-height:48px}}.modal-content{border-radius:12px}.modal-content .subproyecto-form{padding:0}.modal-content h3{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;font-size:22px;margin:0;padding:20px 30px}.modal-content .form-description{color:#555;font-weight:500;margin-bottom:20px;padding:15px 30px 0}.modal-content .form-grid{padding:0 30px}.modal-content .form-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;margin:0;padding:20px 30px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh;max-width:100%}.modal-content h3{font-size:18px;padding:15px 20px}.modal-content .form-actions,.modal-content .form-description,.modal-content .form-grid{padding-left:20px;padding-right:20px}.proyecto-actions{gap:10px;grid-template-columns:1fr}.btn-action{flex-direction:row;font-size:13px;gap:8px;min-height:48px}}.firma-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.firma-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:15px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.firma-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0;color:#fff;display:flex;gap:15px;padding:25px 30px}.firma-modal-header h3{font-size:24px;font-weight:600;margin:0}.firma-modal-icon{font-size:32px}.terminos-container{padding:30px}.terminos-content{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-size:13px;line-height:1.8;margin-bottom:25px;max-height:400px;overflow-y:auto;padding:25px}.terminos-content h4{color:#2c3e50;font-size:16px;font-weight:700;margin:20px 0 10px}.terminos-content p{margin:12px 0;text-align:justify}.terminos-content ul{margin:10px 0;padding-left:25px}.terminos-content li{margin:8px 0}.terminos-content::-webkit-scrollbar{width:10px}.terminos-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.terminos-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.terminos-content::-webkit-scrollbar-thumb:hover{background:#555}.terminos-actions{border-top:2px solid #e0e0e0;display:flex;gap:15px;justify-content:center;padding-top:20px}.btn-no-acepto{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;box-shadow:0 4px 15px #dc35454d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 35px;transition:all .3s ease}.btn-no-acepto:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.btn-acepto{align-items:center;background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 35px;transition:all .3s ease}.btn-acepto:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.firma-canvas-container{padding:30px}.canvas-wrapper{background:#fff;border:3px solid #27ae60;border-radius:10px;box-shadow:0 4px 15px #27ae6033;margin-bottom:25px;padding:15px}.firma-canvas{background:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:crosshair;height:250px;touch-action:none;width:100%}.firma-canvas:hover{background:#fff;border-color:#27ae60}.canvas-info{color:#7f8c8d;font-size:13px;font-style:italic;margin-top:12px;text-align:center}.canvas-actions{border-top:2px solid #e0e0e0;display:flex;gap:15px;justify-content:center;padding-top:20px}.btn-borrar-firma{align-items:center;background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:8px;box-shadow:0 4px 15px #ffc1074d;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 35px;transition:all .3s ease}.btn-borrar-firma:hover{background:linear-gradient(135deg,#e0a800,#d39e00);box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.btn-guardar-firma{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;box-shadow:0 4px 15px #27ae604d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 35px;transition:all .3s ease}.btn-guardar-firma:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.btn-guardar-firma:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.btn-insertar-firma{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;max-width:280px;padding:10px 24px;transition:all .3s ease;width:auto}.btn-insertar-firma:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.firma-preview{align-items:center!important;background:#f0f9f4;border:2px solid #27ae60;border-radius:10px;display:flex!important;gap:25px;justify-content:flex-start!important;margin-top:15px;padding:18px 25px}.firma-preview p{align-items:center;color:#27ae60!important;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;margin:0!important;white-space:nowrap}.firma-preview img{background:#fff!important;border:2px solid #27ae60!important;border-radius:6px!important;cursor:default!important;display:block!important;flex-shrink:1;height:auto!important;max-height:100px!important;max-width:280px!important;object-fit:contain!important;padding:12px!important;width:auto!important}.firma-preview img,.firma-preview img:active,.firma-preview img:focus,.firma-preview img:hover{animation:none!important;box-shadow:0 2px 8px #0000001a!important;transform:none!important;transition:none!important}.firma-preview img:active,.firma-preview img:focus,.firma-preview img:hover{scale:1!important}.firma-preview-resumen{margin-top:10px;text-align:center}.firma-preview-resumen img{animation:none!important;background:#fff!important;border:2px solid #27ae60!important;border-radius:6px!important;box-shadow:0 3px 10px #0000001a!important;cursor:default!important;display:inline-block!important;height:auto!important;max-height:120px!important;max-width:100%!important;padding:12px!important;transform:none!important;transition:none!important;width:auto!important}.firma-preview-resumen img:active,.firma-preview-resumen img:focus,.firma-preview-resumen img:hover{animation:none!important;box-shadow:0 3px 10px #0000001a!important;scale:1!important;transform:none!important;transition:none!important}@media (max-width:768px){.firma-modal-content{border-radius:10px;max-height:95vh;max-width:100%}.firma-modal-header{border-radius:10px 10px 0 0;padding:20px}.firma-modal-header h3{font-size:20px}.firma-canvas-container,.terminos-container{padding:20px}.terminos-content{font-size:12px;max-height:300px;padding:20px}.canvas-actions,.terminos-actions{flex-direction:column;gap:10px}.btn-acepto,.btn-borrar-firma,.btn-guardar-firma,.btn-no-acepto{justify-content:center;padding:12px 25px;width:100%}.firma-canvas{height:200px}.firma-preview{align-items:center!important;flex-direction:column!important;text-align:center!important}.firma-preview img{max-height:150px!important;max-width:100%!important}}.notificacion-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.notificacion-modal{animation:slideDown .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:40px 30px 30px;position:relative;text-align:center;width:90%}.notificacion-icono{align-items:center;animation:zoomIn .4s ease-out;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;height:80px;justify-content:center;margin:-60px auto 20px;width:80px}.notificacion-icono span{color:#fff;font-size:40px;font-weight:700}.notificacion-titulo{font-size:26px;font-weight:700;line-height:1.3;margin:0 0 15px}.notificacion-mensaje{color:#555;font-size:16px;line-height:1.6;margin:0 0 20px;white-space:pre-line}.notificacion-detalles{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.notificacion-detalle-item{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.notificacion-detalle-item:last-child{border-bottom:none}.notificacion-detalle-label{color:#495057;font-size:14px;font-weight:600}.notificacion-detalle-valor{color:#212529;font-size:14px;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.notificacion-boton{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;min-width:140px;padding:12px 40px;transition:all .3s ease}.notificacion-boton:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.notificacion-boton:active{transform:translateY(0)}@media (max-width:600px){.notificacion-modal{padding:35px 20px 25px;width:95%}.notificacion-icono{height:70px;margin:-55px auto 15px;width:70px}.notificacion-icono span{font-size:35px}.notificacion-titulo{font-size:22px}.notificacion-mensaje{font-size:14px}.notificacion-detalle-label,.notificacion-detalle-valor{font-size:13px}.notificacion-boton{font-size:14px;padding:10px 30px}}.registro-bodega-container{background:#0000;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0}.registro-bodega-header{align-items:center;background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);border-radius:16px;box-shadow:0 4px 15px #1846dd4d;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem}.registro-bodega-header .header-title-bodega{align-items:center;display:flex;gap:1rem}.registro-bodega-header .header-icon-bodega{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:12px;display:flex;font-size:2rem;height:56px;justify-content:center;width:56px}.registro-bodega-header .header-title-bodega h1{color:#fff!important;font-size:1.5rem;font-weight:700;letter-spacing:.03125rem;margin:0}.registro-bodega-header .header-title-bodega p{color:#ffffffe6!important;font-size:.875rem;font-weight:500;margin:.1875rem 0 0}.registro-bodega-header .header-actions-bodega{display:flex;gap:.75rem}.registro-bodega-header .btn-bodega{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.registro-bodega-header .btn-primary-bodega{background:#64b2fc;box-shadow:0 4px 12px #64b2fc66;color:#fff}.registro-bodega-header .btn-primary-bodega:hover{background:#5aa3eb;box-shadow:0 6px 16px #64b2fc80;transform:translateY(-2px)}.registro-bodega-header .btn-secondary-bodega{background:#ffffffe6;border:2px solid #ffffff80;color:#4a9de8}.registro-bodega-header .btn-secondary-bodega:hover{background:#fff;transform:translateY(-2px)}.registro-bodega-container .filtros-section-bodega{background:#fff;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;margin-bottom:1.5rem;padding:1.5rem 2rem}.registro-bodega-container .filtros-section-bodega h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64b2fc,#1846dd);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700;letter-spacing:.03125rem;margin:0 0 1rem}.registro-bodega-container .filtros-grid-bodega{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.registro-bodega-container .filtro-group-bodega{display:flex;flex-direction:column;gap:6px}.registro-bodega-container .filtro-group-bodega label{color:#2c3e50;font-size:13px;font-weight:600}.registro-bodega-container .filtro-group-bodega input,.registro-bodega-container .filtro-group-bodega select{border:.125rem solid #e0e6ed;border-radius:.5rem;font-size:.875rem;padding:.625rem .75rem;transition:all .3s ease}.registro-bodega-container .filtro-group-bodega input:focus,.registro-bodega-container .filtro-group-bodega select:focus{border-color:#5f9fd8;box-shadow:0 0 0 .1875rem #5f9fd826;outline:none}.registro-bodega-container .estadisticas-grid-bodega{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.registro-bodega-container .stat-card-bodega{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.registro-bodega-container .stat-card-bodega:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.registro-bodega-container .stat-icon-bodega{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.registro-bodega-container .stat-icon-bodega.red-bodega{background:linear-gradient(135deg,#ff7b7b,#ff6b9d)}.registro-bodega-container .stat-icon-bodega.blue-bodega{background:linear-gradient(135deg,#7db8e8,#92c9f2)}.registro-bodega-container .stat-icon-bodega.green-bodega{background:linear-gradient(135deg,#7fe89d,#9bffb8)}.registro-bodega-container .stat-icon-bodega.orange-bodega{background:linear-gradient(135deg,#ffb978,#fc9)}.registro-bodega-container .stat-icon-bodega.purple-bodega{background:linear-gradient(135deg,#c49bdc,#d9b3f0)}.registro-bodega-container .stat-info-bodega{flex:1 1}.registro-bodega-container .stat-info-bodega h3{color:#2c3e50;font-size:2.25rem;font-weight:700;line-height:1;margin:0}.registro-bodega-container .stat-info-bodega p{color:#95a5a6;font-size:.875rem;font-weight:500;margin:.5rem 0 0}.registro-bodega-container .tabla-section-bodega{background:#fff;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;margin-bottom:1.5rem;padding:1.5rem 2rem}.registro-bodega-container .tabla-header-bodega{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.registro-bodega-container .tabla-header-bodega h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#64b2fc,#1846dd);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.125rem;font-weight:700;gap:.625rem;margin:0}.registro-bodega-container .search-box-bodega{position:relative;width:18.75rem}.registro-bodega-container .search-box-bodega input{border:.125rem solid #e0e6ed;border-radius:.5rem;font-size:.875rem;padding:.625rem 2.5rem .625rem .9375rem;width:100%}.registro-bodega-container .search-box-bodega input:focus{border-color:#5f9fd8;box-shadow:0 0 0 .1875rem #5f9fd826;outline:none}.registro-bodega-container .search-icon-bodega{color:#7f8c8d;font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.registro-bodega-container .table-wrapper-bodega{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth}.registro-bodega-container .table-wrapper-bodega::-webkit-scrollbar{height:8px}.registro-bodega-container .table-wrapper-bodega::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.registro-bodega-container .table-wrapper-bodega::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border:.125rem solid #f1f3f5;border-radius:.625rem}.registro-bodega-container .table-wrapper-bodega::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4a8ddb,#6ba9e3)}.registro-bodega-container .bodega-table-unique{border-collapse:initial;border-spacing:0;width:100%}.registro-bodega-container .bodega-table-unique thead{background:linear-gradient(135deg,#5f9fd8,#74c9e8);position:-webkit-sticky;position:sticky;top:0;z-index:10}.registro-bodega-container .bodega-table-unique th{background:linear-gradient(135deg,#5f9fd8,#74c9e8);box-shadow:0 .125rem .25rem #0000001a;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.03125rem;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.registro-bodega-container .bodega-table-unique th:first-child{border-top-left-radius:10px}.registro-bodega-container .bodega-table-unique th:last-child{border-top-right-radius:10px}.registro-bodega-container .bodega-table-unique tbody{position:relative}.registro-bodega-container .bodega-table-unique tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.registro-bodega-container .bodega-table-unique tbody tr:hover{background:#f8f9ff}.registro-bodega-container .bodega-table-unique td{color:#2c3e50;font-size:12px;padding:10px 12px}.registro-bodega-container .estado-badge-bodega{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:5px 10px}.registro-bodega-container .estado-badge-bodega.activo-bodega{background:#d4edda;color:#155724}.registro-bodega-container .estado-badge-bodega.inactivo-bodega{background:#f8d7da;color:#721c24}.registro-bodega-container .estado-badge-bodega.mantenimiento-bodega{background:#fff3cd;color:#856404}.registro-bodega-container .actions-cell-bodega{display:flex;gap:8px;position:relative;z-index:1}.registro-bodega-container .btn-icon-bodega{border:none;border-radius:6px;cursor:pointer;font-size:15px;padding:7px 11px;transition:all .3s ease}.registro-bodega-container .btn-edit-bodega{background:#5f9fd8;color:#fff}.registro-bodega-container .btn-edit-bodega:hover{background:#4a8ddb;transform:translateY(-.125rem)}.registro-bodega-container .btn-delete-bodega{background:#ff6b6b;color:#fff}.registro-bodega-container .btn-delete-bodega:hover{background:#ee5a6f;transform:translateY(-.125rem)}.registro-bodega-container .btn-view-bodega{background:#38ef7d;color:#fff}.registro-bodega-container .btn-view-bodega:hover{background:#2dd46a;transform:translateY(-2px)}.registro-bodega-container .pagination-bodega{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.registro-bodega-container .pagination-bodega button{background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .3s ease}.registro-bodega-container .pagination-bodega button:hover:not(:disabled){background:#667eea;color:#fff}.registro-bodega-container .pagination-bodega button:disabled{cursor:not-allowed;opacity:.5}.registro-bodega-container .pagination-bodega span{color:#2c3e50;font-size:14px;font-weight:600}@media (max-width:768px){.registro-bodega-header{flex-direction:column;gap:15px;padding:15px 20px}.registro-bodega-header .header-actions-bodega{justify-content:stretch;width:100%}.registro-bodega-header .btn-bodega{flex:1 1}.registro-bodega-container .estadisticas-grid-bodega,.registro-bodega-container .filtros-grid-bodega{grid-template-columns:1fr}.registro-bodega-container .tabla-header-bodega{flex-direction:column;gap:12px}.registro-bodega-container .search-box-bodega{width:100%}.registro-bodega-container .table-wrapper-bodega{overflow-x:scroll}}.registro-bodega-container .loading-bodega{color:#667eea;font-size:16px;padding:40px;text-align:center}.registro-bodega-container .empty-state-bodega{color:#7f8c8d;padding:40px;text-align:center}.registro-bodega-container .empty-state-icon-bodega{font-size:56px;margin-bottom:15px}.registro-bodega-container .empty-state-bodega h3{color:#2c3e50;font-size:20px;margin-bottom:8px}.modal-mensaje-bodega{animation:modalMensajeSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:500px;min-width:400px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10001}.btn-mensaje-bodega{border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:12px 40px;text-transform:uppercase;transition:all .3s ease}.btn-mensaje-bodega:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.modal-overlay-bodega{animation:fadeIn .3s ease-out;background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-bodega{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:600px;min-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10001}.modal-bodega-small{max-width:450px;min-width:400px}.modal-header-bodega{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.modal-header-bodega h2{font-size:20px;font-weight:700;margin:0}.btn-close-bodega{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.btn-close-bodega:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body-bodega{max-height:60vh;overflow-y:auto;padding:25px}.form-group-bodega{margin-bottom:20px}.form-group-bodega label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group-bodega input,.form-group-bodega select{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group-bodega input:focus,.form-group-bodega select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.detalle-row-bodega{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px}.detalle-row-bodega:last-child{border-bottom:none}.detalle-row-bodega strong{color:#555;font-weight:600}.detalle-row-bodega span{color:#333;font-weight:500}.modal-footer-bodega{background:#f8f9fa;border-radius:0 0 15px 15px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 25px}.modal-footer-bodega button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;letter-spacing:.3px;padding:12px 30px;text-transform:none;transition:all .3s ease}.modal-footer-bodega button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.modal-footer-bodega button:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.btn-primary-bodega{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary-bodega:hover{background:linear-gradient(135deg,#5568d3,#65408b);box-shadow:0 6px 20px #667eea66}.btn-secondary-bodega{background:#e2e8f0;border:2px solid #cbd5e1;color:#475569}.btn-secondary-bodega:hover{background:#cbd5e1;border-color:#94a3b8;box-shadow:0 4px 12px #94a3b84d;color:#334155}.btn-danger-bodega{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.btn-danger-bodega:hover{background:linear-gradient(135deg,#d91e33,#e34a36);box-shadow:0 6px 20px #eb334966}.btn-success-bodega{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-success-bodega:hover{background:linear-gradient(135deg,#0e8478,#2dd46b);box-shadow:0 6px 20px #11998e66}.modal-footer-bodega button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-footer-bodega button:disabled:hover{box-shadow:0 2px 8px #0000001a;transform:none}.loading-overlay-bodega{align-items:center;background:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10002}.loading-spinner-bodega{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}.loading-overlay-bodega p{color:#fff;font-size:18px;font-weight:600;margin-top:20px}@media (max-width:768px){.modal-bodega,.modal-mensaje-bodega{max-width:90%;min-width:90%}.modal-mensaje-icono{font-size:48px}.modal-mensaje-header h3{font-size:18px}.modal-mensaje-body{font-size:14px;padding:20px}}.registro-reserva-container{background:#0000;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0}.registro-reserva-header{align-items:center;background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);border-radius:16px;box-shadow:0 4px 15px #1846dd4d;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem}.registro-reserva-header .header-title-reserva{align-items:center;display:flex;gap:1rem}.registro-reserva-header .header-icon-reserva{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:12px;display:flex;font-size:2rem;height:56px;justify-content:center;width:56px}.registro-reserva-header .header-title-reserva h1{color:#fff!important;font-size:1.5rem;font-weight:700!important;letter-spacing:.03125rem;margin:0}.registro-reserva-header .header-title-reserva p{color:#ffffffe6!important;font-size:.875rem;font-weight:500;margin:.1875rem 0 0}.registro-reserva-header .header-actions-reserva{display:flex;gap:.75rem}.registro-reserva-header .btn-reserva{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.registro-reserva-header .btn-primary-reserva{background:#64b2fc;box-shadow:0 4px 12px #64b2fc66;color:#fff}.registro-reserva-header .btn-primary-reserva:hover{background:#5aa3eb;box-shadow:0 6px 16px #64b2fc80;transform:translateY(-2px)}.registro-reserva-header .btn-secondary-reserva{background:#ffffffe6;border:2px solid #ffffff80;color:#1846dd}.registro-reserva-header .btn-secondary-reserva:hover{background:#fff;transform:translateY(-2px)}.registro-reserva-container .filtros-section-reserva{background:#fff;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;margin-bottom:1.5rem;padding:1.5rem 2rem}.registro-reserva-container .filtros-section-reserva h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64b2fc,#1846dd);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700;letter-spacing:.03125rem;margin:0 0 1rem}.registro-reserva-container .filtros-grid-reserva{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.registro-reserva-container .filtro-group-reserva{display:flex;flex-direction:column;gap:8px}.registro-reserva-container .filtro-group-reserva label{color:#2c3e50;font-size:14px;font-weight:600}.registro-reserva-container .filtro-group-reserva input,.registro-reserva-container .filtro-group-reserva select{border:.125rem solid #e0e6ed;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .3s ease}.registro-reserva-container .filtro-group-reserva input:focus,.registro-reserva-container .filtro-group-reserva select:focus{border-color:#5f9fd8;box-shadow:0 0 0 .1875rem #5f9fd826;outline:none}.registro-reserva-container .estadisticas-grid-reserva{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.registro-reserva-container .stat-card-reserva{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;gap:1.25rem;padding:1.75rem;transition:all .3s ease}.registro-reserva-container .stat-card-reserva:hover{box-shadow:0 .5rem 1.5rem #0000001f;transform:translateY(-.375rem)}.registro-reserva-container .stat-icon-reserva{align-items:center;border-radius:.875rem;display:flex;font-size:2.25rem;height:4.375rem;justify-content:center;width:4.375rem}.registro-reserva-container .stat-icon-reserva.blue-reserva{background:linear-gradient(135deg,#6ba9e3,#89c4f4)}.registro-reserva-container .stat-icon-reserva.green-reserva{background:linear-gradient(135deg,#66e089,#8cffb0)}.registro-reserva-container .stat-icon-reserva.red-reserva{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.registro-reserva-container .stat-icon-reserva.purple-reserva{background:linear-gradient(135deg,#b48ed8,#d0b0f0)}.registro-reserva-container .stat-info-reserva h3{color:#2c3e50;font-size:2.625rem;font-weight:700;letter-spacing:-.0625rem;line-height:1;margin:0}.registro-reserva-container .stat-info-reserva p{color:#95a5a6;font-size:.9375rem;font-weight:500;margin:.625rem 0 0}.registro-reserva-container .tabla-section-reserva{background:#fff;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;padding:1.5rem 2rem}.registro-reserva-container .tabla-header-reserva{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.registro-reserva-container .tabla-header-reserva h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#64b2fc,#1846dd);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.125rem;font-weight:700;gap:.625rem;margin:0}.registro-reserva-container .search-box-reserva{position:relative;width:18.75rem}.registro-reserva-container .search-box-reserva input{border:.125rem solid #e0e6ed;border-radius:.5rem;font-size:.875rem;padding:.75rem 2.5rem .75rem .9375rem;width:100%}.registro-reserva-container .search-box-reserva input:focus{border-color:#5f9fd8;box-shadow:0 0 0 .1875rem #5f9fd826;outline:none}.registro-reserva-container .search-icon-reserva{color:#95a5a6;font-size:1.125rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.registro-reserva-container .table-wrapper-reserva{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth}.registro-reserva-container .table-wrapper-reserva::-webkit-scrollbar{height:10px}.registro-reserva-container .table-wrapper-reserva::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.registro-reserva-container .table-wrapper-reserva::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border:.125rem solid #f1f3f5;border-radius:.625rem}.registro-reserva-container .table-wrapper-reserva::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4a8ddb,#6ba9e3)}.registro-reserva-container .reserva-table-unique{border-collapse:initial;border-spacing:0;width:100%}.registro-reserva-container .reserva-table-unique thead{background:linear-gradient(135deg,#5f9fd8,#74c9e8);position:-webkit-sticky;position:sticky;top:0;z-index:10}.registro-reserva-container .reserva-table-unique th{background:linear-gradient(135deg,#5f9fd8,#74c9e8);box-shadow:0 .125rem .25rem #0000001a;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.03125rem;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.registro-reserva-container .reserva-table-unique th:first-child{border-top-left-radius:10px}.registro-reserva-container .reserva-table-unique th:last-child{border-top-right-radius:10px}.registro-reserva-container .reserva-table-unique tbody{position:relative}.registro-reserva-container .reserva-table-unique tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.registro-reserva-container .reserva-table-unique tbody tr:hover{background:#fff8f9}.registro-reserva-container .reserva-table-unique td{color:#2c3e50;font-size:12px;padding:10px 12px}.registro-reserva-container .estado-badge-reserva{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.registro-reserva-container .estado-badge-reserva.activo-reserva{background:#d4edda;color:#155724}.registro-reserva-container .estado-badge-reserva.inactivo-reserva{background:#f8d7da;color:#721c24}.registro-reserva-container .actions-cell-reserva{display:flex;gap:10px;position:relative;z-index:1}.registro-reserva-container .btn-icon-reserva{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.registro-reserva-container .btn-edit-reserva{background:#5f9fd8;color:#fff}.registro-reserva-container .btn-edit-reserva:hover{background:#4a8ddb;transform:translateY(-.125rem)}.registro-reserva-container .btn-delete-reserva{background:#ff6b6b;color:#fff}.registro-reserva-container .btn-delete-reserva:hover{background:#ee5a6f;transform:translateY(-.125rem)}.registro-reserva-container .btn-view-reserva{background:#66e089;color:#fff}.registro-reserva-container .btn-view-reserva:hover{background:#52d477;transform:translateY(-.125rem)}.registro-reserva-container .pagination-reserva{align-items:center;display:flex;gap:.625rem;justify-content:center;margin-top:1.5rem}.registro-reserva-container .pagination-reserva button{background:#fff;border:.125rem solid #5f9fd8;border-radius:.375rem;color:#5f9fd8;cursor:pointer;font-weight:600;padding:.625rem .9375rem;transition:all .3s ease}.registro-reserva-container .pagination-reserva button:hover:not(:disabled){background:#5f9fd8;color:#fff}.registro-reserva-container .pagination-reserva button:disabled{cursor:not-allowed;opacity:.5}.registro-reserva-container .pagination-reserva span{color:#2c3e50;font-weight:600}@media (max-width:768px){.registro-reserva-header{flex-direction:column;gap:20px}.registro-reserva-header .header-actions-reserva{justify-content:stretch;width:100%}.registro-reserva-header .btn-reserva{flex:1 1}.registro-reserva-container .estadisticas-grid-reserva,.registro-reserva-container .filtros-grid-reserva{grid-template-columns:1fr}.registro-reserva-container .tabla-header-reserva{flex-direction:column;gap:15px}.registro-reserva-container .search-box-reserva{width:100%}.registro-reserva-container .table-wrapper-reserva{overflow-x:scroll}}.registro-reserva-container .empty-state-reserva{color:#7f8c8d;padding:50px;text-align:center}.registro-reserva-container .empty-state-icon-reserva{font-size:64px;margin-bottom:20px}.registro-reserva-container .empty-state-reserva h3{color:#2c3e50;font-size:24px;margin-bottom:10px}.modal-mensaje-reserva{animation:modalMensajeSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:500px;min-width:400px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10001}.btn-mensaje-reserva{border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:12px 40px;text-transform:uppercase;transition:all .3s ease}.btn-mensaje-reserva:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.modal-overlay-reserva{animation:fadeIn .3s ease-out;background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-reserva{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:600px;min-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10001}.modal-reserva-small{max-width:450px;min-width:400px}.modal-header-reserva{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.modal-header-danger{background:linear-gradient(135deg,#eb3349,#f45c43)}.modal-header-reserva h2{font-size:20px;font-weight:700;margin:0}.btn-close-reserva{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.btn-close-reserva:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body-reserva{max-height:60vh;overflow-y:auto;padding:25px}.form-group-reserva{margin-bottom:20px}.form-group-reserva label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group-reserva input,.form-group-reserva select{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group-reserva input:focus,.form-group-reserva select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.detalle-row-reserva{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px}.detalle-row-reserva:last-child{border-bottom:none}.detalle-row-reserva strong{color:#555;font-weight:600}.detalle-row-reserva span{color:#333;font-weight:500}.modal-footer-reserva{background:#f8f9fa;border-radius:0 0 15px 15px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 25px}.modal-footer-reserva button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;letter-spacing:.3px;padding:12px 30px;text-transform:none;transition:all .3s ease}.modal-footer-reserva button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.modal-footer-reserva button:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.btn-primary-reserva{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary-reserva:hover{background:linear-gradient(135deg,#5568d3,#65408b);box-shadow:0 6px 20px #667eea66}.btn-secondary-reserva{background:#e2e8f0;border:2px solid #cbd5e1;color:#475569}.btn-secondary-reserva:hover{background:#cbd5e1;border-color:#94a3b8;box-shadow:0 4px 12px #94a3b84d;color:#334155}.btn-danger-reserva{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.btn-danger-reserva:hover{background:linear-gradient(135deg,#d91e33,#e34a36);box-shadow:0 6px 20px #eb334966}.btn-success-reserva{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-success-reserva:hover{background:linear-gradient(135deg,#0e8478,#2dd46b);box-shadow:0 6px 20px #11998e66}.modal-footer-reserva button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-footer-reserva button:disabled:hover{box-shadow:0 2px 8px #0000001a;transform:none}.loading-overlay-reserva{align-items:center;background:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10002}.loading-spinner-reserva{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}.loading-overlay-reserva p{color:#fff;font-size:18px;font-weight:600;margin-top:20px}@media (max-width:768px){.modal-mensaje-reserva,.modal-reserva{max-width:90%;min-width:90%}.modal-mensaje-icono{font-size:48px}.modal-mensaje-header h3{font-size:18px}.modal-mensaje-body{font-size:14px;padding:20px}}.registro-productos-container{background:#0000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:0}.registro-productos-header{align-items:center;background:#fff;border-left:.25rem solid #5f9fd8;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem}.registro-productos-container .header-title-productos{align-items:center;display:flex;gap:1rem}.registro-productos-container .header-icon-productos{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:.625rem;display:flex;font-size:2rem;height:3.125rem;justify-content:center;width:3.125rem}.registro-productos-container .header-title-productos h1{color:#2c3e50;font-size:1.5rem;font-weight:700;letter-spacing:.03125rem;margin:0}.registro-productos-container .header-title-productos p{color:#95a5a6;font-size:.875rem;margin:.3125rem 0 0}.registro-productos-container .header-actions-productos{display:flex;gap:.75rem}.registro-productos-container .modal-overlay-productos{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.registro-productos-container .modal-container-productos{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:800px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.registro-productos-container .modal-header-productos{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-bottom:0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.registro-productos-container .modal-header-productos h2{color:#fff;font-size:20px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.registro-productos-container .btn-close-productos{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;height:32px;transition:background .2s;width:32px}.registro-productos-container .btn-close-productos:hover{background:#c0392b}.registro-productos-container .modal-body-productos{background:#fafafa;flex:1 1;overflow-y:auto;padding:30px}.registro-productos-container .form-group-productos{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.registro-productos-container .form-group-row-productos{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.registro-productos-container .form-group-productos label{color:#2c3e50;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.registro-productos-container .form-group-productos input,.registro-productos-container .form-group-productos select,.registro-productos-container .form-group-productos textarea{background:#fff;border:2px solid #d5d8dc;border-radius:4px;font-family:inherit;font-size:14px;padding:12px 15px;transition:border-color .2s}.registro-productos-container .form-group-productos input:focus,.registro-productos-container .form-group-productos select:focus,.registro-productos-container .form-group-productos textarea:focus{border-color:#3498db;outline:none}.registro-productos-container .form-group-productos input:disabled{background:#ecf0f1;color:#7f8c8d;cursor:not-allowed}.registro-productos-container .form-group-productos textarea{min-height:90px;resize:vertical}.registro-productos-container .modal-footer-productos{background:#fff;border-top:2px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:20px 25px}.registro-productos-container .btn-productos{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:1px;padding:12px 25px;text-transform:uppercase;transition:all .2s}.registro-productos-container .btn-primary-productos{background:#3498db;color:#fff}.registro-productos-container .btn-primary-productos:hover{background:#2980b9}.registro-productos-container .btn-secondary-productos{background:#fff;border:2px solid #3498db;color:#3498db}.registro-productos-container .btn-secondary-productos:hover{background:#3498db;color:#fff}.registro-productos-container .btn-success-productos{background:#27ae60;color:#fff;padding:14px 30px}.registro-productos-container .btn-success-productos:hover{background:#229954}.registro-productos-container .btn-cancel-productos{background:#95a5a6;color:#fff;padding:14px 30px}.registro-productos-container .btn-cancel-productos:hover{background:#7f8c8d}.registro-productos-container .stats-container-productos{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.registro-productos-container .stat-card-productos{align-items:center;background:#fff;border-left:6px solid #0000;border-radius:0;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:15px 20px}.registro-productos-container .stat-card-productos:first-child{border-left-color:#3498db}.registro-productos-container .stat-card-productos:nth-child(2){border-left-color:#2ecc71}.registro-productos-container .stat-card-productos:nth-child(3){border-left-color:#9b59b6}.registro-productos-container .stat-icon-productos{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:32px;height:55px;justify-content:center;width:55px}.registro-productos-container .stat-card-productos:first-child .stat-icon-productos{background:#e8f4fd;color:#3498db}.registro-productos-container .stat-card-productos:nth-child(2) .stat-icon-productos{background:#e8f8f0;color:#2ecc71}.registro-productos-container .stat-card-productos:nth-child(3) .stat-icon-productos{background:#f4ecf7;color:#9b59b6}.registro-productos-container .stat-content-productos{display:flex;flex:1 1;flex-direction:column;gap:3px}.registro-productos-container .stat-value-productos{color:#2c3e50;font-size:32px;font-weight:700;line-height:1;margin:0}.registro-productos-container .stat-label-productos{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.registro-productos-container .filters-container-productos{align-items:flex-end;background:#fff;border-left:6px solid #9b59b6;border-radius:0;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin-bottom:25px;padding:20px 25px}.registro-productos-container .filter-group-productos{display:flex;flex:1 1;flex-direction:column;gap:8px}.registro-productos-container .filter-group-productos label{color:#2c3e50;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.registro-productos-container .filter-group-productos input,.registro-productos-container .filter-group-productos select{background:#fff;border:2px solid #d5d8dc;border-radius:4px;font-size:13px;padding:10px 12px;transition:border-color .2s}.registro-productos-container .filter-group-productos input:focus,.registro-productos-container .filter-group-productos select:focus{border-color:#9b59b6;outline:none}.registro-productos-container .btn-limpiar-filtros-productos{align-items:center;background:#fff;border:2px solid #95a5a6;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;letter-spacing:1px;padding:10px 16px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.registro-productos-container .btn-limpiar-filtros-productos:hover:not(:disabled){background:#95a5a6;border-color:#95a5a6;color:#fff}.registro-productos-container .btn-limpiar-filtros-productos:disabled{cursor:not-allowed;opacity:.5}.registro-productos-container .table-container-productos{background:#fff;border-left:6px solid #e67e22;border-radius:0;box-shadow:0 2px 4px #0000001a;padding:0}.registro-productos-container .tabla-header-productos{align-items:center;background:#34495e;border-bottom:none;display:flex;justify-content:space-between;padding:20px 25px}.registro-productos-container .tabla-header-productos h2{color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.registro-productos-container .search-box-productos{flex:1 1;max-width:400px;position:relative}.registro-productos-container .search-box-productos input{background:#fff;border:2px solid #d5d8dc;border-radius:4px;font-size:13px;padding:10px 40px 10px 15px;width:100%}.registro-productos-container .search-box-productos input:focus{border-color:#3498db;outline:none}.registro-productos-container .search-icon-productos{color:#7f8c8d;font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.registro-productos-container .table-wrapper-productos{overflow-x:auto}.registro-productos-container .productos-table-unique{border-collapse:collapse;width:100%}.registro-productos-container .productos-table-unique thead{background:#2c3e50}.registro-productos-container .productos-table-unique th{border-bottom:3px solid #3498db;color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;padding:15px 20px;text-align:left;text-transform:uppercase}.registro-productos-container .productos-table-unique tbody tr{border-bottom:1px solid #ecf0f1;transition:background .2s}.registro-productos-container .productos-table-unique tbody tr:hover{background:#f8f9fa}.registro-productos-container .productos-table-unique tbody tr:nth-child(2n){background:#fafafa}.registro-productos-container .productos-table-unique tbody tr:nth-child(2n):hover{background:#f8f9fa}.registro-productos-container .productos-table-unique td{color:#2c3e50;font-size:14px;padding:15px 20px}.registro-productos-container .text-center-productos{text-align:center}.registro-productos-container .observaciones-cell-productos{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registro-productos-container .badge-productos{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.registro-productos-container .badge-productos.herramientas-productos{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.registro-productos-container .badge-productos.materiales-productos{background:#d1ecf1;border:1px solid #a8dadc;color:#0c5460}.registro-productos-container .badge-productos.equipos-productos{background:#d4edda;border:1px solid #a8e6cf;color:#155724}.registro-productos-container .badge-productos.suministros-productos{background:#f8d7da;border:1px solid #ffb3ba;color:#721c24}.registro-productos-container .badge-productos.consumible-si-productos{background:#d4edda;border:1px solid #c3e6cb;color:#155724;font-weight:700}.registro-productos-container .badge-productos.consumible-no-productos{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41;font-weight:700}.registro-productos-container .action-buttons-productos{display:flex;gap:8px;justify-content:center}.registro-productos-container .btn-action-productos{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.registro-productos-container .btn-action-productos.btn-edit-productos{background:#3498db;color:#fff}.registro-productos-container .btn-action-productos.btn-edit-productos:hover{background:#2980b9}.registro-productos-container .btn-action-productos.btn-delete-productos{background:#e74c3c;color:#fff}.registro-productos-container .btn-action-productos.btn-delete-productos:hover{background:#c0392b}.registro-productos-container .btn-action-productos.btn-view-productos{background:#2ecc71;color:#fff}.registro-productos-container .btn-action-productos.btn-view-productos:hover{background:#27ae60}.registro-productos-container .pagination-productos{align-items:center;background:#fafafa;border-top:2px solid #ecf0f1;display:flex;gap:10px;justify-content:center;padding:20px 25px}.registro-productos-container .pagination-btn-productos{background:#fff;border:2px solid #d5d8dc;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all .2s}.registro-productos-container .pagination-btn-productos:hover:not(:disabled){background:#3498db;border-color:#3498db;color:#fff}.registro-productos-container .pagination-btn-productos:disabled{cursor:not-allowed;opacity:.4}.registro-productos-container .pagination-info-productos{color:#2c3e50;font-size:14px;font-weight:600;padding:0 15px}.registro-productos-container .empty-state-productos{background:#fafafa;color:#7f8c8d;padding:60px;text-align:center}.registro-productos-container .empty-icon-productos{display:block;font-size:64px;margin-bottom:20px;opacity:.5}.registro-productos-container .empty-state-productos h3{color:#2c3e50;font-size:20px;font-weight:600;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.registro-productos-container .empty-hint-productos{color:#7f8c8d;display:block;font-size:14px;margin-top:10px}.registro-productos-container .loading-state-productos{background:#fafafa;padding:60px;text-align:center}.registro-productos-container .loading-state-productos p{color:#7f8c8d;font-size:16px;font-weight:600}.registro-productos-container .alert-error-productos{align-items:center;background:#f8d7da;border:2px solid #f5c6cb;border-left:6px solid #e74c3c;border-radius:4px;color:#721c24;display:flex;font-weight:600;gap:10px;margin-bottom:20px;padding:15px 20px}.registro-productos-container .modal-exito-productos{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:450px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.registro-productos-container .modal-exito-header-productos{background:#27ae60;border-bottom:3px solid #229954;padding:20px 25px}.registro-productos-container .modal-exito-header-productos h2{color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.registro-productos-container .modal-exito-body-productos{padding:30px;text-align:center}.registro-productos-container .modal-exito-icon-productos{animation:scaleIn .3s ease-out;font-size:64px;margin-bottom:20px}.registro-productos-container .modal-exito-body-productos p{color:#2c3e50;font-size:15px;line-height:1.6;margin:0}.registro-productos-container .modal-exito-footer-productos{background:#f8f9fa;border-top:2px solid #ecf0f1;display:flex;justify-content:center;padding:20px 25px}.registro-productos-container .modal-confirmacion-productos{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:500px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.registro-productos-container .modal-confirmacion-header-productos{background:#e67e22;border-bottom:3px solid #d35400;padding:20px 25px}.registro-productos-container .modal-confirmacion-header-productos h2{color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.registro-productos-container .modal-confirmacion-body-productos{padding:30px}.registro-productos-container .modal-confirmacion-body-productos p{color:#2c3e50;font-size:15px;margin:0 0 15px}.registro-productos-container .detalle-confirmacion-productos{background:#f8f9fa;border-left:4px solid #e67e22;border-radius:4px;margin:15px 0;padding:15px}.registro-productos-container .detalle-confirmacion-productos p{font-size:14px;margin:8px 0}.registro-productos-container .advertencia-texto-productos{color:#e74c3c;font-size:14px!important;font-weight:700;margin-top:15px!important;text-align:center}.registro-productos-container .modal-confirmacion-footer-productos{background:#f8f9fa;border-top:2px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:20px 25px}.registro-productos-container .btn-danger-productos{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:1px;padding:12px 25px;text-transform:uppercase;transition:all .2s}.registro-productos-container .btn-danger-productos:hover{background:#c0392b}.registro-productos-container .modal-detalle-productos{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.registro-productos-container .modal-detalle-header-productos{align-items:center;background:#3498db;border-bottom:3px solid #2980b9;display:flex;justify-content:space-between;padding:20px 25px}.registro-productos-container .modal-detalle-header-productos h2{color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.registro-productos-container .modal-detalle-body-productos{background:#fafafa;padding:30px}.registro-productos-container .detalle-item-productos{background:#fff;border-bottom:1px solid #ecf0f1;border-radius:4px;display:flex;margin-bottom:10px;padding:15px}.registro-productos-container .detalle-item-productos:last-child{margin-bottom:0}.registro-productos-container .detalle-item-productos label{color:#2c3e50;font-size:13px;font-weight:700;letter-spacing:.5px;min-width:140px;text-transform:uppercase}.registro-productos-container .detalle-item-productos span{color:#34495e;flex:1 1;font-size:14px}.registro-productos-container .modal-detalle-footer-productos{background:#fff;border-top:2px solid #ecf0f1;display:flex;justify-content:center;padding:20px 25px}.toast-productos{align-items:center;animation:slideInRightProductos .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInRightProductos{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-productos-success{border-left:4px solid #28a745}.toast-productos-error{border-left:4px solid #dc3545}.toast-productos-warning{border-left:4px solid #ffc107}.toast-productos-info{border-left:4px solid #17a2b8}.toast-productos-icon{flex-shrink:0;font-size:24px}.toast-productos-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-productos-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.toast-productos-close:hover{background:#f0f0f0;color:#333}@media (max-width:1200px){.registro-productos-container .stats-container-productos{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.registro-productos-header{flex-direction:column;gap:15px;padding:20px}.registro-productos-container .header-title-productos h1{font-size:18px}.registro-productos-container .header-actions-productos{justify-content:stretch;width:100%}.registro-productos-container .btn-productos{flex:1 1}.registro-productos-container .modal-container-productos{max-height:95vh;width:95%}.registro-productos-container .form-group-row-productos{grid-template-columns:1fr}.registro-productos-container .modal-body-productos{padding:20px}.registro-productos-container .modal-footer-productos{flex-direction:column}.registro-productos-container .modal-footer-productos .btn-productos{width:100%}.registro-productos-container .stats-container-productos{grid-template-columns:1fr}.registro-productos-container .filters-container-productos{flex-direction:column}.registro-productos-container .filter-group-productos,.registro-productos-container .search-box-productos{max-width:100%;width:100%}.registro-productos-container .tabla-header-productos{flex-direction:column;gap:15px}.registro-productos-container .search-box-productos{width:100%}.registro-productos-container .table-wrapper-productos{overflow-x:scroll}.registro-productos-container .pagination-productos{flex-wrap:wrap}}.registro-empresa-container{background:#0000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:0}.header-section{align-items:center;background:#fff;border-left:.25rem solid #5f9fd8;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;justify-content:space-between;margin-bottom:1.875rem;padding:1.5rem 2rem}.titulo-seccion h2{color:#2c3e50;font-size:1.5rem;font-weight:700;letter-spacing:.03125rem;margin:0}.subtitulo{color:#95a5a6;font-size:.875rem;margin:.3125rem 0 0}.btn-nuevo{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border:none;border-radius:.5rem;box-shadow:0 .25rem .75rem #5f9fd84d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-nuevo:hover{box-shadow:0 .375rem 1rem #5f9fd866;transform:translateY(-.125rem)}.estadisticas-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.875rem}.estadistica-card{align-items:center;background:#fff;border-left:0;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;gap:1.25rem;padding:1.75rem;transition:all .3s ease}.estadistica-card:hover{box-shadow:0 .5rem 1.5rem #0000001f;transform:translateY(-.375rem)}.estadistica-card.activas,.estadistica-card.inactivas{border-left:0}.estadistica-icono{align-items:center;border-radius:.875rem;display:flex;flex-shrink:0;font-size:2.25rem;height:4.375rem;justify-content:center;width:4.375rem}.estadistica-card.activas .estadistica-icono{background:linear-gradient(135deg,#66e089,#8cffb0)}.estadistica-card.inactivas .estadistica-icono{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.estadistica-info{display:flex;flex-direction:column}.estadistica-numero{color:#2c3e50;font-size:2.625rem;font-weight:700;letter-spacing:-.0625rem;line-height:1}.estadistica-label{color:#95a5a6;font-size:.9375rem;margin-top:.625rem}.filtros-container{border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem}.filtro-busqueda{flex:1 1;min-width:18.75rem;position:relative}.icono-busqueda{color:#95a5a6;font-size:1.125rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.filtro-busqueda input{border:.125rem solid #e0e6ed;border-radius:.5rem;font-size:.875rem;padding:.75rem .75rem .75rem 2.8125rem;transition:all .3s ease;width:100%}.filtro-busqueda input:focus{border-color:#5f9fd8;box-shadow:0 0 0 .1875rem #5f9fd826;outline:none}.filtro-estado{align-items:center;display:flex;gap:.625rem}.filtro-estado label{color:#2c3e50;font-size:.875rem;font-weight:600}.filtro-estado select{background:#fff;border:.125rem solid #e0e6ed;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.625rem .9375rem;transition:all .3s ease}.filtro-estado select:focus{border-color:#5f9fd8;box-shadow:0 0 0 .1875rem #5f9fd826;outline:none}.tabla-container{background:#fff;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;margin-bottom:1.5rem;overflow:hidden}.tabla-empresas{border-collapse:collapse;width:100%}.tabla-empresas thead{background:linear-gradient(135deg,#5f9fd8,#74c9e8);color:#fff}.tabla-empresas th{font-size:.8125rem;font-weight:600;letter-spacing:.03125rem;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.tabla-empresas tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s ease}.tabla-empresas tbody tr:hover{background-color:#f7fafc;transform:scale(1.01)}.tabla-empresas td{color:#4a5568;font-size:14px;padding:15px}.celda-importante{color:#2d3748;font-weight:600}.texto-vacio{color:#a0aec0;font-style:italic;padding:40px!important;text-align:center}.badge-estado{padding:5px 15px}.badge-estado.activo{background-color:#c6f6d5;color:#22543d}.badge-estado.inactivo{background-color:#fed7d7;color:#742a2a}.acciones-grupo{display:flex;gap:8px}.btn-accion{background:none;font-size:18px;opacity:.7;padding:8px}.btn-accion:hover{opacity:1;transform:scale(1.2)}.btn-accion.ver:hover{background-color:#bee3f8}.btn-accion.editar:hover{background-color:#fef5e7}.btn-accion.eliminar:hover{background-color:#fed7d7}.paginacion{background:#fff;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;gap:1.25rem;padding:1.25rem}.btn-paginacion{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;padding:.625rem 1.25rem}.btn-paginacion:hover:not(:disabled){box-shadow:0 .25rem .75rem #5f9fd84d;transform:translateY(-.125rem)}.btn-paginacion:disabled{opacity:.5}.info-paginacion{color:#2d3748;font-size:14px;font-weight:600}.modal-overlay{background-color:#000000b3}.modal-contenido{animation:modalSlideInFixed .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.modal-header{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-bottom:none;border-radius:15px 15px 0 0;padding:20px 25px}.modal-header h3{font-size:20px;font-weight:600;margin:0}.btn-cerrar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:24px;height:35px;justify-content:center;width:35px}.btn-cerrar:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-footer{background-color:#f7fafc;border-top:none;gap:10px}.modal-form form{padding:25px}.form-grupo{margin-bottom:20px}.form-grupo label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.obligatorio{color:#e53e3e;font-weight:700}.form-grupo input,.form-grupo select,.form-grupo textarea{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.form-grupo input:focus,.form-grupo select:focus,.form-grupo textarea:focus{border-color:#5f9fd8;box-shadow:0 0 0 3px #5f9fd81a;outline:none}.form-grupo textarea{min-height:80px;resize:vertical}.btn-cancelar,.btn-guardar{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 30px;transition:all .3s ease}.btn-cancelar{background-color:#e2e8f0;color:#2d3748}.btn-cancelar:hover{background-color:#cbd5e0}.btn-guardar{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 15px #48bb7866}.btn-guardar:hover{box-shadow:0 6px 20px #48bb7899;transform:translateY(-2px)}.modal-detalles{max-width:700px;position:relative}.detalles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:25px}.detalle-item{gap:5px}.detalle-item.detalle-completo{grid-column:1/-1}.detalle-item label{color:#718096;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detalle-item span{background-color:#f7fafc;border-radius:6px;color:#2d3748;padding:8px}.valor-importante{color:#5f9fd8!important;font-weight:600!important}.btn-cerrar-modal{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-cerrar-modal:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.modal-eliminar{background:#fff;border-radius:15px;max-width:500px;overflow:hidden;position:relative}.modal-eliminar .modal-header{background:linear-gradient(135deg,#f56565,#e53e3e);border:none;border-radius:15px 15px 0 0;margin:0;padding:20px 25px}.modal-eliminar .modal-body{background:#fff;margin:0;padding:30px 25px;text-align:center}.modal-eliminar .modal-footer{background:#fff;border:none;display:flex;justify-content:center;margin:0;padding:20px 25px}.modal-eliminar .modal-footer .btn-cancelar{display:none}.modal-eliminar .modal-footer .btn-eliminar{min-width:180px}.icono-advertencia{animation:iconBounce .6s ease;font-size:60px;margin-bottom:20px}.modal-eliminar p{color:#4a5568;font-size:14px;margin:10px 0}.nombre-empresa{color:#2d3748;font-size:18px;font-weight:700;margin:15px 0!important}.texto-advertencia{color:#e53e3e;font-weight:600;margin-top:20px!important}.btn-eliminar{background:linear-gradient(135deg,#f56565,#e53e3e);border-radius:8px;box-shadow:0 4px 15px #f5656566;font-size:14px;font-weight:600;min-width:120px;padding:12px 30px}.btn-eliminar:hover{box-shadow:0 6px 20px #f5656599;transform:translateY(-2px)}.modal-mensaje{animation:modalSlideInFixed .3s ease-out;max-width:400px;padding:30px;position:relative;text-align:center}.modal-mensaje-icono{animation:iconBounce .6s ease;font-size:60px;margin-bottom:20px}.modal-mensaje h3{font-size:24px;margin:0 0 15px}.modal-mensaje p{color:#4a5568;font-size:14px;line-height:1.6;margin-bottom:25px}.modal-mensaje button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.modal-mensaje-success{border-top:5px solid #48bb78}.modal-mensaje-success h3{color:#48bb78}.btn-mensaje-success{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 15px #48bb7866}.btn-mensaje-success:hover{box-shadow:0 6px 20px #48bb7899;transform:translateY(-2px)}.modal-mensaje-error{border-top:5px solid #f56565}.modal-mensaje-error h3{color:#f56565}.btn-mensaje-error{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 4px 15px #f5656566}.btn-mensaje-error:hover{box-shadow:0 6px 20px #f5656599;transform:translateY(-2px)}.modal-mensaje-warning{border-top:5px solid #ed8936}.modal-mensaje-warning h3{color:#ed8936}.btn-mensaje-warning{background:linear-gradient(135deg,#ed8936,#dd6b20);box-shadow:0 4px 15px #ed893666}.btn-mensaje-warning:hover{box-shadow:0 6px 20px #ed893699;transform:translateY(-2px)}.modal-mensaje-info{border-top:5px solid #4299e1}.modal-mensaje-info h3{color:#4299e1}.btn-mensaje-info{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 4px 15px #4299e166}.btn-mensaje-info:hover{box-shadow:0 6px 20px #4299e199;transform:translateY(-2px)}.loading-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.spinner{border:5px solid #ffffff4d}.loading-overlay p{color:#fff;font-size:16px;font-weight:600;margin-top:20px}@keyframes modalSlideInFixed{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.registro-empresa-container{padding:10px}.header-section{flex-direction:column;gap:15px;padding:20px}.btn-nuevo{width:100%}.estadisticas-container{grid-template-columns:1fr}.filtros-container{flex-direction:column}.filtro-busqueda{min-width:100%}.tabla-container{overflow-x:auto}.tabla-empresas{font-size:12px}.tabla-empresas td,.tabla-empresas th{padding:10px 8px}.acciones-grupo{flex-direction:column}.modal-contenido{max-height:95vh;width:95%}.detalles-grid{grid-template-columns:1fr}.paginacion{flex-direction:column;gap:10px}}@media (max-width:480px){.titulo-seccion h2{font-size:22px}.estadistica-numero{font-size:24px}.modal-header h3{font-size:18px}.form-grupo input,.form-grupo select,.form-grupo textarea{font-size:16px}}.eliminar-ocs-container{background:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.eliminar-ocs-header{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;box-shadow:0 4px 15px #e74c3c4d;margin-bottom:25px;padding:25px 35px}.header-icon-title{align-items:center;display:flex;gap:15px}.header-icon{background:#fff3;font-size:40px;height:60px;width:60px}.eliminar-ocs-header h1{color:#fff;font-size:26px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.advertencia-box{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:3px solid #856404;border-left-width:8px;border-radius:8px;box-shadow:0 2px 8px #85640433;display:flex;gap:15px;margin-bottom:25px;padding:20px 25px}.advertencia-icon{flex-shrink:0;font-size:32px}.advertencia-box p{color:#856404;font-size:15px;line-height:1.6;margin:0}.advertencia-box strong{font-weight:700}.busqueda-section{background:#fff;border-left:6px solid #3498db;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:30px}.form-row{grid-gap:20px;align-items:center;gap:20px;grid-template-columns:200px 1fr;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-row label{align-items:center;color:#2c3e50;display:flex;font-size:15px;font-weight:700;gap:8px}.radio-group{gap:15px}.radio-option{align-items:center;background:#fff;border:3px solid #d5d8dc;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:10px;justify-content:center;max-width:280px;padding:12px 18px;transition:all .3s ease}.radio-option input[type=radio]{display:none}.radio-option .radio-icon{font-size:18px}.radio-option:hover{background:#f8f9fa;border-color:#3498db}.radio-option.active{background:linear-gradient(135deg,#e8f4fd,#d6eaf8);border-color:#3498db;color:#2980b9}.form-row select{background:#fff;border:2px solid #d5d8dc;border-radius:8px;color:#2c3e50;font-size:14px;max-width:100%;padding:12px 15px;transition:all .3s ease}.form-row select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-row select:disabled{background:#ecf0f1;cursor:not-allowed;opacity:.6}.correlativo-row{align-items:center;display:flex;gap:15px}.correlativo-row select{background:#fff;border:2px solid #d5d8dc;border-radius:8px;color:#2c3e50;flex:1 1;font-size:14px;padding:12px 15px;transition:all .3s ease}.correlativo-row select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.correlativo-row select:disabled{background:#ecf0f1;cursor:not-allowed;opacity:.6}.btn-buscar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-width:120px;padding:12px 30px;transition:all .3s ease;white-space:nowrap}.btn-buscar:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.btn-buscar:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.detalles-section{background:#fff;border-left:6px solid #e67e22;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;overflow:hidden;padding:0}.table-wrapper{overflow-x:auto}.detalles-table{border-collapse:collapse;width:100%}.detalles-table thead{background:linear-gradient(135deg,#34495e,#2c3e50)}.detalles-table th{border-bottom:3px solid #e67e22;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;padding:18px 20px;text-align:left;text-transform:uppercase}.detalles-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background .2s ease}.detalles-table tbody tr:hover{background:#f8f9fa}.detalles-table tbody tr:nth-child(2n){background:#fafafa}.detalles-table tbody tr:nth-child(2n):hover{background:#f8f9fa}.detalles-table td{color:#2c3e50;font-size:14px;padding:16px 20px}.detalles-table tfoot{background:#f8f9fa;border-top:3px solid #e67e22}.detalles-table tfoot td{font-size:16px;padding:18px 20px}.text-center{text-align:center}.text-right{text-align:right}.total-general{background:linear-gradient(135deg,#e8f4fd,#d6eaf8);color:#2980b9;font-size:18px}.empty-message{padding:0!important}.empty-icon{display:block;margin-bottom:15px;opacity:.5}.empty-state p{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 10px}.empty-hint{color:#7f8c8d;display:block;font-size:14px}.acciones-section{gap:15px;padding:20px 0}.acciones-section,.btn-eliminar{display:flex;justify-content:center}.btn-eliminar{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:10px;box-shadow:0 6px 20px #e74c3c66;color:#fff;cursor:pointer;font-size:18px;font-weight:700;gap:12px;letter-spacing:2px;min-height:56px;min-width:250px;padding:18px 60px;text-transform:uppercase;transition:all .3s ease}.btn-eliminar span{align-items:center;display:inline-flex;font-size:24px;justify-content:center}.btn-eliminar:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 8px 30px #e74c3c80;transform:translateY(-3px)}.btn-eliminar:active:not(:disabled){box-shadow:0 4px 15px #e74c3c66;transform:translateY(-1px)}.btn-eliminar:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 2px 8px #95a5a64d;cursor:not-allowed;opacity:.7;transform:none}@media (max-width:1024px){.form-row{gap:15px;grid-template-columns:180px 1fr}.radio-option{font-size:13px;padding:10px 15px}}@media (max-width:768px){.eliminar-ocs-container{padding:15px}.eliminar-ocs-header{padding:20px}.eliminar-ocs-header h1{font-size:18px}.form-row{gap:10px;grid-template-columns:1fr}.form-row label{margin-bottom:0}.radio-group{flex-direction:column}.radio-option{max-width:100%}.correlativo-row{flex-direction:column}.btn-buscar{width:100%}.table-wrapper{overflow-x:scroll}.acciones-section{flex-direction:column;padding:20px 15px}.btn-eliminar{font-size:16px;justify-content:center;min-width:auto;padding:18px 30px;width:100%}.btn-eliminar span{font-size:22px}}.modal-overlay{animation:fadeIn .3s ease-out;background:#00000080;height:100%;width:100%;z-index:9998}.modal-mensaje{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:500px;min-width:400px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-mensaje-icono{animation:iconBounce .6s ease-out}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.btn-mensaje{border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:12px 40px;text-transform:uppercase;transition:all .3s ease}.btn-mensaje:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.modal-confirmacion{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:550px;min-width:450px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.modal-confirmacion-header{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:25px;text-align:center}.modal-confirmacion-header h3{font-size:20px;font-weight:700;margin:0}.modal-confirmacion-body{color:#333;font-size:15px;line-height:1.8;padding:30px;text-align:center}.modal-confirmacion-body p{font-weight:500;margin:0}.modal-confirmacion-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;gap:15px;justify-content:center;padding:20px 30px}.btn-cancelar,.btn-confirmar{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.btn-cancelar{background:#e2e8f0;border:2px solid #cbd5e1;color:#475569}.btn-cancelar:hover{background:#cbd5e1;border-color:#94a3b8;box-shadow:0 4px 12px #94a3b84d;color:#334155}.btn-confirmar{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.btn-confirmar:hover{background:linear-gradient(135deg,#d91e33,#e34a36);box-shadow:0 6px 20px #eb334966;transform:translateY(-2px)}@media (max-width:768px){.modal-confirmacion,.modal-mensaje{max-width:90%;min-width:90%}.modal-mensaje-icono{font-size:48px}.modal-confirmacion-header h3,.modal-mensaje-header h3{font-size:18px}.modal-confirmacion-body,.modal-mensaje-body{font-size:14px;padding:20px}.modal-confirmacion-footer{flex-direction:column;padding:15px 20px}.btn-cancelar,.btn-confirmar{justify-content:center;width:100%}}.registro-proveedor-container{background:#0000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0}.registro-proveedor-header{align-items:center;background:#fff;border-left:.25rem solid #5f9fd8;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem}.registro-proveedor-container .header-title-proveedor{align-items:center;display:flex;gap:1rem}.registro-proveedor-container .header-icon-proveedor{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:.5rem;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.registro-proveedor-container .header-title-proveedor h1{color:#2c3e50;font-size:1.375rem;font-weight:700;letter-spacing:.03125rem;margin:0}.registro-proveedor-container .header-title-proveedor p{color:#95a5a6;font-size:.8125rem;margin:.1875rem 0 0}.registro-proveedor-container .header-actions-proveedor{display:flex;gap:.75rem}.registro-proveedor-container .modal-overlay-proveedor{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.registro-proveedor-container .modal-container-proveedor{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:900px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.registro-proveedor-container .modal-header-proveedor{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-bottom:0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.registro-proveedor-container .modal-header-proveedor h2{color:#fff;font-size:20px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.registro-proveedor-container .btn-close-proveedor{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;height:32px;transition:background .2s;width:32px}.registro-proveedor-container .btn-close-proveedor:hover{background:#c0392b}.registro-proveedor-container .modal-body-proveedor{background:#fafafa;flex:1 1;overflow-y:auto;padding:30px}.registro-proveedor-container .form-group-proveedor{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.registro-proveedor-container .form-group-row-proveedor{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.registro-proveedor-container .form-group-proveedor label{color:#2c3e50;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.registro-proveedor-container .form-group-proveedor input,.registro-proveedor-container .form-group-proveedor select,.registro-proveedor-container .form-group-proveedor textarea{background:#fff;border:2px solid #d5d8dc;border-radius:4px;font-family:inherit;font-size:14px;padding:12px 15px;transition:border-color .2s}.registro-proveedor-container .form-group-proveedor input:focus,.registro-proveedor-container .form-group-proveedor select:focus,.registro-proveedor-container .form-group-proveedor textarea:focus{border-color:#3498db;outline:none}.registro-proveedor-container .form-group-proveedor input:disabled{background:#ecf0f1;color:#7f8c8d;cursor:not-allowed}.registro-proveedor-container .form-group-proveedor textarea{min-height:90px;resize:vertical}.registro-proveedor-container .modal-footer-proveedor{background:#fff;border-top:2px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:20px 25px}.registro-proveedor-container .btn-proveedor{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:1px;padding:12px 25px;text-transform:uppercase;transition:all .2s}.registro-proveedor-container .btn-primary-proveedor{background:#3498db;color:#fff}.registro-proveedor-container .btn-primary-proveedor:hover{background:#2980b9}.registro-proveedor-container .btn-secondary-proveedor{background:#fff;border:2px solid #3498db;color:#3498db}.registro-proveedor-container .btn-secondary-proveedor:hover{background:#3498db;color:#fff}.registro-proveedor-container .btn-success-proveedor{background:#27ae60;color:#fff;font-size:12px;padding:10px 20px}.registro-proveedor-container .btn-success-proveedor:hover{background:#229954}.registro-proveedor-container .btn-cancel-proveedor{background:#95a5a6;color:#fff;padding:14px 30px}.registro-proveedor-container .btn-cancel-proveedor:hover{background:#7f8c8d}.registro-proveedor-container .estadisticas-grid-proveedor{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.registro-proveedor-container .stat-card-proveedor{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:12px 15px}.registro-proveedor-container .stat-card-proveedor:first-child{border-left-color:#3498db}.registro-proveedor-container .stat-card-proveedor:nth-child(2){border-left-color:#2ecc71}.registro-proveedor-container .stat-card-proveedor:nth-child(3){border-left-color:#9b59b6}.registro-proveedor-container .stat-card-proveedor:nth-child(4){border-left-color:#e67e22}.registro-proveedor-container .stat-icon-proveedor{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:24px;height:45px;justify-content:center;width:45px}.registro-proveedor-container .stat-card-proveedor:first-child .stat-icon-proveedor{background:#e8f4fd;color:#3498db}.registro-proveedor-container .stat-card-proveedor:nth-child(2) .stat-icon-proveedor{background:#e8f8f0;color:#2ecc71}.registro-proveedor-container .stat-card-proveedor:nth-child(3) .stat-icon-proveedor{background:#f4ecf7;color:#9b59b6}.registro-proveedor-container .stat-card-proveedor:nth-child(4) .stat-icon-proveedor{background:#fef5e7;color:#e67e22}.registro-proveedor-container .stat-content-proveedor{display:flex;flex:1 1;flex-direction:column;gap:3px}.registro-proveedor-container .stat-value-proveedor{color:#2c3e50;font-size:24px;font-weight:700;line-height:1;margin:0}.registro-proveedor-container .stat-label-proveedor{color:#7f8c8d;font-size:10px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.registro-proveedor-container .filtros-section-proveedor{background:#fff;border-left:4px solid #9b59b6;border-radius:0;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:12px 15px}.registro-proveedor-container .filtros-section-proveedor h2{color:#2c3e50;font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.registro-proveedor-container .filtros-grid-proveedor{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.registro-proveedor-container .filtro-group-proveedor{display:flex;flex-direction:column;gap:5px}.registro-proveedor-container .filtro-group-proveedor label{color:#2c3e50;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.registro-proveedor-container .filtro-group-proveedor input,.registro-proveedor-container .filtro-group-proveedor select{background:#fff;border:1px solid #d5d8dc;border-radius:4px;font-size:12px;padding:8px 10px;transition:border-color .2s}.registro-proveedor-container .filtro-group-proveedor input:focus,.registro-proveedor-container .filtro-group-proveedor select:focus{border-color:#9b59b6;outline:none}.registro-proveedor-container .tabla-section-proveedor{background:#fff;border-left:4px solid #e67e22;border-radius:0;box-shadow:0 1px 3px #0000001a;padding:0}.registro-proveedor-container .tabla-header-proveedor{align-items:center;background:#34495e;border-bottom:none;display:flex;justify-content:space-between;padding:12px 15px}.registro-proveedor-container .tabla-header-proveedor h2{color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.registro-proveedor-container .search-box-proveedor{position:relative;width:250px}.registro-proveedor-container .search-box-proveedor input{background:#fff;border:1px solid #d5d8dc;border-radius:4px;font-size:12px;padding:8px 35px 8px 12px;width:100%}.registro-proveedor-container .search-box-proveedor input:focus{border-color:#3498db;outline:none}.registro-proveedor-container .search-icon-proveedor{color:#7f8c8d;font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.registro-proveedor-container .table-wrapper-proveedor{overflow-x:auto}.registro-proveedor-container .proveedores-table-proveedor{border-collapse:collapse;width:100%}.registro-proveedor-container .proveedores-table-proveedor thead{background:#2c3e50}.registro-proveedor-container .proveedores-table-proveedor th{border-bottom:2px solid #3498db;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.registro-proveedor-container .proveedores-table-proveedor tbody tr{border-bottom:1px solid #ecf0f1;transition:background .2s}.registro-proveedor-container .proveedores-table-proveedor tbody tr:hover{background:#f8f9fa}.registro-proveedor-container .proveedores-table-proveedor tbody tr:nth-child(2n){background:#fafafa}.registro-proveedor-container .proveedores-table-proveedor tbody tr:nth-child(2n):hover{background:#f8f9fa}.registro-proveedor-container .proveedores-table-proveedor td{color:#2c3e50;font-size:12px;padding:10px 12px}.registro-proveedor-container .direccion-cell-proveedor,.registro-proveedor-container .servicios-cell-proveedor{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registro-proveedor-container .forma-pago-badge-proveedor{background:#d4edda;border:1px solid #a8e6cf;border-radius:4px;color:#155724;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.registro-proveedor-container .actions-cell-proveedor{display:flex;gap:8px;justify-content:center}.registro-proveedor-container .btn-icon-proveedor{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.registro-proveedor-container .btn-edit-proveedor{background:#3498db;color:#fff}.registro-proveedor-container .btn-edit-proveedor:hover{background:#2980b9}.registro-proveedor-container .btn-delete-proveedor{background:#e74c3c;color:#fff}.registro-proveedor-container .btn-delete-proveedor:hover{background:#c0392b}.registro-proveedor-container .btn-view-proveedor{background:#2ecc71;color:#fff}.registro-proveedor-container .btn-view-proveedor:hover{background:#27ae60}.registro-proveedor-container .pagination-proveedor{align-items:center;background:#fafafa;border-top:2px solid #ecf0f1;display:flex;gap:10px;justify-content:center;padding:20px 25px}.registro-proveedor-container .pagination-proveedor button{background:#fff;border:2px solid #d5d8dc;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all .2s}.registro-proveedor-container .pagination-proveedor button:hover:not(:disabled){background:#3498db;border-color:#3498db;color:#fff}.registro-proveedor-container .pagination-proveedor button:disabled{cursor:not-allowed;opacity:.4}.registro-proveedor-container .pagination-proveedor span{color:#2c3e50;font-size:14px;font-weight:600;padding:0 15px}.registro-proveedor-container .empty-state-proveedor{background:#fafafa;color:#7f8c8d;padding:60px;text-align:center}.registro-proveedor-container .empty-state-icon-proveedor{font-size:64px;margin-bottom:20px;opacity:.5}.registro-proveedor-container .empty-state-proveedor h3{color:#2c3e50;font-size:20px;font-weight:600;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.registro-proveedor-container .empty-state-proveedor p{color:#7f8c8d;font-size:14px}.registro-proveedor-container .loading-state-proveedor{background:#fafafa;padding:60px;text-align:center}.registro-proveedor-container .loading-state-proveedor p{color:#7f8c8d;font-size:16px;font-weight:600}.registro-proveedor-container .alert-error-proveedor{align-items:center;background:#f8d7da;border:2px solid #f5c6cb;border-left:6px solid #e74c3c;border-radius:4px;color:#721c24;display:flex;font-weight:600;gap:10px;margin-bottom:20px;padding:15px 20px}.loading-container-proveedor{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner-proveedor{animation:spin-proveedor 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin-proveedor{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container-proveedor p{color:#666;font-size:16px;font-weight:600}@media (max-width:1400px){.registro-proveedor-container .estadisticas-grid-proveedor{grid-template-columns:repeat(2,1fr)}.registro-proveedor-container .search-box-proveedor{width:200px}}@media (max-width:768px){.registro-proveedor-container{padding:10px}.registro-proveedor-header{flex-direction:column;gap:10px;padding:12px 15px}.registro-proveedor-container .header-title-proveedor h1{font-size:14px}.registro-proveedor-container .header-title-proveedor p{font-size:10px}.registro-proveedor-container .header-icon-proveedor{font-size:20px;height:35px;width:35px}.registro-proveedor-container .header-actions-proveedor{justify-content:stretch;width:100%}.registro-proveedor-container .btn-proveedor{flex:1 1}.registro-proveedor-container .modal-container-proveedor{max-height:95vh;width:95%}.registro-proveedor-container .form-group-row-proveedor{grid-template-columns:1fr}.registro-proveedor-container .modal-body-proveedor{padding:20px}.registro-proveedor-container .modal-footer-proveedor{flex-direction:column}.registro-proveedor-container .modal-footer-proveedor .btn-proveedor{width:100%}.registro-proveedor-container .estadisticas-grid-proveedor,.registro-proveedor-container .filtros-grid-proveedor{grid-template-columns:1fr}.registro-proveedor-container .tabla-header-proveedor{flex-direction:column;gap:15px}.registro-proveedor-container .search-box-proveedor{width:100%}.registro-proveedor-container .table-wrapper-proveedor{overflow-x:scroll}.registro-proveedor-container .pagination-proveedor{flex-wrap:wrap}}.modal-mensaje-proveedor{animation:modalMensajeSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:500px;min-width:400px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10001}@keyframes modalMensajeSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-mensaje-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;text-align:center}.modal-mensaje-icono{animation:modalIconoBounce .6s ease-out;font-size:64px;margin-bottom:15px}@keyframes modalIconoBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.modal-mensaje-header h3{font-size:22px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.modal-mensaje-success .modal-mensaje-header{background:linear-gradient(135deg,#11998e,#38ef7d)}.modal-mensaje-error .modal-mensaje-header{background:linear-gradient(135deg,#eb3349,#f45c43)}.modal-mensaje-warning .modal-mensaje-header{background:linear-gradient(135deg,#f093fb,#f5576c)}.modal-mensaje-info .modal-mensaje-header{background:linear-gradient(135deg,#4facfe,#00f2fe)}.modal-mensaje-body{background:#fff;color:#333;font-size:16px;line-height:1.8;padding:30px;text-align:center}.modal-mensaje-body p{font-weight:500;margin:0}.modal-mensaje-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;padding:20px 30px;text-align:center}.btn-mensaje-proveedor{border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:12px 40px;text-transform:uppercase;transition:all .3s ease}.btn-mensaje-proveedor:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.btn-mensaje-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-mensaje-error{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.btn-mensaje-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-mensaje-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}@media (max-width:768px){.modal-mensaje-proveedor{max-width:90%;min-width:90%}.modal-mensaje-icono{font-size:48px}.modal-mensaje-header h3{font-size:18px}.modal-mensaje-body{font-size:14px;padding:20px}}.editar-proveedor-container{background:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100%;min-height:100vh;overflow-x:hidden;padding:15px}.editar-proveedor-header{align-items:center;background:#2c3e50;border-left:4px solid #3498db;border-radius:0;box-shadow:none;display:flex;margin-bottom:15px;padding:15px 20px}.header-icon-title-editar-prov{align-items:center;display:flex;gap:12px}.header-icon-editar-prov{align-items:center;background:#3498db;border-radius:6px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.header-icon-title-editar-prov h1{color:#fff;font-size:18px;font-weight:600;letter-spacing:1.5px;margin:0;text-transform:uppercase}.header-icon-title-editar-prov p{color:#bdc3c7;font-size:11px;letter-spacing:normal;margin:3px 0 0;text-transform:none}.datos-proveedor-horizontal-editar-prov{background:#fff;border-left:4px solid #27ae60;border-radius:0;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.datos-proveedor-horizontal-editar-prov.minimizado{margin-bottom:10px}.datos-header-horizontal-editar-prov{align-items:center;background:#34495e;border-bottom:2px solid #27ae60;display:flex;justify-content:space-between;padding:12px 20px}.datos-header-horizontal-editar-prov h2{color:#fff;font-size:14px;font-weight:600;letter-spacing:1.5px;margin:0;text-transform:uppercase}.btn-minimizar-editar-prov{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-minimizar-editar-prov:hover{background:#ffffff4d;border-color:#ffffff80}.datos-grid-horizontal-editar-prov{grid-gap:15px;background:#fafafa;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);padding:20px}@media (max-width:1024px){.datos-grid-horizontal-editar-prov{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.datos-grid-horizontal-editar-prov{grid-template-columns:1fr}}.dato-field-editar-prov{display:flex;flex-direction:column;gap:6px}.dato-field-editar-prov label{color:#2c3e50;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dato-field-editar-prov input,.dato-field-editar-prov select,.dato-field-editar-prov textarea{background:#fff;border:2px solid #d5d8dc;border-radius:4px;color:#2c3e50;font-family:inherit;font-size:12px;padding:8px 10px;transition:border-color .2s}.dato-field-editar-prov input::placeholder,.dato-field-editar-prov textarea::placeholder{color:#95a5a6;font-style:italic}.dato-field-editar-prov input:focus,.dato-field-editar-prov select:focus,.dato-field-editar-prov textarea:focus{border-color:#27ae60;outline:none}.dato-field-editar-prov input:disabled,.dato-field-editar-prov select:disabled,.dato-field-editar-prov textarea:disabled{background:#ecf0f1;color:#7f8c8d;cursor:not-allowed}.dato-field-editar-prov textarea{min-height:50px;resize:vertical}.input-disabled-editar-prov{background:#ecf0f1!important;color:#7f8c8d!important;cursor:not-allowed!important}.datos-footer-horizontal-editar-prov{background:#fff;border-top:2px solid #ecf0f1;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.btn-actualizar-editar-prov,.btn-eliminar-editar-prov,.btn-limpiar-editar-prov,.btn-refrescar-editar-prov{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s}.btn-actualizar-editar-prov{background:#27ae60;color:#fff}.btn-actualizar-editar-prov:hover:not(:disabled){background:#229954}.btn-refrescar-editar-prov{background:#3498db;color:#fff}.btn-refrescar-editar-prov:hover:not(:disabled){background:#2980b9}.btn-limpiar-editar-prov{background:#95a5a6;color:#fff}.btn-limpiar-editar-prov:hover:not(:disabled){background:#7f8c8d}.btn-eliminar-editar-prov{background:#e74c3c;color:#fff}.btn-eliminar-editar-prov:hover:not(:disabled){background:#c0392b}.btn-actualizar-editar-prov:disabled,.btn-eliminar-editar-prov:disabled,.btn-limpiar-editar-prov:disabled,.btn-refrescar-editar-prov:disabled{cursor:not-allowed;opacity:.5}.lista-proveedores-section-editar-prov{background:#fff;border-left:4px solid #e67e22;border-radius:0;box-shadow:0 2px 4px #0000001a;overflow:hidden}.lista-header-editar-prov{background:#34495e;border-bottom:2px solid #e67e22;padding:12px 20px}.lista-header-editar-prov h2{color:#fff;font-size:14px;font-weight:600;letter-spacing:1.5px;margin:0;text-transform:uppercase}.search-proveedor-editar-prov{background:#fafafa;border-bottom:2px solid #ecf0f1;padding:15px 20px;position:relative}.search-proveedor-editar-prov input{background:#fff;border:2px solid #d5d8dc;border-radius:4px;font-size:12px;padding:8px 35px 8px 12px;transition:border-color .2s;width:100%}.search-proveedor-editar-prov input::placeholder{color:#95a5a6;font-style:italic}.search-proveedor-editar-prov input:focus{border-color:#e67e22;outline:none}.search-icon-editar-prov{color:#7f8c8d;font-size:16px;pointer-events:none;position:absolute;right:37px;top:50%;transform:translateY(-50%)}.tabla-proveedores-wrapper-editar-prov{overflow-x:auto}.tabla-proveedores-editar-prov{border-collapse:collapse;width:100%}.tabla-proveedores-editar-prov thead{background:#2c3e50}.tabla-proveedores-editar-prov th{border-bottom:2px solid #e67e22;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.tabla-proveedores-editar-prov tbody tr{border-bottom:1px solid #ecf0f1;cursor:pointer;transition:background .2s}.tabla-proveedores-editar-prov tbody tr:hover{background:#f8f9fa}.tabla-proveedores-editar-prov tbody tr:nth-child(2n){background:#fafafa}.tabla-proveedores-editar-prov tbody tr:nth-child(2n):hover{background:#f8f9fa}.tabla-proveedores-editar-prov tbody tr.selected-editar-prov{background:#e8f4fd!important;border-left:4px solid #3498db}.tabla-proveedores-editar-prov td{color:#2c3e50;font-size:12px;padding:10px 12px}.email-cell-editar-prov{color:#3498db;font-weight:500}.tabla-proveedores-editar-prov td:nth-child(4),.tabla-proveedores-editar-prov td:nth-child(9){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-message-editar-prov{padding:0!important}.empty-state-editar-prov{color:#7f8c8d;padding:60px 20px;text-align:center}.empty-icon-editar-prov{display:block;font-size:64px;margin-bottom:15px;opacity:.5}.empty-state-editar-prov p{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.loading-container-editar-prov{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner-editar-prov{animation:spin-editar-prov 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin-editar-prov{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container-editar-prov p{color:#666;font-size:16px;font-weight:600}.tabla-proveedores-wrapper-editar-prov::-webkit-scrollbar{height:8px;width:8px}.tabla-proveedores-wrapper-editar-prov::-webkit-scrollbar-track{background:#ecf0f1;border-radius:4px}.tabla-proveedores-wrapper-editar-prov::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}.tabla-proveedores-wrapper-editar-prov::-webkit-scrollbar-thumb:hover{background:#2980b9}.tabla-proveedores-wrapper-editar-prov::-webkit-scrollbar-corner{background:#ecf0f1}.toast-editar{align-items:center;animation:slideInRightEditar .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInRightEditar{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-editar-success{border-left:4px solid #28a745}.toast-editar-error{border-left:4px solid #dc3545}.toast-editar-warning{border-left:4px solid #ffc107}.toast-editar-info{border-left:4px solid #17a2b8}.toast-editar-icon{flex-shrink:0;font-size:24px}.toast-editar-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-editar-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.toast-editar-close:hover{background:#f0f0f0;color:#333}.modal-overlay-editar{align-items:center;animation:fadeInEditar .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes fadeInEditar{0%{opacity:0}to{opacity:1}}.modal-confirm-editar{animation:slideUpEditar .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:520px;width:90%}@keyframes slideUpEditar{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-confirm-editar-header{align-items:center;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;gap:12px;padding:24px}.modal-confirm-editar-header.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.modal-confirm-editar-header.warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.modal-confirm-editar-icon{font-size:32px}.modal-confirm-editar-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-confirm-editar-body{padding:24px}.modal-confirm-editar-body p{color:#333;font-size:15px;line-height:1.6;margin:0}.modal-confirm-editar-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-editar-cancel,.btn-editar-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.btn-editar-cancel{background:#6c757d;color:#fff}.btn-editar-cancel:hover{background:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.btn-editar-confirm{color:#fff}.btn-editar-danger{background:linear-gradient(135deg,#dc3545,#c82333)}.btn-editar-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc354566;transform:translateY(-2px)}.btn-editar-warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.btn-editar-warning:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 8px #ffc10766;transform:translateY(-2px)}@media (max-width:1400px){.datos-grid-horizontal-editar-prov{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.editar-proveedor-container{padding:20px}.datos-grid-horizontal-editar-prov{gap:15px;grid-template-columns:repeat(2,1fr);padding:20px}.datos-footer-horizontal-editar-prov{flex-wrap:wrap;padding:15px 20px}.datos-footer-horizontal-editar-prov button{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1}.tabla-proveedores-wrapper-editar-prov{max-height:calc(100vh - 500px)}}@media (max-width:768px){.editar-proveedor-container{padding:15px}.editar-proveedor-header{flex-direction:column;gap:15px;padding:20px}.header-icon-title-editar-prov{flex-direction:column;gap:15px;text-align:center}.header-stats-editar-prov{justify-content:center;width:100%}.header-icon-editar-prov{font-size:28px;height:45px;width:45px}.header-icon-title-editar-prov h1{font-size:18px}.header-icon-title-editar-prov p{font-size:12px}.datos-grid-horizontal-editar-prov{gap:15px;grid-template-columns:1fr;padding:20px}.datos-footer-horizontal-editar-prov{flex-direction:column;padding:15px 20px}.datos-footer-horizontal-editar-prov button{width:100%}.search-proveedor-editar-prov{padding:15px 20px}.tabla-proveedores-wrapper-editar-prov{max-height:calc(100vh - 550px)}.datos-header-horizontal-editar-prov,.lista-header-editar-prov{padding:15px 20px}.datos-header-horizontal-editar-prov h2,.lista-header-editar-prov h2{font-size:14px}}@media (max-width:480px){.editar-proveedor-container{padding:10px}.editar-proveedor-header{margin-bottom:15px;padding:15px}.header-icon-title-editar-prov h1{font-size:16px}.btn-actualizar-editar-prov,.btn-eliminar-editar-prov,.btn-limpiar-editar-prov,.btn-refrescar-editar-prov{font-size:11px;padding:10px 15px}}.datos-grid-horizontal-editar-prov,.tabla-proveedores-editar-prov tbody{animation:fadeIn .3s ease}.registro-familia-container-new{background:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.registro-familia-header-new{align-items:center;background:#fff;border-left:.25rem solid #5f9fd8;border-radius:12px;box-shadow:0 4px 15px #5f9fd84d;display:flex;justify-content:space-between;margin-bottom:25px;padding:25px 35px}.header-left-familia{align-items:center;display:flex;gap:20px}.header-icon-familia-new{align-items:center;background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:12px;color:#fff;display:flex;font-size:48px;height:70px;justify-content:center;width:70px}.registro-familia-header-new h1{color:#2c3e50;font-size:26px;font-weight:700;letter-spacing:2px;margin:0 0 8px;text-transform:uppercase}.registro-familia-header-new p{color:#95a5a6;font-size:15px;margin:0}.btn-nueva-familia-new{align-items:center;background:linear-gradient(135deg,#66e089,#8cffb0);border:none;border-radius:8px;box-shadow:0 4px 12px #66e0894d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:10px;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.btn-nueva-familia-new:hover{background:linear-gradient(135deg,#8cffb0,#66e089);box-shadow:0 6px 20px #66e08966;transform:translateY(-2px)}.btn-nueva-familia-new span{font-size:18px}.search-familia-new{margin-bottom:25px}.search-familia-new input{background:#fff;border:2px solid #d5d8dc;border-radius:10px;box-shadow:0 2px 8px #0000000d;font-size:15px;padding:15px 20px;transition:all .3s ease;width:100%}.search-familia-new input:focus{border-color:#5f9fd8;box-shadow:0 0 0 4px #5f9fd81a;outline:none}.search-familia-new input::placeholder{color:#95a5a6}.tabla-familia-container-new{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden}.tabla-familia-new{border-collapse:collapse;width:100%}.tabla-familia-new thead{background:linear-gradient(135deg,#5f9fd8,#74c9e8)}.tabla-familia-new th{border-bottom:3px solid #5f9fd8;color:#fff;font-size:12px;font-weight:700;letter-spacing:1.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.tabla-familia-new tbody tr{border-bottom:1px solid #ecf0f1;transition:all .3s ease}.tabla-familia-new tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000000d;transform:scale(1.002)}.tabla-familia-new tbody tr:nth-child(2n){background:#fafbfc}.tabla-familia-new tbody tr:nth-child(2n):hover{background:#f8f9fa}.tabla-familia-new td{color:#2c3e50;font-size:14px;padding:16px 20px}.tabla-familia-new td:first-child{color:#34495e;font-size:15px;font-weight:700}.badge-familia-new{border-radius:6px;box-shadow:0 2px 6px #00000026;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 14px;text-transform:uppercase}.acciones-familia-new{display:flex;gap:8px;justify-content:flex-start}.btn-accion-familia{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 6px #00000026;cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;transition:all .3s ease;width:38px}.btn-accion-familia:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.ver-familia{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.editar-familia{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.eliminar-familia{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.empty-message-familia-new{padding:0!important}.empty-state-familia-new{padding:80px 20px;text-align:center}.empty-icon-familia-new{display:block;font-size:72px;margin-bottom:20px;opacity:.4}.empty-state-familia-new p{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 8px}.empty-state-familia-new small{color:#7f8c8d;font-size:14px}.paginacion-familia-new{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;justify-content:center;padding:20px}.btn-paginacion-familia{background:linear-gradient(135deg,#34495e,#2c3e50);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.btn-paginacion-familia:hover:not(:disabled){background:linear-gradient(135deg,#2c3e50,#1a252f);transform:translateY(-2px)}.btn-paginacion-familia:disabled{cursor:not-allowed;opacity:.4}.pagina-actual-familia{color:#34495e;font-size:14px;font-weight:700}.modal-overlay-familia{animation:fadeInModal .3s ease;background:#000000bf;z-index:1000}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content-familia{animation:slideUpModal .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:650px;overflow-y:auto;width:90%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header-familia{align-items:center;background:linear-gradient(135deg,#34495e,#2c3e50);border-bottom:3px solid #3498db;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:22px 30px}.modal-header-familia h2{color:#fff;font-size:19px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.btn-cerrar-modal-familia{align-items:center;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:38px;justify-content:center;transition:all .3s ease;width:38px}.btn-cerrar-modal-familia:hover{background:#c0392b;transform:scale(1.1)}.modal-body-familia{padding:35px 30px}.form-group-modal-familia{margin-bottom:28px}.form-group-modal-familia label{color:#2c3e50;display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.form-group-modal-familia input,.form-group-modal-familia select,.form-group-modal-familia textarea{border:2px solid #d5d8dc;border-radius:8px;font-family:inherit;font-size:14px;padding:13px 16px;transition:all .3s ease;width:100%}.form-group-modal-familia select,.form-group-modal-familia textarea{resize:vertical}.form-group-modal-familia input:focus,.form-group-modal-familia select:focus,.form-group-modal-familia textarea:focus{border-color:#3498db;box-shadow:0 0 0 4px #3498db1a;outline:none}.hint-text-familia{color:#7f8c8d;display:block;font-size:11px;font-style:italic;margin-top:8px}.info-box-familia{background:linear-gradient(135deg,#e8f4fd,#d6eaf8);border-left:4px solid #3498db;border-radius:8px;display:flex;gap:14px;margin-top:25px;padding:16px 18px}.info-icon-familia{color:#3498db;font-size:24px}.info-box-familia strong{color:#2c3e50;display:block;font-size:13px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-box-familia p{color:#34495e;font-size:13px;line-height:1.6;margin:0}.modal-footer-familia{background:#fafafa;border-radius:0 0 12px 12px;border-top:2px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:22px 30px}.btn-cancelar-modal-familia,.btn-guardar-modal-familia{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:1px;padding:13px 28px;text-transform:uppercase;transition:all .3s ease}.btn-cancelar-modal-familia{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 3px 10px #95a5a64d;color:#fff}.btn-cancelar-modal-familia:hover{background:linear-gradient(135deg,#7f8c8d,#6c7a7b);box-shadow:0 5px 15px #95a5a666;transform:translateY(-2px)}.btn-guardar-modal-familia{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 3px 10px #27ae604d;color:#fff}.btn-guardar-modal-familia:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 5px 15px #27ae6066;transform:translateY(-2px)}.toast-familia{align-items:center;animation:slideInRightFamilia .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;white-space:pre-wrap;z-index:10000}@keyframes slideInRightFamilia{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-familia-success{border-left:4px solid #28a745}.toast-familia-error{border-left:4px solid #dc3545}.toast-familia-warning{border-left:4px solid #ffc107}.toast-familia-info{border-left:4px solid #17a2b8}.toast-familia-icon{flex-shrink:0;font-size:24px}.toast-familia-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-familia-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.toast-familia-close:hover{background:#f0f0f0;color:#333}.modal-overlay-familia{align-items:center;animation:fadeInFamilia .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes fadeInFamilia{0%{opacity:0}to{opacity:1}}.modal-confirm-familia{animation:slideUpFamilia .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:520px;width:90%}@keyframes slideUpFamilia{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-confirm-familia-header{align-items:center;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;gap:12px;padding:24px}.modal-confirm-familia-header.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.modal-confirm-familia-header.warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.modal-confirm-familia-icon{font-size:32px}.modal-confirm-familia-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-confirm-familia-body{padding:24px;white-space:pre-wrap}.modal-confirm-familia-body p{color:#333;font-size:15px;line-height:1.6;margin:0}.modal-confirm-familia-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-familia-cancel,.btn-familia-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.btn-familia-cancel{background:#6c757d;color:#fff}.btn-familia-cancel:hover{background:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.btn-familia-confirm{color:#fff}.btn-familia-danger{background:linear-gradient(135deg,#dc3545,#c82333)}.btn-familia-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc354566;transform:translateY(-2px)}.btn-familia-warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.btn-familia-warning:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 8px #ffc10766;transform:translateY(-2px)}@media (max-width:768px){.registro-familia-container-new{padding:15px}.registro-familia-header-new{flex-direction:column;gap:20px;padding:20px}.header-left-familia{flex-direction:column;text-align:center}.btn-nueva-familia-new{justify-content:center;width:100%}.tabla-familia-container-new{overflow-x:auto}.tabla-familia-new{min-width:800px}.modal-content-familia{margin:20px;width:95%}.modal-footer-familia{flex-direction:column}.btn-cancelar-modal-familia,.btn-guardar-modal-familia{justify-content:center;width:100%}.paginacion-familia-new{flex-direction:column;gap:12px}.btn-paginacion-familia{width:100%}}.modal-content-familia::-webkit-scrollbar{width:8px}.modal-content-familia::-webkit-scrollbar-track{background:#ecf0f1}.modal-content-familia::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:4px}.modal-content-familia::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2980b9,#21618c)}.btn-ver-productos{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;box-shadow:0 2px 8px #3498db4d;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-ver-productos:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.btn-ver-productos:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;opacity:.6}.ingreso-materiales-container{background:#0000;box-sizing:border-box;min-height:100vh;padding:0;width:100%}.ingreso-header{align-items:center;background:#fff;border-left:.25rem solid #64b2fc;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem}.ingreso-icon{color:#64b2fc;font-size:2.5rem;line-height:1}.ingreso-title{color:#2c3e50;font-size:1.75rem;font-weight:700;margin:0}.ingreso-subtitle{color:#95a5a6;font-size:.9375rem;margin:.3125rem 0 0}.ingreso-mensaje{animation:slideDown .3s ease-out;border-radius:.625rem;font-weight:600;margin-bottom:1.25rem;padding:.9375rem 1.25rem}.ingreso-mensaje-success{background:linear-gradient(135deg,#66e089,#8cffb0);color:#fff}.ingreso-mensaje-error{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.ingreso-mensaje-warning{background:linear-gradient(135deg,#ffb978,#fc9);color:#fff}.ingreso-mensaje-info{background:linear-gradient(135deg,#6ba9e3,#89c4f4);color:#fff}.ingreso-tabs{display:flex;gap:15px;margin-bottom:25px}.ingreso-tabs-historial{background:linear-gradient(135deg,#5f9fd80d,#74c9e80d);border:1px solid #5f9fd81a;border-radius:15px;display:flex;gap:10px;margin-bottom:25px;padding:10px}.ingreso-tab-historial{align-items:center;background:#fff;border:2px solid #5f9fd833;border-radius:10px;color:#5f9fd8;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;position:relative;transition:all .3s ease}.ingreso-tab-historial:hover{border-color:#5f9fd8;box-shadow:0 4px 12px #5f9fd826;transform:translateY(-2px)}.ingreso-tab-historial.activo{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-color:#5f9fd8;box-shadow:0 4px 15px #5f9fd84d;color:#fff}.ingreso-tab-historial .tab-badge{background:#ffffffe6;border-radius:12px;color:#5f9fd8;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.ingreso-tab-historial.activo .tab-badge{background:#fff;color:#5f9fd8}.ingreso-tab{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#666;cursor:pointer;flex:1 1;font-size:18px;font-weight:600;padding:15px 30px;transition:all .3s ease}.ingreso-tab:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.ingreso-tab.activo{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);box-shadow:0 8px 20px #64b2fc66;color:#fff}.ingreso-content{border-radius:15px;min-height:500px;padding:30px}.ingreso-card,.ingreso-content{background:#fff;box-shadow:0 5px 20px #0000001a}.ingreso-card{border-radius:12px;margin-bottom:20px;overflow:hidden}.ingreso-card-header{align-items:center;background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);display:flex;gap:12px;padding:15px 20px}.ingreso-card-title{color:#fff;font-size:18px;font-weight:700;margin:0}.ingreso-card-body{padding:25px}.ingreso-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.ingreso-form-group{display:flex;flex-direction:column}.ingreso-form-label{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:5px;margin-bottom:8px}.ingreso-form-input,.ingreso-form-select,.ingreso-form-textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease}.ingreso-form-input:focus,.ingreso-form-select:focus,.ingreso-form-textarea:focus{border-color:#64b2fc;box-shadow:0 0 0 3px #64b2fc1a;outline:none}.ingreso-form-input:disabled,.ingreso-form-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.ingreso-form-textarea{font-family:inherit;min-height:80px;resize:vertical}.ingreso-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.ingreso-btn:hover:not(:disabled){box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.ingreso-btn:disabled{cursor:not-allowed;opacity:.5}.ingreso-btn-primary{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);color:#fff}.ingreso-btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.ingreso-btn-danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.ingreso-btn-warning{background:linear-gradient(135deg,#f2994a,#f2c94c);color:#fff}.ingreso-btn-secondary{background:linear-gradient(135deg,#a8a8a8,#7a7a7a);color:#fff}.ingreso-btn-icon{font-size:18px}.ingreso-table{border-collapse:collapse;border-radius:10px;box-shadow:0 4px 12px #00000014;margin-top:20px;overflow:hidden;width:100%}.ingreso-table thead{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd)}.ingreso-table thead th{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.ingreso-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.ingreso-table tbody tr:hover{background:#f9f9f9}.ingreso-table tbody td{color:#333;font-size:14px;padding:15px}.ingreso-table-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.ingreso-table-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.ingreso-table-btn-eliminar{background:#f44;color:#fff}.ingreso-table-btn-eliminar:hover{background:#c00}.ingreso-loader{align-items:center;background:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.ingreso-loader p{color:#fff;font-size:18px;font-weight:600;margin-top:20px}@media (max-width:1366px){.ingreso-container{padding:15px}.ingreso-header{padding:20px}.ingreso-title{font-size:26px}.ingreso-form-row{gap:15px;grid-template-columns:repeat(2,1fr)}.ingreso-table{font-size:13px}.ingreso-table tbody td,.ingreso-table thead th{padding:12px}.ingreso-btn-primary,.ingreso-btn-secondary{font-size:14px;padding:12px 24px}}@media (max-width:1024px){.ingreso-header{padding:18px}.ingreso-title{font-size:24px}.ingreso-form-row{gap:12px;grid-template-columns:repeat(2,1fr)}.ingreso-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.ingreso-table{font-size:12px;min-width:700px}.ingreso-table tbody td,.ingreso-table thead th{padding:10px}.ingreso-actions{flex-direction:column;gap:10px}.ingreso-btn-primary,.ingreso-btn-secondary{width:100%}}@media (max-width:768px){.ingreso-container{padding:10px}.ingreso-header{padding:15px}.ingreso-title{font-size:20px}.ingreso-subtitle{font-size:12px}.ingreso-form-row{gap:10px;grid-template-columns:1fr}.ingreso-form-group label{font-size:12px}.ingreso-form-group input,.ingreso-form-group select,.ingreso-form-group textarea{font-size:13px;padding:10px}.ingreso-tabs{flex-direction:column;gap:8px}.ingreso-tab{text-align:center;width:100%}.ingreso-table{font-size:11px;min-width:650px}.ingreso-table tbody td,.ingreso-table thead th{padding:8px}.ingreso-table button{font-size:11px;padding:6px 10px}.ingreso-btn-primary,.ingreso-btn-secondary{font-size:13px;padding:10px 20px}.ingreso-info-row{flex-direction:column;gap:8px}.ingreso-info-item{width:100%}}@media (max-width:480px){.ingreso-header{padding:12px}.ingreso-title{font-size:18px}.ingreso-form-group label,.ingreso-subtitle{font-size:11px}.ingreso-form-group input,.ingreso-form-group select,.ingreso-form-group textarea{font-size:12px;padding:8px}.ingreso-tab{font-size:12px;padding:10px}.ingreso-table{font-size:10px;min-width:600px}.ingreso-table tbody td,.ingreso-table thead th{padding:6px 4px}.ingreso-table button{font-size:10px;padding:4px 8px}.ingreso-btn-primary,.ingreso-btn-secondary{font-size:12px;padding:10px 16px}.ingreso-stats{font-size:11px;padding:10px}}@media (max-width:320px){.ingreso-title{font-size:16px}.ingreso-table{font-size:9px;min-width:550px}.ingreso-table tbody td,.ingreso-table thead th{padding:5px 3px}}.dropdown-item:active{background-color:#e0e9ff}.traslado-materiales-container{background:#0000;box-sizing:border-box;min-height:100vh;padding:0;width:100%}.traslado-header{align-items:center;background:#fff;border-left:.25rem solid #64b2fc;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem}.traslado-icon{color:#64b2fc;font-size:2.5rem;line-height:1}.traslado-title{color:#2c3e50;font-size:1.75rem;font-weight:700;margin:0}.traslado-subtitle{color:#95a5a6;font-size:.9375rem;margin:.3125rem 0 0}.traslado-mensaje{align-items:center;animation:slideDown .3s ease-out;border-radius:.625rem;display:flex;font-weight:600;gap:.625rem;margin-bottom:1.25rem;padding:.9375rem 1.25rem}.traslado-mensaje-success{background:linear-gradient(135deg,#66e089,#8cffb0);color:#fff}.traslado-mensaje-error{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.traslado-mensaje-warning{background:linear-gradient(135deg,#ffb978,#fc9);color:#fff}.traslado-mensaje-info{background:linear-gradient(135deg,#6ba9e3,#89c4f4);color:#fff}.traslado-card{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin-bottom:20px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.traslado-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.traslado-card-header{align-items:center;background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);display:flex;gap:12px;padding:15px 20px}.traslado-card-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.traslado-badge{background:#ffffff4d;border-radius:12px;color:#fff;font-size:14px;font-weight:700;min-width:25px;padding:4px 12px;text-align:center}.traslado-card-body{padding:25px}.traslado-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:0}.traslado-form-group{display:flex;flex-direction:column}.traslado-form-label{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:5px;margin-bottom:8px}.traslado-form-input,.traslado-form-select,.traslado-form-textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 15px;transition:all .3s ease}.traslado-form-input:focus,.traslado-form-select:focus,.traslado-form-textarea:focus{border-color:#64b2fc;box-shadow:0 0 0 3px #64b2fc1a;outline:none}.traslado-form-input:disabled,.traslado-form-select:disabled,.traslado-form-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.traslado-form-textarea{min-height:80px;resize:vertical}.traslado-numero-input{color:#64b2fc!important;font-size:18px!important;font-weight:700!important;letter-spacing:1px;text-align:center}.traslado-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.traslado-btn:hover:not(:disabled){box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.traslado-btn:disabled{cursor:not-allowed;opacity:.5}.traslado-btn-success{background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff}.traslado-btn-danger{background:linear-gradient(135deg,#e53935,#c62828);color:#fff}.traslado-btn-icon{font-size:18px}.traslado-table{border-collapse:collapse;border-radius:10px;box-shadow:0 4px 12px #00000014;overflow:hidden;width:100%}.traslado-table thead{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd)}.traslado-table thead th{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.traslado-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.traslado-table tbody tr:hover{background:#f5f9ff}.traslado-table tbody tr:last-child{border-bottom:none}.traslado-table tbody td{color:#333;font-size:14px;padding:15px}.traslado-table-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.traslado-table-input:focus{border-color:#64b2fc;box-shadow:0 0 0 2px #64b2fc1a;outline:none}.traslado-table-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;min-width:40px;padding:8px 12px;transition:all .2s ease}.traslado-table-btn-eliminar{background:#f44;color:#fff}.traslado-table-btn-eliminar:hover{background:#c00;transform:scale(1.1)}.traslado-empty-state{flex-direction:column;padding:60px 20px}.traslado-empty-state,.traslado-warning-box{align-items:center;display:flex;justify-content:center;text-align:center}.traslado-warning-box{background:linear-gradient(135deg,#fff3cd,#fff9e6);border:2px solid #ffc107;border-radius:10px;color:#856404;font-size:16px;font-weight:600;gap:10px;padding:20px}.traslado-actions{align-items:center;display:flex;gap:15px;justify-content:flex-end}.traslado-loader{align-items:center;background:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{border:6px solid #ffffff4d;border-top-color:#fff;height:60px;width:60px}.traslado-loader p{color:#fff;font-size:18px;font-weight:600;margin-top:20px}.modal-overlay-traslado{align-items:center;animation:fadeInTraslado .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes fadeInTraslado{0%{opacity:0}to{opacity:1}}.modal-confirm-traslado{animation:slideUpTraslado .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:520px;width:90%}@keyframes slideUpTraslado{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-confirm-traslado-header{align-items:center;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;gap:12px;padding:24px}.modal-confirm-traslado-header.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.modal-confirm-traslado-header.warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.modal-confirm-traslado-icon{font-size:32px}.modal-confirm-traslado-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-confirm-traslado-body{padding:24px}.modal-confirm-traslado-body p{color:#333;font-size:15px;line-height:1.6;margin:0}.modal-confirm-traslado-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-traslado-cancel,.btn-traslado-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.btn-traslado-cancel{background:#6c757d;color:#fff}.btn-traslado-cancel:hover{background:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.btn-traslado-confirm{color:#fff}.btn-traslado-danger{background:linear-gradient(135deg,#dc3545,#c82333)}.btn-traslado-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc354566;transform:translateY(-2px)}.btn-traslado-warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.btn-traslado-warning:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 8px #ffc10766;transform:translateY(-2px)}@media (max-width:1024px){.traslado-form-row{grid-template-columns:1fr}}@media (max-width:768px){.traslado-header{padding:20px}.traslado-title{font-size:24px}.traslado-subtitle{font-size:14px}.traslado-card-body{padding:15px}.traslado-actions{flex-direction:column}.traslado-actions button{width:100%}.traslado-table{font-size:12px}.traslado-table tbody td,.traslado-table thead th{padding:10px}}@media (max-width:480px){.traslado-icon{font-size:32px}.traslado-title{font-size:20px}.traslado-card-title{font-size:16px}.traslado-btn{font-size:14px;padding:10px 20px}}.producto-combobox{position:relative;width:100%;z-index:1}.combobox-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.input-busqueda-producto{flex:1 1;padding-right:40px!important}.btn-dropdown-toggle{align-items:center;background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);border:none;border-radius:0 8px 8px 0;bottom:0;cursor:pointer;display:flex;justify-content:center;position:absolute;right:0;top:0;transition:all .2s ease;width:35px;z-index:10}.btn-dropdown-toggle:hover{background:linear-gradient(135deg,#3a7fe8,#1846dd)}.btn-dropdown-toggle:active{transform:scale(.95)}.dropdown-arrow{color:#fff;display:inline-block;font-size:.7rem;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-productos-fixed{background:#fff;border:2px solid #64b2fc;border-radius:6px;box-shadow:0 10px 30px #0000004d;max-height:300px;overflow-y:auto;position:fixed;z-index:99999}.dropdown-item{background-color:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;padding:10px 12px;transition:all .2s ease}.dropdown-item:hover{background-color:#f0f4ff;border-left:3px solid #64b2fc;padding-left:9px}.dropdown-item:active{background-color:#bbdefb}.dropdown-item:last-child{border-bottom:none}.dropdown-item-desc{color:#333;font-size:.9rem;font-weight:500;margin-bottom:4px}.dropdown-item-codigo{color:#666;font-size:.8rem;font-style:italic}.dropdown-item-vacio{color:#999;font-size:.9rem;font-style:italic;padding:20px 15px;text-align:center}.dropdown-productos-fixed::-webkit-scrollbar{width:8px}.dropdown-productos-fixed::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 6px 6px 0}.dropdown-productos-fixed::-webkit-scrollbar-thumb{background:#64b2fc;border-radius:4px}.dropdown-productos-fixed::-webkit-scrollbar-thumb:hover{background:#3a7fe8}.salida-materiales-container{background:#0000;min-height:100vh;padding:0}.salida-header{background:#fff;border-left:.25rem solid #64b2fc;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem}.salida-header,.salida-icon{align-items:center;display:flex}.salida-icon{color:#64b2fc;font-size:2.5rem;justify-content:center}.salida-title{color:#2c3e50;font-size:1.75rem;font-weight:700;margin:0}.salida-subtitle{color:#95a5a6;font-size:.9375rem;font-weight:500;margin:.3125rem 0 0}.salida-mensaje{align-items:center;animation:slideInDown .3s ease-out;border-radius:.625rem;box-shadow:0 .25rem .75rem #00000014;display:flex;font-size:.9375rem;font-weight:600;margin-bottom:1.25rem;padding:.9375rem 1.25rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(0)}}.salida-mensaje-success{background:linear-gradient(135deg,#66e089,#8cffb0);color:#fff}.salida-mensaje-error{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.salida-mensaje-warning{background:linear-gradient(135deg,#ffb978,#fc9);color:#fff}.salida-mensaje-info{background:linear-gradient(135deg,#6ba9e3,#89c4f4);color:#fff}.salida-tabs{display:flex;gap:10px;margin-bottom:20px}.salida-tab{background:#fff;border:none;border-radius:10px;box-shadow:0 4px 10px #00000014;color:#555;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.salida-tab:hover{background:#f8f9fa;box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.salida-tab.activo{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);box-shadow:0 6px 20px #64b2fc66;color:#fff}.salida-content{animation:fadeIn .4s ease-out}.salida-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.salida-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.salida-card-header{align-items:center;background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);color:#fff;display:flex;gap:12px;padding:18px 25px}.salida-card-title{font-size:20px;font-weight:700;margin:0}.salida-card-body{padding:25px}.salida-form-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.salida-form-group{display:flex;flex-direction:column}.salida-form-label{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px}.salida-form-input,.salida-form-select,.salida-form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 15px;transition:all .3s ease}.salida-form-input:focus,.salida-form-select:focus,.salida-form-textarea:focus{border-color:#64b2fc;box-shadow:0 0 0 3px #64b2fc1a;outline:none}.salida-form-input:disabled,.salida-form-select:disabled{background-color:#f7fafc;color:#666;cursor:not-allowed}.salida-form-textarea{min-height:60px;resize:vertical}.salida-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.salida-btn:hover:not(:disabled){box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.salida-btn:disabled{cursor:not-allowed;opacity:.5}.salida-btn-primary{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);color:#fff}.salida-btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.salida-btn-secondary{background:linear-gradient(135deg,#868f96,#596164);color:#fff}.salida-btn-icon{font-size:18px}.salida-table{border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #00000014;overflow:hidden;width:100%}.salida-table thead{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);color:#fff}.salida-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.salida-table td{border-bottom:1px solid #e2e8f0;color:#333;font-size:14px;padding:15px}.salida-table tbody tr{transition:all .2s ease}.salida-table tbody tr:hover{background-color:#f7fafc;transform:scale(1.01)}.salida-table tbody tr:last-child td{border-bottom:none}.salida-table-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 15px;transition:all .2s ease}.salida-table-btn-eliminar{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.salida-table-btn-eliminar:hover{box-shadow:0 4px 12px #eb33494d;transform:scale(1.05)}.salida-table-btn-pdf{background:linear-gradient(135deg,#64b2fc,#3a7fe8 50%,#1846dd);color:#fff}.salida-table-btn-pdf:hover{box-shadow:0 4px 12px #64b2fc66;transform:scale(1.05)}.tab-badge{background:#ffffff4d;border-radius:20px;font-size:13px;font-weight:700;margin-left:10px;padding:4px 10px}.salida-loader{align-items:center;background:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.salida-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}.salida-loader p{color:#fff;font-size:18px;font-weight:600;margin-top:20px}@media (max-width:1024px){.salida-form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.salida-materiales-container{padding:10px}.salida-header{padding:20px}.salida-title{font-size:24px}.salida-form-row{grid-template-columns:1fr}.salida-tabs{flex-direction:column}.salida-tab{width:100%}.salida-table{font-size:12px}.salida-table td,.salida-table th{padding:10px}}.historial-container,.nueva-salida-form{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.ajuste-inventario-container{animation:fadeIn .3s ease-in;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.ajuste-inventario-card{border-radius:12px!important;box-shadow:0 2px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.ajuste-inventario-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.inventario-table-container{border-radius:12px;overflow:hidden}.inventario-table-header{background:linear-gradient(135deg,#5f9fd8,#74c9e8)!important;color:#fff!important}.inventario-table-row{transition:all .2s ease}.inventario-table-row:hover{background-color:#f5f5f5!important;transform:scale(1.01)}.custom-chip{font-weight:600!important;letter-spacing:.5px;transition:all .2s ease}.custom-chip:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.chip-stock-alto{background-color:#66e089!important;color:#fff!important}.chip-stock-medio{background-color:#ffb978!important;color:#fff!important}.chip-stock-bajo{animation:pulse 2s infinite;background-color:#ff6b6b!important;color:#fff!important}.stat-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:700;justify-content:center;padding:8px 16px;transition:all .3s ease}.stat-badge:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.stat-badge-success{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-badge-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-badge-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.modal-ajuste{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-ajuste-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;padding:24px}.modal-ajuste-content{max-height:70vh;overflow-y:auto;padding:24px}.modal-ajuste-content::-webkit-scrollbar{width:8px}.modal-ajuste-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-ajuste-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-ajuste-content::-webkit-scrollbar-thumb:hover{background:#555}.preview-cambios{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;margin-top:16px;padding:20px}.preview-item{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.preview-item:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}.preview-valor-positivo{color:#2e7d32;font-weight:700}.preview-valor-negativo{color:#d32f2f;font-weight:700}.icon-incremento{animation:slideIn .3s ease-out;color:#2e7d32}.icon-decremento{animation:slideIn .3s ease-out;color:#d32f2f}.btn-ajuste-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-ajuste-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-ajuste-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:8px;box-shadow:0 4px 12px #f093fb4d;color:#fff;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-ajuste-secondary:hover{box-shadow:0 8px 20px #f093fb66;transform:translateY(-2px)}.custom-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.custom-tab{font-weight:600;transition:all .3s ease}.custom-tab:hover{background-color:#667eea1a}.custom-tab.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff!important}.custom-alert{animation:slideIn .3s ease-out;border-radius:12px;box-shadow:0 4px 12px #0000001a}.custom-alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #28a745}.custom-alert-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545}.custom-alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107}.custom-alert-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-left:4px solid #17a2b8}.historial-container{border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.historial-row{transition:all .2s ease}.historial-row:hover{background-color:#f5f5f5;transform:scale(1.02)}.historial-badge-ingreso{background-color:#4caf50}.historial-badge-ingreso,.historial-badge-salida{border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px}.historial-badge-salida{background-color:#f44336}.historial-badge-ajuste{background-color:#ff9800;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px}.form-ajuste-group{animation:fadeIn .3s ease-in;margin-bottom:20px}.form-ajuste-label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-ajuste-input{transition:all .3s ease}.form-ajuste-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.stat-card{border-radius:16px;cursor:pointer;padding:24px}.stat-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.stat-card-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.stat-card-warning{background:linear-gradient(135deg,#ee9ca7,#ffdde1);color:#333}.stat-card-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-card-icon{font-size:64px;opacity:.7;transition:all .3s ease}.stat-card:hover .stat-card-icon{opacity:1;transform:scale(1.1)}.stat-card-value{font-size:2.5rem;font-weight:700;margin:12px 0}.stat-card-label{font-size:.875rem;letter-spacing:1px;opacity:.9;text-transform:uppercase}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{border:4px solid #f3f3f3}.custom-tooltip{background-color:#333;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:.875rem;padding:8px 12px}.filtros-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.filtro-group{margin-bottom:16px}@media (max-width:768px){.ajuste-inventario-container{padding:16px}.stat-card{margin-bottom:16px}.stat-card-value{font-size:1.75rem}.filtros-container,.modal-ajuste-content,.preview-cambios{padding:16px}}@media (max-width:480px){.stat-card-icon{font-size:48px}.stat-card-value{font-size:1.5rem}.btn-ajuste-primary,.btn-ajuste-secondary{font-size:.875rem;padding:8px 16px}}.action-icon{cursor:pointer;transition:all .2s ease}.action-icon:hover{transform:scale(1.2)}.action-icon-edit:hover{color:#1976d2}.action-icon-history:hover{color:#7b1fa2}.action-icon-delete:hover{color:#d32f2f}.action-icon-download:hover{color:#2e7d32}.diff-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.875rem;font-weight:600;padding:4px 12px}.diff-badge-positive{background-color:#e8f5e9;color:#2e7d32}.diff-badge-negative{background-color:#ffebee;color:#d32f2f}.diff-badge-neutral{background-color:#e0e0e0;color:#616161}.shadow-sm{box-shadow:0 2px 4px #0000001a}.shadow-md{box-shadow:0 4px 8px #0000001a}.shadow-lg{box-shadow:0 8px 16px #0000001a}.shadow-xl{box-shadow:0 12px 24px #00000026}html{scroll-behavior:smooth}*{transition:color .2s ease,background-color .2s ease}@media print{.no-print{display:none!important}.ajuste-inventario-container{background:#fff}.ajuste-inventario-card{border:1px solid #ddd;box-shadow:none}}.reporteria-container{margin:0 auto;max-width:1600px;padding:20px}.reporteria-header{margin-bottom:30px;text-align:center}.reporteria-header h2{color:#2c3e50;font-size:32px;margin-bottom:10px}.reporteria-subtitle{color:#7f8c8d;font-size:16px;margin:0}.reporteria-menu{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.reporteria-menu-item{align-items:center;background:#fff;border:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.reporteria-menu-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.reporteria-menu-item.active{background:linear-gradient(135deg,var(--color) 0,#ffffffe6 100%);border-color:var(--color);box-shadow:0 4px 20px #0003}.menu-icono{font-size:32px;min-width:40px;text-align:center}.menu-titulo{color:#2c3e50;font-size:16px;font-weight:600;text-align:left}.reporteria-menu-item.active .menu-titulo{color:#fff;text-shadow:0 1px 2px #0003}.reporteria-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:400px;padding:30px}@media (max-width:768px){.reporteria-menu{grid-template-columns:1fr}.reporteria-content{padding:20px}.reporteria-header h2{font-size:24px}}.historial-container{width:100%}.historial-header{margin-bottom:25px}.historial-header h3{color:#2c3e50;font-size:24px;margin-bottom:8px}.historial-header p{color:#7f8c8d;font-size:14px;margin:0}.historial-filtros{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.filtro-grupo{flex:1 1;min-width:250px}.filtro-grupo label{color:#34495e;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-busqueda,.select-filtro{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.input-busqueda:focus,.select-filtro:focus{border-color:#5f9fd8;box-shadow:0 0 0 3px #5f9fd81a;outline:none}.btn-recargar{background:#5f9fd8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-recargar:hover{background:#74c9e8;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.historial-tabla-wrapper{border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;overflow-x:auto}.historial-tabla{background:#fff;border-collapse:collapse;width:100%}.historial-tabla thead{background:linear-gradient(135deg,#5f9fd8,#74c9e8);color:#fff}.historial-tabla th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.historial-tabla tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.historial-tabla tbody tr:hover{background-color:#f8f9fa}.historial-tabla tbody tr:last-child{border-bottom:none}.historial-tabla td{color:#2c3e50;font-size:14px;padding:15px}.historial-tabla td.text-right{text-align:right}.historial-tabla td.text-center{text-align:center}.badge-estado{font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.empty-state,.loading-state{background:#fff;text-align:center}.empty-icon,.loading-icon{font-size:48px;margin-bottom:15px}.empty-state p,.loading-state p{color:#7f8c8d;font-size:16px;margin:0}.historial-footer{align-items:center;color:#7f8c8d;display:flex;font-size:14px;justify-content:space-between;padding:15px 0}.historial-footer strong{color:#2c3e50;font-weight:700}.toast-historial{word-wrap:break-word;align-items:center;animation:slideInRightHistorial .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:550px;min-width:320px;padding:16px 20px;position:fixed;right:20px;top:20px;white-space:pre-wrap;z-index:10000}@keyframes slideInRightHistorial{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-historial-success{border-left:4px solid #28a745}.toast-historial-error{border-left:4px solid #dc3545}.toast-historial-warning{border-left:4px solid #ffc107}.toast-historial-info{border-left:4px solid #17a2b8}.toast-historial-icon{flex-shrink:0;font-size:24px}.toast-historial-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-historial-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.toast-historial-close:hover{background:#f0f0f0;color:#333}@media (max-width:1366px){.historial-tabla{font-size:13px}.historial-tabla td,.historial-tabla th{padding:12px 10px}.filtro-grupo input,.filtro-grupo select{font-size:13px}}@media (max-width:1024px){.historial-filtros{gap:12px;grid-template-columns:repeat(2,1fr)}.filtro-grupo{width:100%}.btn-recargar{grid-column:span 2}.historial-tabla{font-size:12px}.historial-tabla td,.historial-tabla th{padding:10px 8px}}@media (max-width:768px){.historial-filtros{flex-direction:column;gap:10px}.filtro-grupo{min-width:0;min-width:auto;width:100%}.btn-recargar{grid-column:1;width:100%}.historial-tabla-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.historial-tabla{font-size:11px;min-width:800px}.historial-tabla td,.historial-tabla th{padding:8px 6px;white-space:nowrap}.historial-tabla button{font-size:10px!important;padding:4px 8px!important}}@media (max-width:480px){.historial-header{padding:15px}.historial-header h2{font-size:18px}.historial-header p{font-size:12px}.historial-filtros{padding:12px}.filtro-grupo label{font-size:12px}.filtro-grupo input,.filtro-grupo select{font-size:12px;padding:8px}.btn-recargar{font-size:13px;padding:10px}.historial-tabla{font-size:10px;min-width:700px}.historial-tabla td,.historial-tabla th{padding:6px 4px}.historial-tabla button{font-size:9px!important;margin:2px 0!important;padding:3px 6px!important}.historial-stats{font-size:11px;padding:10px}}@media (max-width:320px){.historial-tabla{font-size:9px;min-width:600px}.historial-tabla button span{display:none}.historial-tabla button:before{content:attr(title);font-size:12px}}.modal-overlay{background-color:#0009;z-index:9999}.modal-detalles{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;padding:25px 30px}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:30px}.detalle-seccion{margin-bottom:30px}.detalle-seccion:last-child{margin-bottom:0}.detalle-seccion h3{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.detalle-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detalle-item{flex-direction:column;gap:8px}.detalle-label{color:#7f8c8d;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detalle-valor{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#2c3e50;font-size:16px;font-weight:500;padding:10px 15px}.badge-tipo{background:linear-gradient(135deg,#3498db,#2980b9);border:none;display:inline-block;font-size:14px;font-weight:700;padding:8px 16px;text-align:center}.badge-estado{background:linear-gradient(135deg,#f39c12,#e67e22);font-size:14px}.badge-estado,.badge-productos{border:none;border-radius:20px;color:#fff;display:inline-block;font-weight:700;padding:8px 16px;text-align:center}.badge-productos{background:linear-gradient(135deg,#27ae60,#229954);font-size:18px}.badge-estado-pendiente{background:linear-gradient(135deg,#f39c12,#e67e22)!important}.badge-estado-aprobado,.badge-estado-parcial,.badge-estado-pendiente{border:none!important;border-radius:20px!important;color:#fff!important;display:inline-block!important;font-size:14px!important;font-weight:700!important;padding:8px 16px!important;text-align:center!important}.badge-estado-aprobado,.badge-estado-parcial{background:linear-gradient(135deg,#3498db,#2980b9)!important}.badge-estado-atendido,.badge-estado-recibido{background:linear-gradient(135deg,#27ae60,#229954)!important}.badge-estado-anulado,.badge-estado-atendido,.badge-estado-recibido{border:none!important;border-radius:20px!important;color:#fff!important;display:inline-block!important;font-size:14px!important;font-weight:700!important;padding:8px 16px!important;text-align:center!important}.badge-estado-anulado{background:linear-gradient(135deg,#e74c3c,#c0392b)!important}.detalle-observaciones{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#2c3e50;font-size:15px;line-height:1.6;padding:15px;white-space:pre-wrap}.modal-footer{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:2px solid #ecf0f1;gap:15px;padding:20px 30px}.btn-modal-cerrar,.btn-modal-pdf{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-modal-cerrar{background:#95a5a6;color:#fff}.btn-modal-cerrar:hover{background:#7f8c8d;box-shadow:0 4px 12px #95a5a64d;transform:translateY(-2px)}.btn-modal-pdf{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-modal-pdf:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}@media (max-width:768px){.modal-detalles{margin:10px;max-width:95%}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.detalle-grid{gap:15px;grid-template-columns:1fr}.detalle-seccion h3{font-size:16px}.modal-footer{flex-direction:column;gap:10px}.btn-modal-cerrar,.btn-modal-pdf{width:100%}}.prestamos-container{background-color:initial;min-height:100vh;padding:0}.prestamos-header{background:#fff;border-left:.25rem solid #5f9fd8;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;margin-bottom:1.5rem;padding:1.5rem 2rem}.prestamos-header h1{color:#2c3e50;font-size:1.75rem;font-weight:700;margin:0}.prestamos-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{background-color:#f0f0f0;color:#2c3e50}.tab-btn.active{background-color:#f0f8ff;border-bottom-color:#5f9fd8;color:#5f9fd8}.prestamo-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.registro-manual-section{background:#fff;border-left:.25rem solid #5f9fd8;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;margin-bottom:1.875rem;padding:1.25rem}.registro-manual-section h3{color:#2c3e50;font-size:1.125rem;font-weight:700;margin-bottom:1.25rem}.form-row-4cols{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.form-row-2cols{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:1fr auto}.form-group{display:flex;flex-direction:column}.form-group label{color:#2c3e50;font-size:13px;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group input:read-only{background-color:#f0f0f0;cursor:not-allowed}.btn-agregar{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 30px;transition:background-color .3s ease}.btn-agregar:hover{background-color:#2980b9}.lista-pendientes-section{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:20px;padding:25px}.lista-pendientes-section h3{align-items:center;border-bottom:3px solid #667eea;color:#2c3e50;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:20px;padding-bottom:15px}.tabla-wrapper{background:#fff;border:3px solid #667eea;border-radius:12px;box-shadow:0 8px 25px #667eea33}.tabla-wrapper::-webkit-scrollbar{height:8px}.tabla-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.tabla-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.tabla-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.tabla-historial,.tabla-prestamos{background:#fff;border-collapse:collapse;width:100%}.tabla-historial thead,.tabla-prestamos thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.tabla-historial thead:after,.tabla-prestamos thead:after{background:linear-gradient(90deg,#f093fb,#f5576c);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.tabla-historial th,.tabla-prestamos th{font-size:14px;font-weight:700;letter-spacing:1px;padding:18px 16px;text-align:left;text-shadow:0 2px 4px #0003;text-transform:uppercase}.tabla-historial td,.tabla-prestamos td{border-bottom:2px solid #e8ecef;color:#2c3e50;font-size:14px;font-weight:500;padding:15px 16px}.tabla-prestamos tbody tr:nth-child(2n){background:#f8f9fa}.tabla-historial tbody tr:hover,.tabla-prestamos tbody tr:hover{background:linear-gradient(90deg,#e8f4ff,#f0e6ff)!important;box-shadow:0 4px 12px #667eea26;transform:translateX(5px);transition:all .3s ease}.tabla-prestamos input[type=number],.tabla-prestamos input[type=text],.tabla-prestamos select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;transition:all .3s ease}.tabla-prestamos input[type=number]:focus,.tabla-prestamos input[type=text]:focus,.tabla-prestamos select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none;transform:scale(1.05)}.tabla-prestamos input[type=number]:hover,.tabla-prestamos input[type=text]:hover,.tabla-prestamos select:hover{background:#f8f9ff;border-color:#667eea}.acciones-footer{border-top:2px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.btn-devolver,.btn-guardar,.btn-limpiar{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-devolver{background-color:#9b59b6;color:#fff}.btn-devolver:hover{background-color:#8e44ad}.btn-limpiar{background-color:#e74c3c}.btn-limpiar:hover{background-color:#c0392b}.btn-guardar{background-color:#27ae60;color:#fff}.btn-guardar:hover{background-color:#229954}.historial-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.historial-content h3{color:#2c3e50;font-size:20px;margin-bottom:20px}.estado-badge{border-radius:12px;font-size:11px;padding:4px 12px}.estado-badge.devuelto{background-color:#d4edda;color:#155724}.codigo-barras-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.codigo-barras-content h3{align-items:center;color:#2c3e50;display:flex;font-size:22px;font-weight:600;gap:10px;margin-bottom:30px}.codigo-barras-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.codigo-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 6px #0000000d;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.codigo-section:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.codigo-section h4{align-items:center;border-bottom:2px solid #e0e0e0;color:#2c3e50;display:flex;font-size:17px;font-weight:600;gap:8px;margin-bottom:20px;padding-bottom:12px}.select-codigo{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;margin-bottom:25px;padding:12px 15px;transition:border-color .3s ease;width:100%}.select-codigo:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.barcode-display{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #2c3e50;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;margin-bottom:25px;min-height:120px;padding:30px 20px;text-align:center}.barcode-lines{color:#000;font-family:Courier New,monospace;font-size:40px;font-weight:700;letter-spacing:1px;line-height:1;margin-bottom:8px}.barcode-display small{color:#7f8c8d;display:block;font-size:11px;font-style:italic;margin-top:8px}.info-box{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:25px;min-height:180px;padding:20px}.info-box h5{align-items:center;border-bottom:2px solid #3498db;color:#2c3e50;display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:15px;padding-bottom:10px;text-transform:uppercase}.info-content{color:#7f8c8d;font-size:13px;font-style:italic;line-height:1.6;min-height:100px;text-align:center}.btn-generar-codigo,.info-content{align-items:center;display:flex;justify-content:center}.btn-generar-codigo{border:none;border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:15px;font-weight:600;gap:8px;letter-spacing:.5px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-generar-codigo:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn-generar-codigo:active{transform:translateY(0)}.btn-generar-codigo.cyan{background:linear-gradient(135deg,#17a2b8,#138496)}.btn-generar-codigo.cyan:hover{background:linear-gradient(135deg,#138496,#117a8b)}.btn-generar-codigo.blue{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-generar-codigo.blue:hover{background:linear-gradient(135deg,#0056b3,#004085)}.btn-eliminar-fila{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:8px;box-shadow:0 4px 12px #e74c3c4d;font-size:18px;padding:8px 14px}.btn-eliminar-fila:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 20px #e74c3c80;transform:scale(1.2) rotate(10deg)}button:disabled{cursor:not-allowed!important;opacity:.5!important}.tabla-historial tbody tr{transition:background-color .2s ease}.tabla-historial tbody tr:hover{background-color:#f0f8ff!important}.estado-badge.prestado{background-color:#fff3cd;color:#856404}.generador-barras-container{display:flex;flex-direction:column;gap:25px}.config-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:25px}.config-section h4{align-items:center;border-bottom:2px solid #3498db;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:12px}.config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.config-group{display:flex;flex-direction:column}.config-group label{color:#2c3e50;font-size:13px;font-weight:600;margin-bottom:8px}.radio-group{display:flex;gap:20px;margin-top:8px}.radio-label{align-items:center;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .3s ease}.radio-label:hover{background-color:#f0f0f0}.radio-label input[type=radio]{accent-color:#3498db;cursor:pointer;height:18px;width:18px}.medidas-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.medida-input{display:flex;flex-direction:column}.medida-input label{color:#555;font-size:12px;font-weight:600;margin-bottom:6px}.medida-input input{border:2px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.medida-input input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.seleccion-section{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:25px}.seleccion-section h4{align-items:center;border-bottom:2px solid #27ae60;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:12px}.seleccion-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.seleccion-box{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;padding:15px}.seleccion-header{align-items:center;border-bottom:2px solid #ddd;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.seleccion-header h5{align-items:center;color:#2c3e50;display:flex;font-size:15px;font-weight:600;gap:8px}.contador{background:#3498db;border-radius:12px;padding:4px 12px}.btn-seleccionar-todo,.contador{color:#fff;font-size:12px;font-weight:600}.btn-seleccionar-todo{background-color:#3498db;border:none;border-radius:5px;cursor:pointer;padding:6px 14px;transition:background-color .3s ease}.btn-seleccionar-todo:hover{background-color:#2980b9}.items-list{max-height:250px;overflow-y:auto;padding-right:5px}.items-list::-webkit-scrollbar{width:8px}.items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.items-list::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.items-list::-webkit-scrollbar-thumb:hover{background:#999}.item-checkbox{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:10px;margin-bottom:8px;padding:10px;transition:all .3s ease}.item-checkbox:hover{background-color:#f0f8ff;border-color:#3498db;transform:translateX(3px)}.item-checkbox input[type=checkbox]{accent-color:#27ae60;cursor:pointer;height:18px;width:18px}.item-checkbox label{color:#2c3e50;cursor:pointer;flex:1 1;font-size:13px}.preview-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:25px}.preview-section h4{align-items:center;border-bottom:2px solid #9b59b6;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:12px}.codigos-preview-grid{grid-gap:15px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px;max-height:400px;overflow-y:auto;padding:10px}.codigos-preview-grid::-webkit-scrollbar{width:10px}.codigos-preview-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.codigos-preview-grid::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.codigo-preview-item{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;gap:10px;padding:15px;transition:all .3s ease}.codigo-preview-item:hover{border-color:#3498db;box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.codigo-preview-header{border-bottom:1px solid #e0e0e0;padding-bottom:8px;text-align:center;width:100%}.codigo-preview-header strong{color:#2c3e50;display:block;font-size:13px}.codigo-preview-header small{color:#7f8c8d;display:block;font-size:11px;margin-top:4px}.codigo-preview-barras{background:#fff;border:2px solid #2c3e50;border-radius:6px;color:#000;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:1px;padding:10px;text-align:center;width:100%}.codigo-preview-numero{color:#555;font-size:12px;font-weight:600;margin-top:5px;text-align:center}.barras-acciones-footer{border-top:2px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.btn-descargar-pdf,.btn-generar-barras,.btn-imprimir{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 30px;transition:all .3s ease}.btn-generar-barras{background:linear-gradient(135deg,#3498db,#2980b9)}.btn-generar-barras:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.btn-descargar-pdf{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-descargar-pdf:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.btn-imprimir{background:linear-gradient(135deg,#27ae60,#229954)}.btn-imprimir:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 12px #27ae6066}.btn-descargar-pdf:disabled,.btn-generar-barras:disabled,.btn-imprimir:disabled{cursor:not-allowed;opacity:.5;transform:none}.empty-preview{color:#7f8c8d;font-size:15px;font-style:italic;padding:60px 20px;text-align:center}.empty-preview-icon{font-size:48px;margin-bottom:15px;opacity:.5}@media (max-width:1200px){.form-row-4cols{grid-template-columns:repeat(2,1fr)}.codigo-barras-grid,.config-grid,.seleccion-grid{grid-template-columns:1fr}.medidas-grid{grid-template-columns:repeat(2,1fr)}.codigos-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.form-row-2cols,.form-row-4cols{grid-template-columns:1fr}.acciones-footer,.barras-acciones-footer{flex-direction:column}.btn-descargar-pdf,.btn-devolver,.btn-generar-barras,.btn-guardar,.btn-imprimir,.btn-limpiar{width:100%}.medidas-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:10px}}.seccion-seleccion{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e8ecef;border-radius:15px;box-shadow:0 8px 24px #0000001f;margin-bottom:25px;overflow:hidden;padding:30px;position:relative}.seccion-seleccion:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;top:0}.seccion-seleccion h4{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border-bottom:3px solid #0000;color:#2c3e50;display:flex;font-size:20px;font-weight:700;gap:12px;margin-bottom:20px;padding-bottom:15px;position:relative}.seccion-seleccion h4:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.lista-checkboxes{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto;padding-right:10px}.lista-checkboxes::-webkit-scrollbar{width:8px}.lista-checkboxes::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.lista-checkboxes::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.lista-checkboxes::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5568d3,#653a8a)}.checkbox-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8ecef;border-radius:12px;overflow:hidden;padding:18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.checkbox-item:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.checkbox-item:hover:before{left:100%}.checkbox-item:hover{background:linear-gradient(135deg,#fff,#e8f4ff);border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateX(8px) translateY(-2px)}.checkbox-item input[type=checkbox]:checked+.checkbox-item{background:linear-gradient(135deg,#e8f4ff,#f0f8ff);border-color:#667eea}.checkbox-header label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:15px;-webkit-user-select:none;user-select:none}.checkbox-header input[type=checkbox]{accent-color:#667eea;border-radius:6px;cursor:pointer;height:22px;transition:transform .2s ease;width:22px}.checkbox-header input[type=checkbox]:hover{transform:scale(1.1)}.checkbox-header input[type=checkbox]:checked{animation:checkPulse .4s ease}@keyframes checkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.checkbox-label{color:#2c3e50;flex:1 1;font-size:15px;font-weight:500;line-height:1.6}.checkbox-label strong{color:#667eea;font-weight:700}.medidas-inputs{animation:slideDown .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f8f9fa,#fff);border:2px dashed #667eea;border-radius:10px;box-shadow:inset 0 2px 8px #667eea14;display:flex;gap:20px;margin-top:16px;padding:16px}.medidas-inputs label{color:#495057;display:flex;flex:1 1;flex-direction:column;font-size:13px;font-weight:600;gap:8px}.medidas-inputs label span{align-items:center;display:flex;gap:6px}.medidas-inputs input[type=number]{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#2c3e50;font-size:15px;font-weight:600;padding:10px 14px;transition:all .3s ease;width:100%}.medidas-inputs input[type=number]:hover{background:#f8f9ff;border-color:#667eea}.medidas-inputs input[type=number]:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:scale(1.02)}.resumen-seleccion{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-top:30px;overflow:hidden;padding:30px;position:relative}.resumen-seleccion:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.resumen-info{position:relative;z-index:1}.resumen-info h4{font-size:22px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px #0003}.resumen-info h4,.resumen-info p{align-items:center;display:flex;gap:10px}.resumen-info p{font-size:16px;margin:8px 0;opacity:.95}.resumen-info strong{background:#fff3;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:inline-block;font-size:24px;font-weight:800;min-width:50px;padding:4px 12px;text-align:center}.resumen-seleccion .acciones-footer{border:none;gap:15px;padding:0;position:relative;z-index:1}.btn-preview{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;box-shadow:0 6px 20px #f5576c66;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:14px 35px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-preview:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn-preview:hover:before{height:300px;width:300px}.btn-preview:hover:not(:disabled){box-shadow:0 10px 30px #f5576c80;transform:translateY(-3px) scale(1.05)}.btn-preview:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.btn-preview:disabled{background:linear-gradient(135deg,#adb5bd,#6c757d);box-shadow:none;cursor:not-allowed;opacity:.6}.btn-limpiar{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:10px;box-shadow:0 6px 20px #ff6b6b4d;font-size:16px;font-weight:700;letter-spacing:.5px;padding:14px 30px;text-transform:uppercase;transition:all .3s ease}.btn-limpiar:hover{background:linear-gradient(135deg,#ee5a6f,#dc3545);box-shadow:0 10px 30px #ff6b6b66;transform:translateY(-3px)}.previsualizacion-container{animation:fadeIn .5s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:15px;box-shadow:0 10px 40px #0000001a;padding:35px}.previsualizacion-container h4{color:#2c3e50;font-size:26px;font-weight:700;margin-bottom:30px;padding-bottom:20px;position:relative;text-align:center}.previsualizacion-container h4:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.preview-lista{grid-gap:20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:25px;max-height:500px;overflow-y:auto;padding:20px}.preview-lista::-webkit-scrollbar{width:10px}.preview-lista::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.preview-lista::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.preview-lista::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.preview-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px;padding:10px}.preview-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8ecef;border-radius:15px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.preview-item:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .4s ease;width:100%}.preview-item:hover:before{transform:scaleX(1)}.preview-item:hover{background:linear-gradient(135deg,#fff,#e8f4ff);border-color:#667eea;box-shadow:0 12px 30px #667eea33;transform:translateY(-5px)}.preview-info{margin-bottom:12px}.preview-info p{font-size:13px;line-height:1.5;margin:5px 0}.preview-info strong{font-weight:600}.preview-info .medidas-text{color:#667eea;font-size:11px;font-weight:600;margin-top:8px}.preview-barcode{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px}.preview-barcode svg{height:auto;max-width:100%}.preview-header{align-items:center;border-bottom:2px solid #e8ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.preview-header h5{align-items:center;color:#667eea;display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.preview-medidas{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px;padding:6px 14px}.preview-info{background:#667eea0d;border-left:4px solid #667eea;border-radius:10px;margin-bottom:18px;padding:15px}.preview-info p{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px;line-height:1.6;margin:8px 0}.preview-info strong{color:#2c3e50;font-weight:700;min-width:80px}.preview-barcode{align-items:center;background:#fff;border:3px solid #2c3e50;border-radius:10px;box-shadow:inset 0 2px 8px #0000000d;display:flex;justify-content:center;padding:20px}.btn-volver-config{background:linear-gradient(135deg,#84fab0,#8fd3f4);border:none;border-radius:10px;box-shadow:0 6px 20px #84fab04d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:14px 30px;text-transform:uppercase;transition:all .3s ease}.btn-volver-config:hover{background:linear-gradient(135deg,#6ee7b7,#3b82f6);box-shadow:0 10px 30px #84fab066;transform:translateY(-3px) scale(1.03)}.btn-generar-pdf{background:linear-gradient(135deg,#fa709a,#fee140);border:none;border-radius:10px;box-shadow:0 8px 25px #fa709a66;color:#fff;cursor:pointer;font-size:17px;font-weight:800;letter-spacing:1px;overflow:hidden;padding:16px 40px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-generar-pdf:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn-generar-pdf:hover:before{height:400px;width:400px}.btn-generar-pdf:hover{box-shadow:0 12px 35px #fa709a80;transform:translateY(-4px) scale(1.05)}.btn-imprimir{background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:10px;box-shadow:0 6px 20px #a8edea4d;color:#2c3e50;font-size:16px;font-weight:700;letter-spacing:.5px;padding:14px 30px;text-transform:uppercase}.btn-imprimir:hover{background:linear-gradient(135deg,#89f7fe,#66a6ff);box-shadow:0 10px 30px #a8edea66;color:#fff;transform:translateY(-3px) scale(1.03)}@media (max-width:768px){.resumen-seleccion{flex-direction:column;gap:20px;text-align:center}.preview-grid{grid-template-columns:1fr}.medidas-inputs{flex-direction:column}.medidas-inputs input[type=number]{width:100%}}.tabla-seleccion-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.tabla-seleccion-seccion{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:20px;transition:all .3s ease}.tabla-seleccion-seccion:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-2px)}.tabla-seleccion-header{align-items:center;border-bottom:3px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.tabla-seleccion-header h4{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.tabla-header-acciones{align-items:center;display:flex;gap:10px}.filtro-busqueda{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:8px 15px;transition:all .3s ease;width:220px}.filtro-busqueda:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-seleccionar-todos{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-seleccionar-todos:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.tabla-seleccion-wrapper{background:#fafafa;border:1px solid #e8e8e8;border-radius:10px;max-height:450px;overflow-y:auto}.tabla-seleccion{background:#fff;border-collapse:collapse;width:100%}.tabla-seleccion thead{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.tabla-seleccion thead th{border-bottom:2px solid #5568d3;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase}.tabla-seleccion tbody tr{border-bottom:1px solid #f0f0f0;height:42px;transition:all .2s ease}.tabla-seleccion tbody tr:hover{background:#f8f9ff;transform:scale(1.01)}.tabla-seleccion tbody tr.fila-seleccionada{background:linear-gradient(135deg,#e8f4ff,#f0e6ff);font-weight:500}.tabla-seleccion tbody td{color:#2c3e50;font-size:14px;padding:10px;vertical-align:middle}.tabla-seleccion tbody td:first-child{text-align:center}.tabla-seleccion input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.btn-config-medidas{background:#fff;border:1px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.btn-config-medidas:hover{background:#667eea;box-shadow:0 3px 10px #667eea4d;color:#fff;transform:scale(1.05)}.badge-tipo{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.modal-overlay{z-index:1000}.modal-medidas{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:30px;position:relative;width:90%}.modal-medidas h3{align-items:center;color:#2c3e50;display:flex;font-size:22px;font-weight:700;gap:10px;margin-bottom:10px}.modal-subtitle{color:#7f8c8d;font-size:15px;font-weight:500;margin-bottom:25px}.modal-body{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.modal-body .form-group{display:flex;flex-direction:column;gap:8px}.modal-body label{color:#34495e;font-size:14px;font-weight:600}.modal-body input[type=number]{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;padding:12px 15px;transition:all .3s ease}.modal-body input[type=number]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.btn-cancelar{background:#ecf0f1;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancelar:hover{background:#d5dbdb;transform:translateY(-2px)}.btn-guardar-modal{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-guardar-modal:hover{box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}@media (max-width:1200px){.tabla-seleccion-grid{gap:20px;grid-template-columns:1fr}.filtro-busqueda{width:180px}}@media (max-width:768px){.tabla-header-acciones{align-items:stretch;flex-direction:column}.filtro-busqueda{width:100%}.tabla-seleccion-wrapper{max-height:350px}.tabla-seleccion thead th{font-size:11px;padding:8px 5px}.tabla-seleccion tbody td{font-size:12px;padding:8px 5px}.btn-config-medidas{font-size:10px;padding:4px 8px}.modal-medidas{padding:20px;width:95%}}.btn-eliminar-fila{background-color:#e74c3c;border:none;border-radius:5px;box-shadow:0 2px 5px #e74c3c4d;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.btn-eliminar-fila:hover{background-color:#c0392b;box-shadow:0 4px 10px #e74c3c80;transform:scale(1.1)}.badge-condicion{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-condicion,.lista-pendientes-section h3 .contador-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff}.lista-pendientes-section h3 .contador-badge{animation:pulse 2s ease-in-out infinite;font-size:14px;font-weight:700;margin-left:auto;padding:4px 12px}textarea{font-family:inherit}textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.historial-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.filtros-historial{align-items:center;display:flex;flex:1 1;gap:15px}.filtro-estado{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:200px;padding:10px 15px;transition:all .3s ease}.filtro-estado:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-seleccionar-todos-historial{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-seleccionar-todos-historial:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.btn-seleccionar-todos-historial:disabled{cursor:not-allowed;opacity:.5}.acciones-seleccion{align-items:center;background:linear-gradient(135deg,#e8f4ff,#f0e6ff);border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:12px 20px}.contador-seleccionados{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#667eea;font-size:14px;font-weight:600;padding:6px 12px}.btn-devolver-multiple{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;box-shadow:0 3px 10px #27ae604d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-devolver-multiple:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 5px 15px #27ae6066;transform:translateY(-2px)}.tabla-historial tbody tr.fila-seleccionada{background:linear-gradient(135deg,#e8f4ff,#f0e6ff);font-weight:500}.tabla-historial input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.tabla-historial input[type=checkbox]:disabled{cursor:not-allowed;opacity:.3}@media (max-width:1200px){.historial-header-controls{align-items:stretch;flex-direction:column}.filtros-historial{flex-direction:column}.filtro-estado{width:100%}}.btn-imprimir{align-items:center;background:linear-gradient(135deg,#00a8ff,#07c);border:none;border-radius:8px;box-shadow:0 3px 10px #00a8ff4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-imprimir:hover{background:linear-gradient(135deg,#07c,#059);box-shadow:0 5px 15px #00a8ff66;transform:translateY(-2px)}.btn-imprimir:active{box-shadow:0 2px 5px #00a8ff4d;transform:translateY(0)}.toggle-modo-container{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:15px;margin-bottom:20px;padding:10px}.btn-modo{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:15px 25px;transition:all .3s ease}.btn-modo:hover{box-shadow:0 4px 12px #667eea33}.btn-modo.activo,.btn-modo:hover{border-color:#667eea;transform:translateY(-2px)}.btn-modo.activo{box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-modo.activo,.escaneo-rapido-section{background:linear-gradient(135deg,#667eea,#764ba2)}.escaneo-rapido-section{border-radius:12px;box-shadow:0 8px 25px #667eea4d;margin-bottom:25px;padding:25px}.escaneo-rapido-section h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.escaneo-rapido-container{background:#fff;border-radius:10px;padding:20px}.escaneo-info{margin-bottom:15px;text-align:center}.personal-escaneado{align-items:center;display:flex;gap:15px;justify-content:center}.badge-personal{background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;color:#fff;font-size:15px;font-weight:600;padding:8px 20px}.texto-instruccion{color:#667eea;font-size:16px;font-weight:600}.input-escaneo-rapido{border:3px solid #667eea;border-radius:10px;font-size:18px;font-weight:500;padding:15px 20px;text-align:center;transition:all .3s ease;width:100%}.input-escaneo-rapido:focus{border-color:#764ba2;box-shadow:0 0 0 4px #667eea33;outline:none;transform:scale(1.02)}.panel-escaneo{background:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.panel-escaneo.activo{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px #667eea4d}.btn-toggle-escaneo{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-toggle-escaneo:hover{box-shadow:0 6px 20px #28a74566;transform:scale(1.02)}.panel-escaneo.activo .btn-toggle-escaneo{animation:blink 1.5s ease-in-out infinite;background:linear-gradient(135deg,#dc3545,#c82333)}@keyframes blink{0%,to{opacity:1}50%{opacity:.8}}.info-escaneo{animation:slideDown .3s ease;background:#fff;border-radius:8px;margin-top:15px;padding:15px}.personal-actual{align-items:center;background:linear-gradient(135deg,#e7f3ff,#f0f8ff);border-left:4px solid #667eea;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.personal-actual strong{color:#2c3e50;font-size:16px}.btn-cambiar-personal{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:5px;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 15px;transition:all .3s ease}.btn-cambiar-personal:hover{box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.alerta-espera{align-items:center;animation:fadeIn .5s ease;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;display:flex;font-weight:500;gap:8px;padding:12px}.instrucciones-mini{background:#f8f9fa;border-radius:5px;color:#6c757d;font-size:14px;font-weight:500;margin-top:10px;padding:8px;text-align:center}.toast-escaneo{align-items:center;animation:entrarToast .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:15px;font-weight:500;gap:10px;min-width:200px;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:9999}.toast-escaneo.success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a74566}.toast-escaneo.error{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px #dc354566}.toast-escaneo.warning{background:linear-gradient(135deg,#ffc107,#ff9800);box-shadow:0 4px 15px #ffc10766;color:#000}.toast-escaneo.info{background:linear-gradient(135deg,#17a2b8,#138496);box-shadow:0 4px 15px #17a2b866}.toast-escaneo.salir{animation:salirToast .3s ease-in}@keyframes entrarToast{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes salirToast{to{opacity:0;transform:translateX(400px)}}@media (max-width:768px){.btn-toggle-escaneo{font-size:16px;padding:12px}.toast-escaneo{font-size:13px;min-width:150px;padding:12px 18px;right:10px;top:10px}.personal-actual{flex-direction:column;gap:10px;text-align:center}.btn-cambiar-personal{width:100%}}.dashboard-supervisor-container{background:#f5f7fa;min-height:100vh;padding:25px}.loading-container{min-height:400px}.dashboard-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.stat-trabajadores{border-left-color:#5f9fd8}.stat-asistencias{border-left-color:#27ae60}.stat-emergencias{border-left-color:#e74c3c}.stat-reportes{border-left-color:#9b59b6}.stat-icon{font-size:48px;line-height:1}.stat-info h3{color:#2c3e50;font-size:32px;font-weight:700;margin:0 0 5px}.stat-info p{color:#7f8c8d;font-size:14px;font-weight:500;margin:0}.dashboard-content{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:30px}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.section-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h2{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.badge{background:#4a90e2;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:6px 14px}.badge-danger{background:#e74c3c}.trabajadores-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.trabajador-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.trabajador-item:hover{background:#e3f2fd;border-color:#4a90e2}.trabajador-avatar{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.trabajador-info{flex:1 1}.trabajador-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 5px}.trabajador-info p{color:#7f8c8d;font-size:14px;margin:0}.trabajador-status .status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 14px}.status-badge.active{background:#d4edda;color:#155724}.emergencias-list{gap:12px;max-height:400px;overflow-y:auto}.emergencia-item{align-items:flex-start;background:#fff3cd;border-left:4px solid #e74c3c;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.emergencia-item:hover{background:#ffe5e5;box-shadow:0 2px 8px #e74c3c33}.emergencia-icon{font-size:28px;line-height:1}.emergencia-info{flex:1 1}.emergencia-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.emergencia-info p{color:#555;font-size:14px;margin:0 0 8px}.fecha-emergencia{color:#999;font-size:12px}.emergencia-status .status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 14px}.status-badge.pendiente{background:#fff3cd;color:#856404}.empty-state{color:#7f8c8d;padding:40px 20px}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.quick-actions h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.actions-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:10px;padding:20px;transition:all .3s ease}.action-btn:hover{background:linear-gradient(135deg,#4a90e2,#357abd);border-color:#4a90e2;box-shadow:0 6px 16px #4a90e24d;color:#fff;transform:translateY(-3px)}.action-icon{font-size:32px}.emergencias-list::-webkit-scrollbar,.trabajadores-list::-webkit-scrollbar{width:6px}.emergencias-list::-webkit-scrollbar-track,.trabajadores-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.emergencias-list::-webkit-scrollbar-thumb,.trabajadores-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.emergencias-list::-webkit-scrollbar-thumb:hover,.trabajadores-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-supervisor-container{padding:15px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-icon{font-size:36px}.stat-info h3{font-size:24px}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.actions-grid,.stats-grid{grid-template-columns:1fr}}.reportes-asistencia-container{background:#f5f7fa;box-sizing:border-box;contain:size layout;max-width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:25px;position:relative;width:100%}.reportes-asistencia-container>*{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.reportes-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:25px;min-height:100px;padding:25px;transform:translateZ(0)}.header-actions{display:flex;gap:12px}.btn-export,.btn-refresh{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-export{background:linear-gradient(135deg,#66e089,#8cffb0);box-shadow:0 4px 12px #66e0894d;color:#fff}.btn-export:hover{box-shadow:0 6px 16px #66e08966;transform:translateY(-2px)}.filtros-section{height:auto;overflow:visible;position:relative}.filtros-grid{align-items:start;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));height:auto;width:100%}@media (max-width:1200px){.filtros-grid{grid-template-columns:repeat(3,1fr)}.filtro-actions{grid-column:span 1}}@media (max-width:768px){.filtros-grid{grid-template-columns:1fr}}.filtro-item{display:flex;flex-direction:column;flex-shrink:0;height:auto;justify-content:flex-start;min-width:0;position:relative}.filtro-item label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filtro-item input,.filtro-item select{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;height:48px;max-width:100%;min-width:0;transition:border-color .2s ease,box-shadow .2s ease}.filtro-item select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:35px}.filtro-item input:focus,.filtro-item select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.filtro-item input[type=date]{cursor:pointer;font-family:inherit;position:relative;will-change:auto}.filtro-item input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;padding:5px;position:relative}.filtro-item input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.filtro-actions{align-items:flex-end;display:flex;justify-content:flex-end}.btn-limpiar{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:48px;justify-content:center;padding:0 20px;transition:background .2s ease,transform .15s ease;white-space:nowrap;width:100%}.btn-limpiar:hover{background:#c0392b;transform:translateY(-2px)}.btn-limpiar:active{transform:translateY(0)}.busqueda-section{align-items:center;contain:layout style;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;min-height:50px;transform:translateZ(0)}.search-box{flex:1 1;max-width:500px;min-width:0}.search-icon{color:#999;font-size:18px;left:15px}.btn-limpiar-busqueda{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:28px;z-index:10}.btn-limpiar-busqueda:hover{background:#c0392b;transform:translateY(-50%) scale(1.1)}.search-box input{border:2px solid #e0e0e0;box-sizing:border-box;height:48px;padding:14px 45px}.search-box input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.search-box input:not(:placeholder-shown){border-color:#27ae60}.resultados-info{align-items:center;display:flex;flex-shrink:0}.badge-info{align-items:center;background:#e8f4f8;border-radius:20px;color:#4a90e2;display:inline-flex;font-size:14px;font-weight:600;height:36px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.badge-info-active{animation:pulse .5s ease;background:#d4edda;color:#27ae60}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.tabla-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;contain:layout style;min-height:400px;padding:25px;transform:translateZ(0)}.loading-state{min-height:350px}.spinner{flex-shrink:0}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:350px}.tabla-wrapper{margin-bottom:20px;overflow-x:auto;width:100%}.tabla-asistencias{border-collapse:collapse;width:100%}.tabla-asistencias thead{background:linear-gradient(135deg,#4a90e2,#357abd)}.tabla-asistencias th{color:#fff;font-size:14px;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.tabla-asistencias tbody tr{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.tabla-asistencias tbody tr:hover{background:#f8f9fa}.tabla-asistencias td{color:#555;font-size:14px;padding:15px;vertical-align:middle}.trabajador-cell{gap:12px}.avatar-small,.trabajador-cell{align-items:center;display:flex}.avatar-small{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:600;height:36px;justify-content:center;width:36px}.sede-badge{background:#e8f4f8;color:#4a90e2}.sede-badge,.tipo-badge{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.tipo-entrada{background:#d4edda;color:#155724}.tipo-salida{background:#fff3cd;color:#856404}.fecha-cell{display:flex;flex-direction:column;gap:4px}.fecha-cell small{color:#999;font-size:12px}.status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.status-badge.success{background:#d4edda;color:#155724}.status-badge.danger{background:#f8d7da;color:#721c24}.status-badge.warning{background:#fff3cd;color:#856404}.acciones-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.btn-accion{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.btn-accion:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-pdf{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-pdf:hover{box-shadow:0 4px 12px #e74c3c66}.btn-excel{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-excel:hover{box-shadow:0 4px 12px #27ae6066}.btn-ver{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.btn-ver:hover{box-shadow:0 4px 12px #4a90e266}.btn-ver-detalle{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-ver-detalle:hover{box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.paginacion{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:25px;padding:20px 0}.btn-paginacion{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-paginacion:hover:not(:disabled){background:#4a90e2;border-color:#4a90e2;color:#fff}.btn-paginacion:disabled{cursor:not-allowed;opacity:.4}.paginas{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:100%;overflow-x:auto;padding:5px 0}.pagination-dots{color:#999;display:inline-flex;font-size:16px;font-weight:700;-webkit-user-select:none;user-select:none}.btn-pagina,.pagination-dots{align-items:center;height:42px;justify-content:center;width:42px}.btn-pagina{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;transition:all .3s ease}.btn-pagina:hover{background:#e8f4f8;border-color:#4a90e2;color:#4a90e2}.btn-pagina.active{background:linear-gradient(135deg,#4a90e2,#357abd);border-color:#4a90e2;color:#fff}.modal-overlay{animation:fadeIn .3s ease}.modal-content{animation:slideUp .3s ease;max-width:900px}.modal-header{border-bottom:2px solid #f0f0f0;padding:25px}.modal-header h2{color:#2c3e50;font-size:24px}.btn-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-close:hover{background:#e74c3c;color:#fff;transform:rotate(90deg)}.modal-body{padding:25px}.detalle-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:25px}.detalle-section{background:#f8f9fa;border-radius:12px;padding:20px}.detalle-section h3{border-bottom:2px solid #e0e0e0;color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:10px}.detalle-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.detalle-item:last-child{border-bottom:none}.detalle-item label{color:#555;font-size:14px;font-weight:600}.detalle-item span{color:#2c3e50;font-size:14px}.foto-section,.mapa-section{margin-top:25px}.foto-section h3,.mapa-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.foto-registro{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:400px;width:100%}.mapa-placeholder{background:#e8f4f8;border-radius:12px;padding:40px;text-align:center}.mapa-placeholder p{color:#4a90e2;font-size:16px;font-weight:600;margin:0 0 10px}.mapa-placeholder small{color:#7f8c8d;font-size:14px}.modal-footer{border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;padding:20px 25px}.btn-cerrar{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-cerrar:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:1024px){.filtros-grid{grid-template-columns:repeat(2,1fr)}.detalle-grid{grid-template-columns:1fr}}@media (max-width:768px){.reportes-asistencia-container{padding:15px}.reportes-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{width:100%}.btn-export,.btn-refresh{flex:1 1}.filtros-grid{grid-template-columns:1fr}.busqueda-section{align-items:stretch;flex-direction:column}.search-box{max-width:none}.tabla-wrapper{overflow-x:scroll}.paginacion{flex-wrap:wrap}.modal-content{max-height:95vh}.acciones-cell{align-items:stretch;flex-direction:column;gap:6px}.btn-accion{justify-content:center;width:100%}}@media (max-width:480px){.header-actions{flex-direction:column}.btn-export,.btn-refresh{width:100%}.paginas{flex-wrap:wrap}}.reportes-emergencias-container{background:#f5f7fa;min-height:100vh;padding:25px}.emergencias-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:25px;padding:25px}.header-content h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.subtitle{color:#7f8c8d;font-size:14px;margin:0}.btn-refresh{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border:none;border-radius:8px;box-shadow:0 4px 12px #5f9fd84d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-refresh:hover{box-shadow:0 6px 16px #5f9fd866;transform:translateY(-2px)}.filtros-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;padding:25px}.filtros-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.filtros-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.filtro-item.full-width{grid-column:1/-1}.filtro-item label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.filtro-item input,.filtro-item select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.filtro-item input:focus,.filtro-item select:focus{border-color:#5f9fd8;box-shadow:0 0 0 3px #5f9fd81a;outline:none}.input-busqueda{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>');background-position:12px;background-repeat:no-repeat;padding-left:45px!important}.no-resultados{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;margin-top:15px;padding:12px}.no-resultados p{color:#856404;font-size:14px;font-weight:500;margin:0}.emergencias-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-top-color:#4a90e2}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#2c3e50;font-size:24px;margin:0 0 10px}.empty-state p{color:#7f8c8d;font-size:16px}.emergencias-list{display:flex;flex-direction:column;gap:20px}.list-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:15px}.list-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.badge-count{background:#e74c3c;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:6px 14px}.emergencia-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease}.emergencia-card:hover{border-color:#e74c3c;box-shadow:0 4px 16px #e74c3c26;transform:translateY(-2px)}.emergencia-header-card{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);display:flex;justify-content:space-between;padding:15px 20px}.emergencia-tipo{align-items:center;display:flex;gap:10px}.tipo-icon{font-size:24px}.tipo-text{color:#fff;font-size:16px;font-weight:600}.emergencia-fecha{color:#ffffffe6;font-size:14px;font-weight:500}.emergencia-body{display:flex;flex-direction:column;gap:20px;padding:20px}.emergencia-descripcion h4,.emergencia-foto-preview h4,.emergencia-ubicacion h4{color:#555;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.emergencia-descripcion p{background:#f8f9fa;border-left:4px solid #e74c3c;border-radius:8px;color:#2c3e50;font-size:15px;line-height:1.6;margin:0;padding:15px}.foto-thumbnail{border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:200px}.foto-thumbnail:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.foto-thumbnail img{height:100%;object-fit:cover;width:100%}.foto-overlay{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:15px;position:absolute;right:0;transition:opacity .3s ease}.foto-thumbnail:hover .foto-overlay{opacity:1}.foto-overlay span{color:#fff;font-size:14px;font-weight:600}.ubicacion-info{background:#e8f4f8;border-left:4px solid #4a90e2;border-radius:8px;padding:15px}.ubicacion-info p{color:#2c3e50;font-size:14px;font-weight:500;margin:0 0 8px}.ubicacion-info .precision{color:#7f8c8d;font-size:13px;font-weight:400}.btn-ver-mapa{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:10px 20px;transition:all .3s ease;width:100%}.btn-ver-mapa:hover{box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.modal-overlay-foto{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-foto-content{animation:zoomIn .3s ease;max-height:90vh;max-width:90vw;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.foto-full{border-radius:8px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.btn-close-foto{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#333;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all .3s ease;width:50px}.btn-close-foto:hover{background:#e74c3c;color:#fff;transform:rotate(90deg)}@media (max-width:768px){.reportes-emergencias-container{padding:15px}.emergencias-header{align-items:flex-start;flex-direction:column;gap:15px}.btn-refresh{width:100%}.filtros-grid{grid-template-columns:1fr}.emergencia-header-card{align-items:flex-start;flex-direction:column;gap:10px}.emergencia-body{padding:15px}.foto-thumbnail{max-width:300px;width:100%}.btn-ver-mapa{width:100%}}@media (max-width:480px){.header-content h1{font-size:24px}.tipo-text{font-size:14px}.emergencia-fecha{font-size:12px}.foto-thumbnail{max-width:100%}}.reportes-horarios-container{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1400px;padding:24px}.reportes-horarios-header{align-items:center;display:flex;gap:20px;margin-bottom:32px}.header-icon-wrapper{border-radius:16px;box-shadow:0 4px 15px #5f9fd866;padding:4px}.header-icon{border-radius:12px;height:56px;width:56px}.header-icon i{font-size:28px}.header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5f9fd8,#74c9e8);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px}.header-text p{color:#718096;font-size:14px;margin:4px 0 0}.reportes-horarios-filters{grid-gap:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:24px;padding:24px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{align-items:center;color:#2d3748;display:flex;font-size:14px;font-weight:600;gap:8px}.filter-label i{color:#5f9fd8}.filter-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease}.filter-input:focus{border-color:#5f9fd8;box-shadow:0 0 0 3px #5f9fd81a;outline:none}.trabajador-search-container{position:relative}.search-input{padding-right:40px}.search-icon{color:#a0aec0;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.trabajador-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;margin-top:-2px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.trabajador-option{border-bottom:1px solid #f7fafc;cursor:pointer;padding:12px 16px;transition:all .2s ease}.trabajador-option:hover{background:linear-gradient(90deg,#667eea14,#764ba214)}.trabajador-option:last-child{border-bottom:none}.trabajador-info{display:flex;flex-direction:column;gap:4px}.trabajador-nombre{color:#2d3748;font-size:14px;font-weight:600}.trabajador-documento{color:#718096;font-size:12px}.trabajador-option.no-results{color:#a0aec0;cursor:default;text-align:center}.trabajador-option.no-results:hover{background:#0000}.error-message{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fee,#fdd);border:2px solid #fc8181;border-radius:12px;color:#c53030;display:flex;gap:12px;margin-bottom:24px;padding:16px}.error-message i{font-size:20px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.loading-container p{color:#718096;font-weight:500}.reportes-horarios-content{display:flex;flex-direction:column;gap:24px}.reportes-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow-x:auto;padding:24px}.reportes-table{border-collapse:collapse;width:100%}.reportes-table thead tr{background:linear-gradient(135deg,#667eea,#764ba2)}.reportes-table th{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.reportes-table th:first-child{border-radius:10px 0 0 10px}.reportes-table th:last-child{border-radius:0 10px 10px 0}.reportes-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.reportes-table tbody tr:hover{background:#f7fafc;transform:scale(1.01)}.reportes-table tbody tr:last-child{border-bottom:none}.reportes-table td{color:#2d3748;font-size:14px;padding:16px}.fecha-hora-cell{align-items:center;display:flex;font-weight:500;gap:8px}.fecha-hora-cell i{color:#667eea}.estado-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.estado-reportado{background:linear-gradient(135deg,#d4fc79,#96e6a1);color:#2f855a}.estado-no-reporto{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#d97706}.ubicacion-cell{align-items:center;display:flex;gap:8px}.ubicacion-cell i{color:#e53e3e}.coordenadas{color:#4a5568;font-family:Courier New,monospace;font-size:13px}.area-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.area-dentro{background:linear-gradient(135deg,#d4fc79,#96e6a1);color:#2f855a}.area-fuera{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#d97706}.distancia-cell{color:#667eea;font-weight:600}.comentarios-cell{color:#718096;font-style:italic;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-mapa{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-mapa:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-mapa:active{transform:translateY(0)}.reportes-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:20px;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.summary-card i{color:#667eea;font-size:28px}.summary-icon-reportados{color:#48bb78!important}.summary-icon-dentro{color:#667eea!important}.summary-icon-fuera{color:#f6ad55!important}.summary-info{display:flex;flex-direction:column;gap:4px}.summary-label{color:#718096;font-size:13px;font-weight:500}.summary-value{color:#2d3748;font-size:24px;font-weight:700}.empty-state{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.empty-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-icon i{color:#fff;font-size:36px}.empty-state h3{color:#2d3748;font-size:20px;font-weight:700;margin:0 0 12px}.empty-state p{color:#718096;font-size:14px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.reportes-horarios-filters{grid-template-columns:1fr}}@media (max-width:768px){.reportes-horarios-container{padding:16px}.reportes-horarios-header{align-items:flex-start;flex-direction:column;gap:16px}.header-text h1{font-size:24px}.reportes-table-container{overflow-x:auto;padding:16px}.reportes-table{display:block}.reportes-table thead{display:none}.reportes-table tbody{display:block}.reportes-table tbody tr{background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:block;margin-bottom:20px;padding:16px}.reportes-table tbody tr:hover{transform:none}.reportes-table td{border:none;display:block;padding:8px 0;text-align:left}.reportes-table td:before{color:#667eea;content:attr(data-label);display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.fecha-hora-cell,.ubicacion-cell{align-items:flex-start;flex-direction:column}.reportes-summary{grid-template-columns:1fr}.btn-mapa{justify-content:center;width:100%}}.gestion-usuarios-container{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1400px;padding:0}.gestion-usuarios-header{align-items:center;background:#fff;border-left:.25rem solid #5f9fd8;border-radius:1rem;box-shadow:0 .25rem .75rem #00000014;display:flex;gap:1.25rem;margin-bottom:2rem;padding:1.5rem 2rem}.header-icon-wrapper{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:1rem;box-shadow:0 .25rem .75rem #5f9fd84d;padding:.25rem}.header-icon{align-items:center;background:#fff;border-radius:.75rem;display:flex;height:3.5rem;justify-content:center;width:3.5rem}.header-icon i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5f9fd8,#74c9e8);-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.header-text h1{color:#2c3e50;font-size:1.75rem;font-weight:700;margin:0}.header-text p{color:#95a5a6;font-size:.875rem;margin:.25rem 0 0}.gestion-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr}.action-selector-panel{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;height:-webkit-fit-content;height:fit-content;padding:24px}.panel-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.panel-header i{color:#5f9fd8;font-size:1.25rem}.panel-header h3{color:#2c3e50;font-size:1.125rem;font-weight:700;margin:0}.action-button{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:16px;position:relative;transition:all .3s ease;width:100%}.action-button:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateX(4px)}.action-button.active{background:linear-gradient(135deg,#e74c3c1a,#c0392b0d);border-color:#e74c3c}.action-icon{border-radius:8px;height:36px;width:36px}.action-icon i{font-size:16px}.action-button span{color:#2d3748;flex:1 1;font-size:15px;font-weight:600}.check-icon{color:#e74c3c;font-size:18px}.main-content-panel{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden}.content-card{height:100%}.card-header{align-items:center;display:flex;gap:16px;padding:24px}.card-header.success-theme{background:linear-gradient(135deg,#48bb781a,#38a1690d);border-bottom:2px solid #48bb784d}.card-header.warning-theme{background:linear-gradient(135deg,#f6ad551a,#ed89360d);border-bottom:2px solid #f6ad554d}.card-header.error-theme{background:linear-gradient(135deg,#e74c3c1a,#c0392b0d);border-bottom:2px solid #e74c3c4d}.card-icon{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.success-theme .card-icon{background:linear-gradient(135deg,#48bb78,#38a169)}.warning-theme .card-icon{background:linear-gradient(135deg,#f6ad55,#ed8936)}.error-theme .card-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.card-icon i{color:#fff;font-size:22px}.card-header h3{color:#2d3748;font-size:20px;font-weight:700;margin:0}.card-body{padding:24px}.card-description{color:#718096;line-height:1.6;margin-bottom:24px}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.success-btn{background:linear-gradient(135deg,#48bb78,#38a169)!important;box-shadow:0 2px 8px #48bb784d!important}.success-btn:hover:not(:disabled){box-shadow:0 4px 12px #48bb7866!important}.search-box{margin-bottom:16px;position:relative}.search-box input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 44px;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-box i{left:14px}.clear-search,.search-box i{color:#a0aec0;position:absolute;top:50%;transform:translateY(-50%)}.clear-search{background:none;border:none;cursor:pointer;padding:4px;right:12px;transition:color .2s ease}.clear-search:hover{color:#e74c3c}.search-results-info{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:8px 12px}.search-results-info i{color:#667eea;font-size:14px}.search-results-info span{color:#667eea;font-size:13px;font-weight:500}.usuarios-list{max-height:600px;overflow-y:auto;padding-right:4px}.usuario-card{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .3s ease}.usuario-card:hover{background:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateX(4px)}.usuario-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.usuario-avatar i{color:#fff;font-size:24px}.usuario-info{flex:1 1;min-width:0}.usuario-info h4{color:#2d3748;font-size:16px;font-weight:700;margin:0 0 6px}.usuario-correo,.usuario-documento,.usuario-rol{align-items:center;color:#718096;display:flex;font-size:13px;gap:6px;margin:4px 0}.usuario-correo i,.usuario-rol i{color:#667eea;font-size:12px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#f6ad55,#ed8936);box-shadow:0 2px 6px #f6ad554d;color:#fff}.edit-btn:hover{box-shadow:0 4px 10px #f6ad5566;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 2px 6px #e74c3c4d;color:#fff}.delete-btn:hover{box-shadow:0 4px 10px #e74c3c66;transform:translateY(-2px)}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.empty-state i{color:#cbd5e0;font-size:48px}.empty-state p{color:#a0aec0;font-size:15px;margin:0}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;padding:24px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#2d3748;font-size:22px;font-weight:700;gap:12px;margin:0}.modal-header i{color:#667eea}.btn-close-modal{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:24px;padding:4px;transition:color .2s ease}.btn-close-modal:hover{color:#e74c3c}.usuario-form{padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:20px}.form-group-small{grid-column:span 1;max-width:150px}.form-group-large{flex:1 1;grid-column:span 1}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-control{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-control.error{border-color:#e74c3c}.error-message{color:#e74c3c;display:block;font-size:12px;font-weight:500;margin-top:6px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-secondary{background:#e2e8f0;border:none;border-radius:10px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.btn-danger{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:10px;box-shadow:0 2px 8px #e74c3c4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.btn-danger:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.modal-confirm{max-width:480px;padding:32px;text-align:center}.confirm-icon{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.confirm-icon i{color:#fff;font-size:36px}.modal-confirm h2{color:#2d3748;font-size:22px;margin:0 0 16px}.modal-confirm p{color:#718096;font-size:15px;margin:0 0 12px}.warning-text{color:#e74c3c!important;font-size:14px!important;font-weight:600}.modal-confirm .form-actions{justify-content:center;margin-top:32px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.gestion-content{grid-template-columns:1fr}.action-selector-panel{display:flex;gap:12px;overflow-x:auto;padding:16px}.action-button{flex-shrink:0;min-width:200px}.panel-header{display:none}}@media (max-width:768px){.gestion-usuarios-container{padding:16px}.gestion-usuarios-header{align-items:flex-start;flex-direction:column}.header-text h1{font-size:24px}.form-row{grid-template-columns:1fr}.form-group-large,.form-group-small{max-width:100%}.usuario-card{align-items:flex-start;flex-direction:column}.btn-action{justify-content:center;width:100%}.modal-content{border-radius:16px 16px 0 0;margin:0;max-width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.dashboard-admin-container{animation:fadeIn .5s ease-in;margin:0 auto;max-width:1400px;padding:24px}.dashboard-admin-header{margin-bottom:40px}.welcome-section{padding:40px 20px;text-align:center}.avatar-admin{align-items:center;animation:scaleIn .8s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:50%;box-shadow:0 8px 24px #5f9fd866;display:flex;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.avatar-admin i{color:#fff;font-size:48px}.welcome-text h1{color:#718096;font-size:20px;font-weight:500;margin:0}.welcome-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5f9fd8,#74c9e8);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:32px;font-weight:700;margin:8px 0}.welcome-text p{color:#a0aec0;font-size:18px;margin:0}.dashboard-admin-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 2fr}.info-card-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.info-card{background:#fff;border:2px solid #5f9fd833;border-radius:20px;box-shadow:0 4px 16px #00000014;overflow:hidden}.info-card-header{background:linear-gradient(135deg,#5f9fd81a,#74c9e80d);border-bottom:2px solid #5f9fd833;gap:16px;padding:24px}.info-card-header,.info-icon{align-items:center;display:flex}.info-icon{background:linear-gradient(135deg,#5f9fd8,#74c9e8);border-radius:12px;height:48px;justify-content:center;width:48px}.info-icon i{color:#fff;font-size:22px}.info-card-header h3{color:#2d3748;font-size:20px;font-weight:700;margin:0}.info-card-body{padding:24px}.info-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 0}.info-row:last-child{border-bottom:none}.info-label{color:#4a5568;font-size:14px;font-weight:600}.info-value{color:#2d3748;font-size:14px;font-weight:500;text-align:right}.actions-panel{display:flex;flex-direction:column;gap:32px}.actions-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;overflow:hidden}.section-header{align-items:center;border-bottom:2px solid;display:flex;gap:16px;padding:24px}.section-header.error-theme{background:linear-gradient(135deg,#e74c3c1a,#c0392b0d);border-bottom-color:#e74c3c4d}.section-header.primary-theme{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-bottom-color:#667eea4d}.section-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.error-theme .section-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.primary-theme .section-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.section-icon i{color:#fff;font-size:22px}.section-header h3{color:#2d3748;font-size:20px;font-weight:700;margin:0}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;padding:24px}.action-card{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease;width:100%}.action-card:hover{background:#fff;border-color:#cbd5e0;box-shadow:0 4px 16px #0000001f;transform:translateX(8px)}.action-card.success-card:hover{border-color:#48bb78}.action-card.warning-card:hover{border-color:#f6ad55}.action-card.error-card:hover{border-color:#e74c3c}.action-card.primary-card:hover{border-color:#667eea}.action-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.action-icon i{color:#fff;font-size:24px}.success-gradient{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 12px #48bb784d}.warning-gradient{background:linear-gradient(135deg,#f6ad55,#ed8936);box-shadow:0 4px 12px #f6ad554d}.error-gradient{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c4d}.primary-gradient{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.action-content{flex:1 1}.action-content h4{color:#2d3748;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 6px}.action-content p{color:#718096;font-size:13px;line-height:1.4;margin:0}.action-arrow{align-items:center;background:#e2e8f0;border-radius:8px;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.action-card:hover .action-arrow{background:#cbd5e0;transform:translateX(4px)}.action-arrow i{color:#4a5568;font-size:14px}.quick-stats-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:28px}.section-title{align-items:center;color:#2d3748;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 24px}.section-title i{color:#667eea;font-size:22px}.quick-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-stat-card{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.quick-stat-card:hover{background:#fff;border-color:#cbd5e0;box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-icon i{color:#fff;font-size:24px}.success-bg{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 12px #48bb784d}.primary-bg{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.warning-bg{background:linear-gradient(135deg,#f6ad55,#ed8936);box-shadow:0 4px 12px #f6ad554d}.error-bg{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c4d}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{color:#718096;font-size:12px;font-weight:500}.stat-value{color:#2d3748;font-size:18px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.dashboard-admin-content{grid-template-columns:1fr}.info-card-section{position:relative;top:0}}@media (max-width:768px){.dashboard-admin-container{padding:16px}.welcome-section{padding:24px 16px}.avatar-admin{height:80px;width:80px}.avatar-admin i{font-size:36px}.welcome-text h1{font-size:16px}.welcome-text h2{font-size:24px}.welcome-text p{font-size:14px}.actions-panel,.dashboard-admin-content{gap:24px}.action-card{flex-direction:column;gap:12px;text-align:center}.action-arrow{transform:rotate(90deg)}.action-card:hover .action-arrow{transform:rotate(90deg) translateX(4px)}.quick-stats-grid{grid-template-columns:1fr}.info-row{align-items:flex-start;flex-direction:column;gap:8px}.info-value{text-align:left}}.dashboard-stats-container{margin:0 auto;max-width:1400px;padding:0;width:100%}.stats-section-wrapper{margin-bottom:2.5rem}.section-title{color:#667eea;font-size:1.375rem;font-weight:600;letter-spacing:.5px;margin:0 0 1.5rem}.stats-cards-grid-figma{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem}.stat-card-figma{background:#fff;border-left:0;border-radius:1rem;box-shadow:0 .25rem .75rem #0000000f;min-width:0;overflow:hidden;padding:0;transition:transform .3s ease,box-shadow .3s ease}.stat-card-figma:hover{box-shadow:0 .5rem 1.5rem #0000001f;transform:translateY(-.375rem)}.stat-card-figma.blue-card,.stat-card-figma.green-card,.stat-card-figma.orange-card,.stat-card-figma.purple-card{border-left:0}.stat-card-content{align-items:center;display:flex;gap:1.25rem;padding:1.75rem}.stat-icon-figma{align-items:center;border-radius:.875rem;display:flex;flex-shrink:0;font-size:2.25rem;height:4.375rem;justify-content:center;width:4.375rem}.stat-card-figma.blue-card .stat-icon-figma{background:linear-gradient(135deg,#6ba9e3,#89c4f4)}.stat-card-figma.green-card .stat-icon-figma{background:linear-gradient(135deg,#66e089,#8cffb0)}.stat-card-figma.purple-card .stat-icon-figma{background:linear-gradient(135deg,#b48ed8,#d0b0f0)}.stat-card-figma.orange-card .stat-icon-figma{background:linear-gradient(135deg,#ffb978,#fc9)}.stat-info-figma h3{color:#2c3e50;font-size:2.625rem;font-weight:700;letter-spacing:-.0625rem;line-height:1;margin:0}.stat-info-figma p{color:#95a5a6;font-size:.9375rem;font-weight:500;margin:.625rem 0 0}.activity-section-wrapper{margin-bottom:40px}.activity-list-figma{display:flex;flex-direction:column;gap:1.125rem}.activity-item-figma{align-items:center;background:linear-gradient(90deg,#4a8ddb,#6ba9e3);border:0;border-radius:.875rem;box-shadow:0 .25rem .75rem #4a8ddb40;display:flex;gap:1.25rem;padding:1.375rem 1.625rem;transition:transform .3s ease,box-shadow .3s ease}.activity-item-figma:hover{box-shadow:0 .375rem 1.25rem #4a8ddb59;transform:translateX(.5rem)}.activity-icon-figma{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 .125rem .5rem #00000014;display:flex;flex-shrink:0;font-size:1.625rem;height:3.375rem;justify-content:center;width:3.375rem}.activity-info-figma h4{color:#fff;font-size:1.0625rem;font-weight:600;letter-spacing:.0125rem;margin:0 0 .375rem}.activity-info-figma p{color:#ffffffeb;font-size:.875rem;font-weight:400;margin:0}.chart-card-stats.large{grid-column:span 12;height:400px}.chart-card-stats.medium,.chart-card-stats.small{grid-column:span 12;height:350px}.chart-header-stats{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.chart-header-stats h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.chart-subtitle-stats{color:#7f8c8d;font-size:13px;font-weight:500}.chart-body-stats{height:calc(100% - 70px);position:relative}.activity-alerts-grid-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.activity-section-stats{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.activity-section-stats h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.activity-list-stats{display:flex;flex-direction:column;gap:15px}.activity-item-stats{background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px;transition:background-color .2s}.activity-item-stats:hover{background:#e9ecef}.activity-icon-stats{flex-shrink:0;font-size:32px}.activity-info-stats h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 5px}.activity-info-stats p{color:#7f8c8d;font-size:13px;margin:0 0 5px}.activity-time-stats{color:#95a5a6;font-size:12px}.alerts-section-stats{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.alerts-section-stats h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.alerts-list-stats{display:flex;flex-direction:column;gap:15px}.alert-item-stats{border-left:4px solid;border-radius:8px;display:flex;gap:15px;padding:15px}.alert-item-stats.warning{background-color:#fff3cd;border-left-color:#ffc107}.alert-item-stats.danger{background-color:#f8d7da;border-left-color:#dc3545}.alert-item-stats.success{background-color:#d4edda;border-left-color:#28a745}.alert-item-stats.info{background-color:#d1ecf1;border-left-color:#17a2b8}.alert-icon-stats{flex-shrink:0;font-size:28px}.alert-info-stats h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 5px}.alert-info-stats p{color:#495057;font-size:13px;margin:0}@media (min-width:1200px){.stats-cards-grid-figma{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px) and (max-width:1199px){.stats-cards-grid-figma{grid-template-columns:repeat(3,1fr)}}@media (min-width:600px) and (max-width:899px){.stats-cards-grid-figma{grid-template-columns:repeat(2,1fr)}.stat-card-content{padding:1.5rem}.stat-icon-figma{font-size:2rem;height:3.75rem;width:3.75rem}.stat-info-figma h3{font-size:2.25rem}}@media (max-width:599px){.stats-cards-grid-figma{grid-template-columns:1fr}.dashboard-stats-container{padding:0}}@media (min-width:768px){.chart-card-stats.medium{grid-column:span 7}.chart-card-stats.small{grid-column:span 5}}@media (min-width:1024px){.chart-card-stats.large{grid-column:span 8}.chart-card-stats.medium{grid-column:span 4}.chart-card-stats.small{grid-column:span 6}}@media (max-width:767px){.dashboard-stats-container{padding:.9375rem}.stats-cards-grid-stats{gap:.9375rem;grid-template-columns:1fr}.chart-card-stats.large,.chart-card-stats.medium,.chart-card-stats.small{height:18.75rem}.chart-header-stats{align-items:flex-start;flex-direction:column;gap:.3125rem}.activity-alerts-grid-stats{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}.App{height:100vh;overflow:hidden}body{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}
/*# sourceMappingURL=main.c9641b1d.css.map*/