@charset "UTF-8";.bodyIncio{background-color:#000}.contenedor-MotOrtega{font-family:system-ui;margin:0;padding:0;background-color:#101010;overflow-x:hidden}:root{--color-principal: #e88b00d4;--color-boton-primario: #ff9800;--color-boton-sombra: #e68a00;--color-texto-boton: #fff;--color-texto-oscuro: #333;--color-texto-claro: #fff;--color-fondo-oscuro: #101010;--color-fondo-claro: #ffffff}.imgF{height:auto;min-height:600px;background-color:#000;background-size:cover;background-position:center center;-webkit-mask-image:linear-gradient(black 80%,transparent);mask-image:linear-gradient(black 80%,transparent)}.menu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px;position:fixed;top:0;left:0;width:100%;z-index:999;gap:50px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu.nav-visible{transform:translateY(0)}.menu.nav-hidden{transform:translateY(-100%)}.menu.nav-background{background-color:#101010f2;box-shadow:0 2px 20px #0000004d}.menu.nav-scrolled{padding:8px 10px}.menu.nav-scrolled .logoMotOrtega{width:40px}.opc,.opcR,.opcIs{color:#fff;font-family:system-ui;text-decoration:none;padding:6px 10px;width:auto;text-align:center;transition:all .3s ease;border-bottom:3px solid transparent;font-size:1.1rem;position:relative}.opc.active,.opcR.active,.opcIs.active{border-bottom:3px solid var(--color-principal);color:var(--color-principal)}.opc:hover,.opcR:hover,.opcIs:hover{border-bottom:3px solid var(--color-principal);padding-bottom:16px;transition:.6s;color:var(--color-principal)}.logoMotOrtega{width:50px;height:auto;order:0;transition:all .3s ease}.alogo{background-color:#fff;border-radius:50%;padding-top:3px;padding-left:2px;padding-right:4px;margin-left:5px;margin-right:5px;border:1px solid black;transition:transform .3s ease}.alogo:hover{transform:scale(1.1)}.ini-llanta{z-index:1;width:400px;height:auto;max-width:80%;max-height:80%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);opacity:.8;rotate:5deg;animation:respirar-imagen-vertical 3s ease-in-out infinite alternate 1.5s}@keyframes respirar-imagen-vertical{0%{transform:translate(-50%,-50%) translateY(10px)}to{transform:translate(-50%,-50%) translateY(-20px)}}.encabezado{width:100%;height:100vh;padding:20px;box-sizing:border-box;text-align:center;position:relative;display:flex;z-index:10;flex-direction:column;justify-content:center;align-items:center}.moto-encabezado{max-width:80%;order:-1;margin-bottom:20px}.ch{margin-top:140px;display:inline-block;z-index:1000}.ch h1{font-family:DynaPuff,system-ui,sans-serif;color:#fff;margin:0;font-size:9rem;font-weight:600;line-height:.8;text-align:center}.ch h2{font-family:DynaPuff,system-ui,sans-serif;text-align:center;font-weight:900;font-style:normal;color:#fff;font-size:4vw;padding-left:0;margin:10px 0 0;display:block;animation:slide-in 1s ease-out}@keyframes slide-in{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.trabaja-con-nosotros{color:#fff;margin-bottom:20px;font-size:1.2rem;animation:fade-in 1.5s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.btn-unete.creativo{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-boton-primario);color:var(--color-texto-boton);font-family:system-ui;font-weight:700;text-decoration:none;padding:15px 30px;border-radius:50px;box-shadow:0 8px 15px #0003;transition:all .3s ease 0s;cursor:pointer;outline:none;border:none;align-self:center;animation:bounce 1s ease-in-out 2s;position:relative;overflow:hidden}.btn-unete.creativo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#fff3;transform:rotate(45deg);z-index:1;transition:all .6s ease;opacity:0}.btn-unete.creativo:hover:before{opacity:1;left:100%}.btn-unete.creativo:hover{background-color:var(--color-boton-sombra);box-shadow:0 10px 20px #0000004d;transform:translateY(-3px)}.btn-unete.creativo:active{transform:translateY(-1px);box-shadow:0 5px 10px #0003}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.icono-unete{margin:0 10px;font-size:1.3rem;animation:pulso 1.5s infinite alternate}@keyframes pulso{0%{transform:scale(1)}to{transform:scale(1.1)}}.ini-section{padding-bottom:80px;position:relative;overflow:hidden;scroll-margin-top:80px}.ini-section-servicios{background-color:var(--color-fondo-claro);color:var(--color-texto-oscuro)}.ini-section-nosotros{background-color:var(--color-fondo-oscuro);color:var(--color-texto-claro)}.ini-section-galeria{background-color:var(--color-fondo-claro);color:var(--color-texto-oscuro)}.ini-section-testimonios{background-color:var(--color-fondo-oscuro);color:var(--color-texto-claro)}.ini-section-contacto{background-color:var(--color-fondo-claro);color:var(--color-texto-oscuro)}.ini-container{max-width:1200px;margin:0 auto;padding:0 20px}.ini-section-title{font-size:2.5rem;margin-bottom:15px;text-align:center;position:relative;padding-bottom:15px}.ini-section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--color-boton-primario)}.ini-section-subtitle{font-size:1.2rem;text-align:center;margin-bottom:50px;opacity:.8}.ini-servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.ini-servicio-card{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(30px);animation:fade-up .6s ease forwards}.ini-servicio-card:nth-child(2){animation-delay:.2s}.ini-servicio-card:nth-child(3){animation-delay:.4s}.ini-servicio-card:nth-child(4){animation-delay:.6s}.ini-servicio-card:nth-child(5){animation-delay:.8s}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.ini-servicio-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.ini-servicio-icon{width:70px;height:70px;background-color:var(--color-boton-primario);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.ini-servicio-icon i{font-size:30px;color:#fff}.ini-servicio-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--color-texto-oscuro)}.ini-servicio-card p{color:#666;line-height:1.6}.ini-nosotros-content{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:80px}.ini-nosotros-text{flex:1;min-width:300px}.ini-nosotros-image{flex:1;min-width:300px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0000004d;transform:perspective(1000px) rotateY(5deg);transition:transform .5s ease}.ini-nosotros-image:hover{transform:perspective(1000px) rotateY(0)}.ini-nosotros-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.ini-nosotros-image:hover img{transform:scale(1.05)}.ini-nosotros-text p{margin-bottom:20px;line-height:1.7}.ini-nosotros-info{margin-top:30px}.ini-info-item{display:flex;align-items:center;margin-bottom:15px}.ini-info-item i{color:var(--color-boton-primario);font-size:20px;margin-right:15px}.ini-galeria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.ini-galeria-item{position:relative;border-radius:10px;overflow:hidden;height:250px;box-shadow:0 5px 15px #0000001a;cursor:pointer}.ini-galeria-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ini-galeria-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;color:#fff;transform:translateY(100%);transition:transform .3s ease}.ini-galeria-item:hover img{transform:scale(1.1)}.ini-galeria-item:hover .ini-galeria-overlay{transform:translateY(0)}.ini-galeria-overlay h4{margin:0 0 5px;font-size:1.2rem}.ini-galeria-overlay p{margin:0;font-size:.9rem;opacity:.8}.ini-testimonios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.ini-testimonio-card{background-color:#ffffff0d;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000001a;position:relative;transition:transform .3s ease}.ini-testimonio-card:hover{transform:translateY(-10px)}.ini-testimonio-card:before{content:'"';position:absolute;top:20px;left:20px;font-size:5rem;color:#ff980033;font-family:serif;line-height:1}.ini-testimonio-stars{margin-bottom:15px}.ini-testimonio-stars i{color:var(--color-boton-primario);margin-right:3px}.ini-testimonio-text{font-style:italic;margin-bottom:20px;line-height:1.6}.ini-testimonio-autor{display:flex;align-items:center}.ini-testimonio-autor img{width:50px;height:50px;border-radius:50%;margin-right:15px;object-fit:cover}.ini-testimonio-autor h4{margin:0;font-size:1.1rem}.ini-testimonio-autor span{font-size:.9rem;opacity:.7}.ini-contacto-content{display:flex;flex-wrap:wrap;gap:40px}.ini-contacto-info,.ini-contacto-form{flex:1;min-width:300px}.ini-contacto-item{display:flex;align-items:flex-start;margin-bottom:25px}.ini-contacto-item i{font-size:24px;color:var(--color-boton-primario);margin-right:15px;margin-top:5px}.ini-contacto-item h4{margin:0 0 5px;font-size:1.2rem}.ini-contacto-item p{margin:0;line-height:1.5;color:#666}.ini-contacto-redes{display:flex;gap:15px;margin-top:30px}.ini-contacto-redes a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-boton-primario);color:#fff;border-radius:50%;transition:transform .3s ease,background-color .3s ease;text-decoration:none}.ini-contacto-redes a:hover{transform:translateY(-5px);background-color:var(--color-boton-sombra)}.ini-form-group{margin-bottom:20px}.ini-form-group input,.ini-form-group select,.ini-form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.ini-form-group input:focus,.ini-form-group select:focus,.ini-form-group textarea:focus{border-color:var(--color-boton-primario);box-shadow:0 0 0 2px #ff980033;outline:none}.ini-btn-full{width:100%}.ini-footer{background-color:#0a0a0a;color:#fff;padding:60px 0 20px}.ini-footer-content{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px}.ini-footer-brand{flex:1;min-width:200px}.ini-footer-logo{width:60px;height:auto;margin-bottom:15px;background-color:#fff;border-radius:50px;padding-top:1px;padding-right:2px;padding-bottom:2px}.ini-footer-brand h3{margin:0 0 10px;font-size:1.5rem}.ini-footer-brand p{opacity:.7;margin:0}.ini-footer-links,.ini-footer-servicios,.ini-footer-contacto{flex:1;min-width:200px}.ini-footer h4{font-size:1.2rem;margin:0 0 20px;position:relative;padding-bottom:10px}.ini-footer h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--color-boton-primario)}.ini-footer ul{list-style:none;padding:0;margin:0}.ini-footer ul li{margin-bottom:10px}.ini-footer ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.ini-footer ul li a:hover{color:var(--color-boton-primario)}.ini-footer-contacto p{margin-bottom:10px;display:flex;align-items:center}.ini-footer-contacto p i{margin-right:10px;color:var(--color-boton-primario)}.ini-footer-redes{display:flex;gap:15px;margin-top:20px}.ini-footer-redes a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background-color:#ffffff1a;color:#fff;border-radius:50%;transition:background-color .3s ease,transform .3s ease;text-decoration:none}.ini-footer-redes a:hover{background-color:var(--color-boton-primario);transform:translateY(-3px)}.ini-footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.ini-footer-bottom p{margin:0;opacity:.7;font-size:.9rem}.ini-whatsapp-float{position:fixed;width:60px;height:60px;bottom:30px;right:30px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:0 5px 15px #0000004d;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:pulse-whatsapp 2s infinite;text-decoration:none}@keyframes pulse-whatsapp{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.ini-whatsapp-float:hover{background-color:#128c7e;transform:scale(1.1)}.ini-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:30px;height:50px;border:2px solid rgba(255,255,255,.5);border-radius:15px;display:flex;justify-content:center;padding-top:10px;animation:fade-in 1.5s ease-out 2s both}.ini-scroll-arrow{width:6px;height:6px;border-right:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(255,255,255,.5);transform:rotate(45deg);animation:scroll-down 2s infinite}@keyframes scroll-down{0%{transform:rotate(45deg) translate(0);opacity:0}50%{opacity:1}to{transform:rotate(45deg) translate(10px,10px);opacity:0}}@media (max-width: 600px){.menu{justify-content:center;gap:20px;padding:10px 0}.menu.nav-scrolled{padding:8px 0}.ch h1{font-size:3.5rem;padding:6px 10px}.ch h2{font-size:1.2rem}.alogo{background-color:#fff;border-radius:50%;padding-top:3px;padding-left:2px;padding-right:4px;margin-left:5px;margin-right:5px;border:1px solid black;transition:transform .3s ease}.encabezado{height:90vh}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.login-body{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Montserrat}.login-container{width:100%;max-width:450px}.login-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.login-form-box{width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.login-header{text-align:center;padding:30px 30px 20px}.login-logo-container{margin-bottom:20px}.login-logo{max-width:100px;height:auto;transition:transform .3s ease}.login-title{font-size:28px;font-weight:700;color:#1a202c;margin:0;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.login-form{padding:0}.login-form-section{padding:30px;border-bottom:1px solid #f1f5f9}.login-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:24px;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.login-section-icon{color:#2563eb;font-size:16px}.login-form-grid{display:flex;flex-direction:column;gap:24px}.login-form-group{display:flex;flex-direction:column;gap:8px}.login-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.login-label-icon{color:#6b7280;font-size:14px}.login-form-input{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e2e8f0;border-radius:12px;background-color:#f8fafc;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.login-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.login-form-input.error{border-color:#ef4444;background-color:#fef2f2}.login-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.login-password-container{position:relative;display:flex;align-items:center}.login-password-toggle{position:absolute;right:16px;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.login-password-toggle:hover{color:#374151;background-color:#f3f4f6}.login-error-text{font-size:13px;color:#ef4444;display:flex;align-items:center;gap:6px;margin-top:4px;padding:10px 14px;background-color:#fef2f2;border-radius:8px;border-left:4px solid #ef4444}.login-error-message{margin:0 30px;padding:16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;display:flex;align-items:center;gap:8px;font-weight:500}.login-error-icon{font-size:16px;flex-shrink:0}.login-form-actions{padding:30px;background-color:#f8fafc}.login-submit-button{top:0 auto;width:90%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.login-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.login-submit-button:active{transform:translateY(0)}.login-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.login-button-icon{font-size:14px}.login-options{text-align:center}.login-forgot-password{background:none;border:none;color:#2563eb;font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease;text-decoration:none}.login-forgot-password:hover{color:#1d4ed8;background-color:#eff6ff;text-decoration:underline}.login-footer{padding:24px 30px;text-align:center;background-color:#f0f7ff;border-top:1px solid #e2e8f0}.login-footer p{margin:0 0 16px;color:#6b7280;font-size:14px}.login-register-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}.login-register-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media (max-width: 600px){.login-body{display:flex;justify-content:center;align-items:center;height:85vh;font-family:Montserrat}.login-form-box{width:100%;height:90vh;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.login-logo-container{margin-top:70px}.login-header{padding:24px 20px 16px}.login-form-section,.login-form-actions{padding:24px 20px}.login-footer{padding:20px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.login-form-input{padding:12px 14px;font-size:16px}.login-submit-button{padding:14px 20px;font-size:15px}}@media (max-width: 480px){.login-container{max-width:100%}.login-form-box{border-radius:16px}.login-header{padding:20px 16px 12px}.login-form-section,.login-form-actions{padding:20px 16px}.login-footer{padding:16px}.login-logo{max-width:80px}.login-title{font-size:22px}.login-subtitle{font-size:13px}}.login-form-box{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-form-input:hover:not(:focus){border-color:#cbd5e0;background-color:#fff}.login-form-input::placeholder{color:#a0aec0;opacity:1}.login-form-input:focus::placeholder{color:#cbd5e0}.register-bodyLogin{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f7fa;position:fixed;top:0;left:0;right:0;bottom:0;font-family:Montserrat}.register-login-contendor{width:100%;display:flex;justify-content:center;align-items:center}.register-ca-login{width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;padding:15px}.register-contenedor-login{width:100%;display:flex;justify-content:center;align-items:center}.register-form-box{max-width:480px;width:92%;background:#fff;overflow:hidden;border-radius:16px;color:#2d3748;box-shadow:0 10px 25px #0000001a;transition:transform .3s,box-shadow .3s;max-height:100vh;display:flex;flex-direction:column}.register-form-box:hover{box-shadow:0 15px 30px #0000001f}.register-form{position:relative;display:flex;flex-direction:column;padding:20px 20px 15px;gap:10px;text-align:center;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.register-form::-webkit-scrollbar{width:6px}.register-form::-webkit-scrollbar-track{background:#f1f1f1}.register-form::-webkit-scrollbar-thumb{background:#06f;border-radius:10px}.register-logo-container{display:flex;justify-content:center;margin-bottom:5px}.register-logo{max-width:100px;height:auto;transition:transform .3s}.register-logo:hover{transform:scale(1.05)}.register-title{font-weight:700;font-size:1.5rem;margin:0;color:#06f;text-shadow:0 1px 2px rgba(0,0,0,.05)}.register-subtitle{font-size:.9rem;color:#6b7280;margin:0}.register-progress-container{display:flex;justify-content:space-between;padding:5px 0;margin:0 0 10px;position:relative}.register-progress-container:before{content:"";position:absolute;top:14px;left:15px;right:15px;height:2px;background-color:#e2e8f0;z-index:1}.register-progress-container:after{content:"";position:absolute;top:14px;left:15px;height:2px;background-color:#06f;z-index:2;width:0%;transition:width .3s ease}.register-progress-container[data-step="1"]:after{width:0%}.register-progress-container[data-step="2"]:after{width:50%}.register-progress-container[data-step="3"]:after{width:100%}.register-progress-step{text-align:center;flex:1;position:relative;z-index:3}.register-progress-indicator{background-color:#e2e8f0;color:#6b7280;border-radius:50%;width:30px;height:30px;line-height:30px;margin:0 auto;font-size:.9rem;font-weight:600;position:relative;z-index:3;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.register-progress-completed{background-color:#06f;color:#fff}.register-progress-label{font-size:.8rem;margin-top:6px;color:#6b7280;transition:color .3s ease;font-weight:500}.register-progress-completed+.register-progress-label{color:#06f;font-weight:600}.register-form-container{overflow-y:auto;overflow-x:hidden;border-radius:12px;background-color:#fff;margin:.25rem 0;width:100%;box-shadow:0 1px 3px #0000000d;border:1px solid #edf2f7;max-height:calc(100vh - 300px);scrollbar-width:thin}.register-form-container::-webkit-scrollbar{width:6px}.register-form-container::-webkit-scrollbar-track{background:#f1f1f1}.register-form-container::-webkit-scrollbar-thumb{background:#06f;border-radius:10px}.register-input-with-icon{position:relative;border-bottom:1px solid #edf2f7}.register-input-with-icon i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#a0aec0;transition:color .2s}.register-input-with-icon .register-input{padding-left:40px}.register-input-with-icon:focus-within i{color:#06f}.register-section-title{font-size:1rem;font-weight:600;padding:15px;color:#06f;background-color:#f0f7ff;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:8px}.register-section-title i{color:#06f}.register-input{width:90%;padding:14px 16px;font-size:16px;border:2px solid #e2e8f0;border-radius:12px;background-color:#f8fafc;transition:all .3s ease;font-family:inherit;box-sizing:border-box;color:#2d3748;outline:none;margin-bottom:0}.register-input:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.register-input.error{border-color:#ef4444;background-color:#fef2f2}.register-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.register-input::placeholder{color:#a0aec0;opacity:1}.register-input:focus::placeholder{color:#cbd5e0}.register-error,.register-password-mismatch{font-size:13px;color:#ef4444;display:flex;align-items:center;gap:6px;margin-top:4px;padding:10px 14px;background-color:#fef2f2;border-radius:8px;border-left:4px solid #ef4444;text-align:left;font-weight:500;border:none}.register-form-section{padding:16px;font-size:.9rem;background-color:#f0f7ff;box-shadow:0 -1px 3px #0000000d;text-align:center;color:#4a5568}.register-form-section a{font-weight:600;color:#06f;transition:color .3s ease;text-decoration:none}.register-form-section a:hover{color:#004dbf;text-decoration:underline}.register-buttons-container{display:flex;gap:10px;margin-top:10px;justify-content:space-between}.register-button{background-color:#06f;font-family:Montserrat;color:#fff;border:0;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.register-button:hover{background-color:#0052cc;transform:translateY(-2px);box-shadow:0 4px 12px #06f3}.register-button:active{transform:translateY(0);box-shadow:0 2px 4px #06f3}.register-button:disabled{background-color:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.register-button-secondary{background-color:#e2e8f0;color:#4a5568}.register-button-secondary:hover{background-color:#cbd5e0;box-shadow:0 4px 12px #4a556833}.register-button-primary{background-color:#06f;color:#fff;font-weight:700}.register-button-primary:hover{background-color:#0052cc;box-shadow:0 4px 12px #0066ff40}.register-error{color:#e53e3e;font-size:.9rem;padding:8px 12px;background-color:#fff5f5;border-radius:6px;margin-top:-4px;border-left:3px solid #e53e3e;text-align:left}.register-error-text,.perfil-validacion{color:#e53e3e;font-size:.85rem;margin-top:2px;margin-bottom:6px;display:block;text-align:left;padding-left:2px;font-weight:500}.register-form-group{margin-bottom:12px;display:flex;flex-direction:column;align-items:stretch}.register-form-input.error,.register-input-error,.register-input.error{border-color:#ef4444!important;background-color:#fef2f2!important}.register-password-container{position:relative;width:100%;display:flex;align-items:center}.register-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#a0aec0;z-index:10;padding:6px;font-size:18px;transition:color .2s}.register-password-toggle:hover{color:#06f}.register-password-container .register-form-input,.register-password-container .register-input{padding-right:38px}@media (max-width: 600px){.register-form-box{width:100%;border-radius:12px;max-width:100%;max-height:90vh}.register-ca-login{width:100vh;display:flex;justify-content:center;align-items:center;padding:0}.register-bodyLogin{height:85vh;display:flex;justify-content:center;align-items:center;background-color:#f5f7fa;position:fixed;top:0;left:0;right:0;bottom:0;font-family:Montserrat}.register-contenedor-login{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.register-form{padding:15px 12px 10px}.register-buttons-container{flex-direction:column-reverse}.register-button{width:100%}.register-form-container{max-height:calc(100vh - 280px)}.register-logo{max-width:80px}.register-title{font-size:1.25rem}.register-subtitle{font-size:.8rem}.register-progress-indicator{width:24px;height:24px;line-height:24px;font-size:.8rem}.register-progress-label{font-size:.7rem}.register-section-title{padding:10px;font-size:.9rem}.register-input{height:38px;font-size:.85rem}}@media (max-height: 700px){.register-form-container{max-height:40vh}.register-logo{max-width:70px}.register-title{font-size:1.2rem}.register-subtitle{font-size:.75rem}.register-form{gap:6px}.register-input{height:36px}}.register-form-input[type=select],select.register-form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.register-label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:600;color:#374151;text-align:left}.register-form-input{width:100%;padding:10px 16px;font-size:16px;border:2px solid #e2e8f0;border-radius:12px;background-color:#f8fafc;transition:all .3s ease;font-family:inherit;box-sizing:border-box;color:#2d3748;outline:none}.register-form-input:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.register-form-input.error{border-color:#ef4444;background-color:#fef2f2}.register-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.register-form-input::placeholder{color:#a0aec0;opacity:1}.register-form-input:focus::placeholder{color:#cbd5e0}.register-error-text{color:#e53e3e;font-size:.85rem;margin-top:2px;margin-bottom:6px;display:block;text-align:left;padding-left:2px;font-weight:500}.register-password-container .register-form-input{padding-right:38px}.fp-bodyLogin{top:0 auto;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff}.fp-login-contendor{min-height:100vh;justify-content:center;align-items:center;background-color:#fff;display:flex;top:0 auto}.fp-ca-login{width:100%;max-width:1200px;padding:20px;display:flex;justify-content:center;align-items:center}.fp-contenedor-login{display:flex;justify-content:center;align-items:center;width:100%}.fp-Login-form-box{width:100%;max-width:400px;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;overflow:hidden;padding:20px;margin:auto}.fp-Login-form{font-family:Montserrat;display:flex;flex-direction:column;gap:16px;top:0 auto;padding:20px;align-items:center;width:100%}.fp-Login-logo-container{display:flex;margin-right:40px;justify-content:center;margin-bottom:20px}.fp-Login-logo{max-width:120px;height:auto}.fp-Login-title{font-family:Montserrat;font-size:24px;margin-right:40px;font-weight:700;color:#2d3748;text-align:center}.fp-Login-subtitle{font-family:Montserrat;font-size:14px;margin-right:40px;color:#718096;text-align:center;margin-bottom:10px}.fp-Login-form-container{display:flex;flex-direction:column;gap:16px;width:100%}.fp-Login-input{font-family:Montserrat;width:80%;padding:12px 17px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .3s ease;margin-right:40px}.fp-Login-input:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #4299e11a}.fp-Login-input-error{border-color:#e53e3e}.fp-Login-password-container{position:relative;width:100%;display:flex;justify-content:center}.fp-Login-password-toggle{position:absolute;right:60px;top:50%;transform:translateY(-50%);cursor:pointer;color:#a0aec0;z-index:2}.fp-Login-options{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.fp-Login-remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:#718096}.fp-Login-forgot-password{font-size:14px;color:#06f;cursor:pointer}.fp-Login-forgot-password:hover{text-decoration:underline}.fp-Login-error{color:#e53e3e;font-size:14px;padding:8px 0;text-align:center;margin-right:40px}.fp-Login-success{color:#38a169;font-size:14px;margin-right:40px;padding:8px 0;text-align:center}.fp-Login-password-mismatch{color:#e53e3e;font-size:14px;margin-top:-8px;margin-right:40px}.fp-Login-button{font-family:MontSerrat;width:90%;padding:12px;margin-right:42px;background-color:#06f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.fp-Login-button:hover{background-color:#3182ce}.fp-Login-button:disabled{background-color:#a0aec0;cursor:not-allowed}.fp-Login-form-section{text-align:center;margin-top:16px;padding:16px;border-top:1px solid #e2e8f0;font-size:14px;color:#718096}.fp-Login-form-section a{color:#06f;text-decoration:none;font-weight:500;transition:.6s;border-bottom:2px solid white}.fp-Login-form-section a:hover{color:#000;transition:.6s;padding-bottom:3px;border-bottom:2px solid black;margin:0}.fp-Login-back-option{text-align:center;margin-top:10px;font-size:14px;color:#718096;margin-right:40px}.fp-Login-back-option span{cursor:pointer;color:#06f;font-weight:500;transition:.6s;border-bottom:2px solid white}.fp-Login-back-option span:hover{color:#000;transition:.6s;padding-bottom:3px;border-bottom:2px solid black;margin:0}[transition-style="in:circle:hesitate"]{animation:circle-in-hesitate 2.5s cubic-bezier(.25,1,.3,1) both}@keyframes circle-in-hesitate{0%{clip-path:circle(0%)}40%{clip-path:circle(40%)}50%{clip-path:circle(40%)}to{clip-path:circle(125%)}}.fp-verification-code-container{display:flex;gap:8px;justify-content:center;width:100%;margin-bottom:10px;margin-right:40px}.fp-verification-code-input{color:#06f;width:40px;height:50px;text-align:center;font-size:18px;font-weight:600;border:1px solid #e2e8f0;border-radius:8px;transition:all .3s ease}.fp-verification-code-input:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #4299e11a}.fp-verification-code-input.error{border-color:#e53e3e}.fp-timer-container{text-align:center;font-size:14px;color:#555;margin-right:40px;margin-bottom:10px}.fp-timer-text{display:inline-block;padding:5px 10px;background-color:#f5f5f5;border-radius:20px;box-shadow:0 1px 3px #0000001a}.fp-timer-expiring{color:#e74c3c;font-weight:700;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dashboard{padding:20px;background-color:#f8fafc;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard__welcome{background:linear-gradient(135deg,#06f,#004db3);color:#fff;padding:30px;border-radius:16px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #06f3}.dashboard__welcome-content h1{font-size:2.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dashboard__welcome-content p{font-size:1.1rem;opacity:.9;margin:0 0 15px}.dashboard__welcome-stats{display:flex;gap:20px;margin-top:15px}.dashboard__welcome-stat{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard__welcome-stat svg{font-size:1.2rem}.dashboard__alerts{display:flex;flex-direction:column;gap:10px}.dashboard__alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#fff;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard__alert--warning{background:#f59e0b33;border:1px solid rgba(245,158,11,.3)}.dashboard__alert--info{background:#3b82f633;border:1px solid rgba(59,130,246,.3)}.dashboard__alert--success{background:#10b98133;border:1px solid rgba(16,185,129,.3)}.dashboard__alert:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard__quick-access{margin-bottom:30px}.dashboard__quick-access h2{font-size:1.8rem;font-weight:600;color:#1e293b;margin-bottom:20px}.dashboard__quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.dashboard__quick-access-card{background:#fff;padding:24px;border-radius:12px;text-decoration:none;color:#1e293b;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard__quick-access-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0066ff26;border-color:#06f}.dashboard__quick-access-icon{width:60px;height:60px;background:linear-gradient(135deg,#06f,#004db3);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;font-size:1.5rem}.dashboard__quick-access-card h3{font-size:1.1rem;font-weight:600;margin:0;color:#1e293b}.dashboard__stats{margin-bottom:30px}.dashboard__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.dashboard__stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0;display:flex;align-items:center;gap:20px;transition:all .3s ease}.dashboard__stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.dashboard__stat-card--primary .dashboard__stat-icon{background:linear-gradient(135deg,#06f,#004db3)}.dashboard__stat-card--success .dashboard__stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.dashboard__stat-card--warning .dashboard__stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.dashboard__stat-card--info .dashboard__stat-icon{background:linear-gradient(135deg,#06f,#004db3)}.dashboard__stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.dashboard__stat-content{flex:1;display:flex;justify-content:space-between;align-items:center}.dashboard__stat-info h3{font-size:.9rem;font-weight:500;color:#64748b;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.dashboard__stat-info p{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 4px}.dashboard__stat-change{font-size:.85rem;display:flex;align-items:center;gap:4px;color:#64748b}.dashboard__stat-change.positive{color:#10b981}.dashboard__stat-change.negative{color:#ef4444}.dashboard__vermas-button{background:#06f;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s ease}.dashboard__vermas-button:hover{background:#004db3;transform:translateY(-1px)}.dashboard__secondary-stats{margin-bottom:30px}.dashboard__secondary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.dashboard__secondary-stat{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:all .3s ease}.dashboard__secondary-stat:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.dashboard__secondary-stat-icon{font-size:1.5rem;color:#06f}.dashboard__secondary-stat-number{font-size:1.5rem;font-weight:700;color:#1e293b;display:block}.dashboard__secondary-stat-label{font-size:.85rem;color:#64748b;font-weight:500}.dashboard__charts{margin-bottom:30px}.dashboard__charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.dashboard__chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0;overflow:hidden}.dashboard__chart-card--full{grid-column:1 / -1}.dashboard__chart-header{padding:20px 24px;border-bottom:1px solid #e2e8f0}.dashboard__chart-header h3{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0 0 4px}.dashboard__chart-header p{font-size:.9rem;color:#64748b;margin:0}.dashboard__chart-content{padding:20px}.dashboard__tables{margin-bottom:30px}.dashboard__tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.dashboard__table-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0;overflow:hidden}.dashboard__table-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.dashboard__table-header h3{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0}.dashboard__table-link{color:#06f;text-decoration:none;font-size:.9rem;font-weight:500}.dashboard__table-link:hover{color:#004db3}.dashboard__table-content{overflow-x:auto}.dashboard__table{width:100%;border-collapse:collapse}.dashboard__table th{background:#f8fafc;padding:12px 16px;text-align:left;font-size:.85rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.dashboard__table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#1e293b}.dashboard__table tbody tr:hover{background:#f8fafc}.dashboard__status{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dashboard__status--1,.dashboard__status--warning{background:#fef3c7;color:#92400e}.dashboard__status--2,.dashboard__status--info{background:#dbeafe;color:#1e40af}.dashboard__status--3,.dashboard__status--success{background:#d1fae5;color:#065f46}.dashboard__status--4,.dashboard__status--error{background:#fee2e2;color:#991b1b}.dashboard__action-btn{display:inline-flex;align-items:center;gap:4px;background:#06f;color:#fff;padding:6px 12px;border-radius:6px;text-decoration:none;font-size:.8rem;font-weight:500;transition:all .3s ease}.dashboard__action-btn:hover{background:#004db3;transform:translateY(-1px)}.dashboard__mechanics-section{margin-bottom:30px}.dashboard__mechanics-section h2{font-size:1.8rem;font-weight:600;color:#1e293b;margin-bottom:20px}.dashboard__mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.dashboard__mechanic-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e2e8f0;transition:all .3s ease}.dashboard__mechanic-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.dashboard__mechanic-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.dashboard__mechanic-icon{width:50px;height:50px;background:linear-gradient(135deg,#06f,#004db3);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem}.dashboard__mechanic-header h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 4px}.dashboard__mechanic-status{font-size:.8rem;color:#10b981;font-weight:500}.dashboard__mechanic-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dashboard__mechanic-stat{text-align:center}.dashboard__mechanic-stat-number{font-size:1.5rem;font-weight:700;color:#1e293b;display:block}.dashboard__mechanic-stat-label{font-size:.8rem;color:#64748b;font-weight:500}.dashboard__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b}.dashboard__error svg{font-size:3rem;color:#ef4444;margin-bottom:20px}.dashboard__error h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:8px}.dashboard__error p{font-size:1rem;margin-bottom:24px}.dashboard__retry-btn{background:#06f;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard__retry-btn:hover{background:#004db3;transform:translateY(-1px)}.dashboard__skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s;border-radius:4px}.dashboard__skeleton--title{height:20px;width:180px;margin-bottom:6px}.dashboard__skeleton--subtitle{height:14px;width:120px}.dashboard__skeleton--section-title{height:18px;width:120px;margin-bottom:12px}.dashboard__skeleton--icon{width:36px;height:36px;border-radius:8px}.dashboard__skeleton--text{height:12px;width:80px}.dashboard__skeleton--number{height:18px;width:48px;margin-top:4px}.dashboard__skeleton--chart{height:120px;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.dashboard{padding:15px}.dashboard__welcome{flex-direction:column;text-align:center;gap:20px}.dashboard__welcome-content h1{font-size:2rem}.dashboard__welcome-stats{justify-content:center;flex-wrap:wrap}.dashboard__alerts{width:100%}.dashboard__quick-access-grid,.dashboard__stats-grid,.dashboard__secondary-stats-grid,.dashboard__charts-grid,.dashboard__tables-grid,.dashboard__mechanics-grid{grid-template-columns:1fr}.dashboard__chart-card--full{grid-column:1}.dashboard__table-content{font-size:.8rem}.dashboard__mechanic-stats{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.dashboard__welcome-content h1{font-size:1.5rem}.dashboard__stat-card{flex-direction:column;text-align:center;gap:16px}.dashboard__stat-content{flex-direction:column;gap:12px}.dashboard__mechanic-header{flex-direction:column;text-align:center}}:root{--mo-primary: #2563eb;--mo-primary-dark: #1d4ed8;--mo-primary-light: #3b82f6;--mo-primary-50: #eff6ff;--mo-primary-100: #dbeafe;--mo-primary-500: #3b82f6;--mo-primary-600: #2563eb;--mo-primary-700: #1d4ed8;--mo-primary-900: #1e3a8a;--mo-secondary: #475569;--mo-secondary-light: #64748b;--mo-secondary-dark: #334155;--mo-gray-50: #f8fafc;--mo-gray-100: #f1f5f9;--mo-gray-200: #e2e8f0;--mo-gray-300: #cbd5e1;--mo-gray-400: #94a3b8;--mo-gray-500: #64748b;--mo-gray-600: #475569;--mo-gray-700: #334155;--mo-gray-800: #1e293b;--mo-gray-900: #0f172a;--mo-success: #10b981;--mo-success-light: #34d399;--mo-warning: #f59e0b;--mo-danger: #ef4444;--mo-danger-light: #f87171;--mo-background: #f8fafc;--mo-background-secondary: #f1f5f9;--mo-white: #ffffff;--mo-text-primary: #1e293b;--mo-text-secondary: #64748b;--mo-text-muted: #94a3b8;--mo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--mo-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--mo-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--mo-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--mo-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--mo-border: #e2e8f0;--mo-border-light: #f1f5f9;--mo-radius: 8px;--mo-radius-sm: 4px;--mo-radius-md: 6px;--mo-radius-lg: 12px;--mo-radius-xl: 16px;--mo-sidebar-width: 280px;--mo-sidebar-collapsed-width: 70px;--mo-header-height: 80px;--mo-transition-fast: .15s ease-out;--mo-transition: .3s ease-out;--mo-transition-slow: .5s ease-out;--mo-z-dropdown: 100;--mo-z-sidebar: 1000;--mo-z-header: 900;--mo-z-modal: 1050;--mo-z-tooltip: 99999}.mo-tooltip-container{position:relative;display:block}.mo-tooltip{position:absolute;background:var(--mo-gray-800);color:var(--mo-white);padding:8px 12px;border-radius:var(--mo-radius);font-size:12px;font-weight:500;white-space:nowrap;z-index:99999;opacity:0;visibility:hidden;transform:translate(10px);transition:all var(--mo-transition);box-shadow:var(--mo-shadow-xl);pointer-events:none;border:1px solid rgba(255,255,255,.1)}.mo-tooltip--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(10px)}.mo-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.mo-tooltip--right .mo-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%);border-width:4px 4px 4px 0;border-color:transparent var(--mo-gray-800) transparent transparent}.mo-tooltip-container:hover .mo-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.mo-sidebar{width:var(--mo-sidebar-width);height:100vh;background:linear-gradient(180deg,var(--mo-white) 0%,var(--mo-gray-50) 100%);border-right:1px solid var(--mo-border);display:flex;flex-direction:column;transition:all var(--mo-transition) cubic-bezier(.4,0,.2,1);position:fixed;left:0;top:0;bottom:0;z-index:var(--mo-z-sidebar);box-shadow:var(--mo-shadow)}.mo-sidebar--collapsed{width:var(--mo-sidebar-collapsed-width)}.mo-sidebar__header{display:flex;align-items:center;flex-direction:column;padding:20px 16px;background:linear-gradient(135deg,var(--mo-primary-50) 0%,var(--mo-white) 100%);border-bottom:1px solid var(--mo-border-light);position:relative}.mo-sidebar__toggle-container{display:flex;justify-content:center;width:100%;margin-bottom:16px}.mo-sidebar__toggle{display:flex;align-items:center;justify-content:center;background:var(--mo-white);border:2px solid var(--mo-primary-100);border-radius:50%;width:36px;height:36px;cursor:pointer;color:var(--mo-primary);transition:all var(--mo-transition);box-shadow:var(--mo-shadow-sm);position:relative;overflow:hidden}.mo-sidebar__toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--mo-primary) 0%,var(--mo-primary-light) 100%);opacity:0;transition:opacity var(--mo-transition);z-index:-1}.mo-sidebar__toggle:hover:before{opacity:1}.mo-sidebar__toggle:hover{color:var(--mo-white);border-color:var(--mo-primary);transform:translateY(-1px);box-shadow:var(--mo-shadow-md)}.mo-sidebar__toggle:active{transform:translateY(0);box-shadow:var(--mo-shadow-sm)}.mo-sidebar__logo{display:flex;justify-content:center;width:100%;transition:all var(--mo-transition)}.mo-sidebar-logo{width:120px;height:auto;transition:all var(--mo-transition);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.mo-sidebar--collapsed .mo-sidebar-logo{width:0;opacity:0}.mo-sidebar__mobile-close{display:none;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;color:var(--mo-text-secondary);transition:all var(--mo-transition)}.mo-sidebar__mobile-close:hover{color:var(--mo-danger);background:var(--mo-gray-100)}.mo-sidebar__menu{flex:1;padding:20px 16px;overflow-y:auto;overflow-x:hidden}.mo-sidebar__menu::-webkit-scrollbar{width:4px}.mo-sidebar__menu::-webkit-scrollbar-track{background:var(--mo-gray-100);border-radius:2px}.mo-sidebar__menu::-webkit-scrollbar-thumb{background:var(--mo-gray-300);border-radius:2px}.mo-sidebar__menu::-webkit-scrollbar-thumb:hover{background:var(--mo-gray-400)}.mo-sidebar__footer{padding:16px;border-top:1px solid var(--mo-border-light);background:var(--mo-gray-50)}.mo-sidebar__logout{width:100%;display:flex;align-items:center;justify-content:center;padding:12px 16px;color:var(--mo-danger);background:var(--mo-white);border:2px solid var(--mo-danger);border-radius:var(--mo-radius);cursor:pointer;transition:all var(--mo-transition);font-weight:500;position:relative;overflow:hidden}.mo-sidebar__logout:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);transition:left var(--mo-transition)}.mo-sidebar__logout:hover:before{left:100%}.mo-sidebar__logout:hover{background:var(--mo-danger);color:var(--mo-white);transform:translateY(-1px);box-shadow:var(--mo-shadow-md)}.mo-sidebar__logout span{margin-left:12px;transition:all var(--mo-transition)}.mo-sidebar--collapsed .mo-sidebar__logout span{opacity:0;margin-left:0}.mo-simple-link{margin-bottom:8px;position:relative}.mo-simple-link__btn{width:100%;display:flex;align-items:center;padding:14px 16px;background:var(--mo-white);border:1px solid var(--mo-border);border-radius:var(--mo-radius);color:var(--mo-text-primary);cursor:pointer;transition:all var(--mo-transition);font-weight:500;position:relative;overflow:hidden;text-decoration:none}.mo-simple-link__btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--mo-primary-50) 0%,var(--mo-primary-100) 100%);opacity:0;transition:opacity var(--mo-transition)}.mo-simple-link__btn:hover:before{opacity:1}.mo-simple-link__btn:hover{border-color:var(--mo-primary-200);transform:translateY(-1px);box-shadow:var(--mo-shadow);text-decoration:none;color:var(--mo-primary)}.mo-simple-link__btn:active{transform:translateY(0);box-shadow:var(--mo-shadow-sm)}.mo-simple-link__btn--active{background:linear-gradient(135deg,var(--mo-primary-50) 0%,var(--mo-primary-100) 100%);border-color:var(--mo-primary);color:var(--mo-primary);box-shadow:var(--mo-shadow-sm)}.mo-simple-link__btn--active:before{opacity:1}.mo-simple-link__icon{margin-right:12px;display:flex;align-items:center;font-size:16px;transition:all var(--mo-transition);position:relative;z-index:1}.mo-simple-link__title{flex:1;text-align:left;transition:all var(--mo-transition);position:relative;z-index:1}.mo-sidebar--collapsed .mo-simple-link__title{opacity:0;width:0;margin:0}.mo-sidebar--collapsed .mo-simple-link__icon{margin-right:0}.mo-sidebar--collapsed .mo-simple-link__btn{justify-content:center;padding:14px 0}.mo-sidebar--collapsed .mo-simple-link__icon{margin-right:0;justify-content:center}.mo-dropdown{margin-bottom:8px;position:relative}.mo-dropdown__btn{width:100%;display:flex;align-items:center;padding:14px 16px;background:var(--mo-white);border:1px solid var(--mo-border);border-radius:var(--mo-radius);color:var(--mo-text-primary);cursor:pointer;transition:all var(--mo-transition);font-weight:500;position:relative;overflow:hidden}.mo-dropdown__btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--mo-primary-50) 0%,var(--mo-primary-100) 100%);opacity:0;transition:opacity var(--mo-transition)}.mo-dropdown__btn:hover:before{opacity:1}.mo-dropdown__btn:hover{border-color:var(--mo-primary-200);transform:translateY(-1px);box-shadow:var(--mo-shadow)}.mo-dropdown__btn--active{background:linear-gradient(135deg,var(--mo-primary-50) 0%,var(--mo-primary-100) 100%);border-color:var(--mo-primary);color:var(--mo-primary);box-shadow:var(--mo-shadow-sm)}.mo-dropdown__btn--active:before{opacity:1}.mo-dropdown__icon{margin-right:12px;display:flex;align-items:center;font-size:16px;transition:all var(--mo-transition);position:relative;z-index:1}.mo-dropdown__title{flex:1;text-align:left;transition:all var(--mo-transition);position:relative;z-index:1}.mo-dropdown__arrow{font-size:12px;display:flex;align-items:center;transition:all var(--mo-transition);position:relative;z-index:1}.mo-dropdown__btn--active .mo-dropdown__arrow{transform:rotate(180deg)}.mo-sidebar--collapsed .mo-dropdown__title,.mo-sidebar--collapsed .mo-dropdown__arrow{opacity:0;width:0;margin:0}.mo-sidebar--collapsed .mo-dropdown__icon{margin-right:0}.mo-sidebar--collapsed .mo-dropdown__btn{justify-content:center;padding:14px 0}.mo-sidebar--collapsed .mo-dropdown__icon{margin-right:0;justify-content:center}.mo-dropdown__content{max-height:0;overflow:hidden;transition:all var(--mo-transition) cubic-bezier(.4,0,.2,1);background:var(--mo-gray-50);border-radius:0 0 var(--mo-radius) var(--mo-radius);margin-top:-1px}.mo-dropdown__content--show{max-height:300px;border-left:1px solid var(--mo-border);border-right:1px solid var(--mo-border);border-bottom:1px solid var(--mo-border);box-shadow:var(--mo-shadow-sm)}.mo-dropdown__content--collapsed{position:absolute;left:calc(var(--mo-sidebar-collapsed-width) - 1px);top:0;width:220px;background:var(--mo-white);box-shadow:var(--mo-shadow-lg);z-index:var(--mo-z-dropdown);border-radius:var(--mo-radius);border:1px solid var(--mo-border);margin-top:0}.mo-dropdown__option{display:block;padding:12px 16px 12px 48px;color:var(--mo-text-secondary);text-decoration:none;transition:all var(--mo-transition);font-weight:400;position:relative;border-bottom:1px solid var(--mo-border-light)}.mo-dropdown__option:last-child{border-bottom:none}.mo-dropdown__option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--mo-primary);transform:scaleY(0);transition:transform var(--mo-transition)}.mo-dropdown__option:hover:before{transform:scaleY(1)}.mo-dropdown__option:hover{background:linear-gradient(90deg,var(--mo-primary-50) 0%,transparent 100%);color:var(--mo-primary);padding-left:52px;text-decoration:none}.mo-dropdown__content--collapsed .mo-dropdown__option{padding-left:16px}.mo-dropdown__content--collapsed .mo-dropdown__option:hover{padding-left:20px}.mo-sidebar-mobile-toggle{display:none;position:fixed;left:20px;top:20px;z-index:calc(var(--mo-z-sidebar) - 1);width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--mo-primary) 0%,var(--mo-primary-dark) 100%);color:var(--mo-white);border:none;box-shadow:var(--mo-shadow-lg);align-items:center;justify-content:center;cursor:pointer;transition:all var(--mo-transition)}.mo-sidebar-mobile-toggle:hover{transform:translateY(-2px);box-shadow:var(--mo-shadow-xl)}.mo-sidebar-mobile-toggle:active{transform:translateY(0);box-shadow:var(--mo-shadow-lg)}@media (max-width: 768px){.mo-sidebar{transform:translate(-100%);box-shadow:var(--mo-shadow-xl);width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mo-sidebar--mobile-open{transform:translate(0)}.mo-sidebar-mobile-toggle{display:flex}.mo-sidebar__toggle-container{display:none}.mo-sidebar__header{flex-direction:row;justify-content:space-between;padding:16px 20px}.mo-sidebar__logo{justify-content:flex-start}.mo-sidebar__mobile-close{display:flex}.mo-dropdown__content--collapsed{position:relative;left:0;width:100%;box-shadow:none}.mo-sidebar__menu{padding:16px}.mo-dropdown,.mo-simple-link{margin-bottom:6px}.mo-tooltip{display:none}}@media (max-width: 480px){.mo-sidebar{width:100vw}.mo-sidebar-mobile-toggle{left:16px;top:16px;width:40px;height:40px}}@keyframes slideInRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mo-dropdown__content--show .mo-dropdown__option{animation:slideInRight .3s ease-out forwards}.mo-dropdown__content--show .mo-dropdown__option:nth-child(1){animation-delay:.05s}.mo-dropdown__content--show .mo-dropdown__option:nth-child(2){animation-delay:.1s}.mo-dropdown__content--show .mo-dropdown__option:nth-child(3){animation-delay:.15s}.mo-dropdown__content--show .mo-dropdown__option:nth-child(4){animation-delay:.2s}.mo-dropdown__btn:focus,.mo-sidebar__toggle:focus,.mo-sidebar__logout:focus,.mo-simple-link__btn:focus{outline:2px solid var(--mo-primary);outline-offset:2px}.mo-dropdown__option:focus{outline:2px solid var(--mo-primary);outline-offset:-2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mo-dashboard-btn2{width:100%;height:15px;font-size:14px;display:flex;align-items:center;padding:21px 16px;background:var(--mo-white);border:1px solid var(--mo-border);border-radius:var(--mo-radius);color:var(--mo-text-primary);cursor:pointer;transition:all var(--mo-transition);position:relative;overflow:hidden;text-decoration:none;margin-bottom:8px}.mo-dashboard-btn{width:86%;height:15px;font-size:14px;display:flex;align-items:center;padding:14px 16px;background:var(--mo-white);border:1px solid var(--mo-border);border-radius:var(--mo-radius);color:var(--mo-text-primary);cursor:pointer;transition:all var(--mo-transition);position:relative;overflow:hidden;text-decoration:none;margin-bottom:8px}.mo-dashboard-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--mo-primary-50) 0%,var(--mo-primary-100) 100%);opacity:0;transition:opacity var(--mo-transition)}.mo-dashboard-btn:hover:before{opacity:1}.mo-dashboard-btn:hover{border-color:var(--mo-primary-200);transform:translateY(-1px);box-shadow:var(--mo-shadow);text-decoration:none;color:var(--mo-primary)}.mo-dashboard-btn:active{transform:translateY(0);box-shadow:var(--mo-shadow-sm)}.mo-dashboard-btn--active{background:linear-gradient(135deg,var(--mo-primary-50) 0%,var(--mo-primary-100) 100%);border-color:var(--mo-primary);color:var(--mo-primary);box-shadow:var(--mo-shadow-sm)}.mo-dashboard-btn--active:before{opacity:1}.mo-dashboard-btn__icon{margin-right:12px;display:flex;align-items:center;font-size:16px;transition:all var(--mo-transition);position:relative;z-index:1}.mo-dashboard-btn__title{flex:1;text-align:left;transition:all var(--mo-transition);position:relative;z-index:1}.mo-sidebar--collapsed .mo-dashboard-btn__title{opacity:0;width:0;margin:0}.mo-sidebar--collapsed .mo-dashboard-btn__icon{margin-right:0}.mo-sidebar--collapsed .mo-dashboard-btn{justify-content:center;padding:14px 0}.mo-header{height:var(--mo-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:linear-gradient(135deg,var(--mo-white) 0%,var(--mo-gray-50) 100%);border-bottom:1px solid var(--mo-border);position:fixed;top:0;right:0;left:var(--mo-sidebar-width);transition:all var(--mo-transition) cubic-bezier(.4,0,.2,1);z-index:var(--mo-z-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--mo-shadow-sm)}.mo-header--sidebar-collapsed{left:var(--mo-sidebar-collapsed-width)}.mo-header__title{display:flex;align-items:center;flex:1}.mo-header__title h1{margin:0;font-size:24px;font-weight:700;color:var(--mo-text-primary);background:linear-gradient(135deg,var(--mo-primary) 0%,var(--mo-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mo-header__actions{display:flex;align-items:center;gap:16px}.mo-header__notifications{display:flex;align-items:center;gap:8px;margin-right:8px}.mo-header__icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--mo-white);border:1px solid var(--mo-border);border-radius:50%;color:var(--mo-text-secondary);cursor:pointer;transition:all var(--mo-transition);position:relative;overflow:hidden;box-shadow:var(--mo-shadow-sm)}.mo-header__icon-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--mo-primary-50) 0%,var(--mo-primary-100) 100%);opacity:0;transition:opacity var(--mo-transition)}.mo-header__icon-btn:hover:before{opacity:1}.mo-header__icon-btn:hover{border-color:var(--mo-primary-200);color:var(--mo-primary);transform:translateY(-2px);box-shadow:var(--mo-shadow-md)}.mo-header__icon-btn:active{transform:translateY(0);box-shadow:var(--mo-shadow-sm)}.mo-header__icon-btn svg{position:relative;z-index:1;font-size:16px}.mo-header__icon-btn--logout{border-color:var(--mo-danger);color:var(--mo-danger)}.mo-header__icon-btn--logout:before{background:linear-gradient(135deg,#fee2e2,#fecaca)}.mo-header__icon-btn--logout:hover{border-color:var(--mo-danger);color:var(--mo-danger);background:#fee2e2}.mo-header__user{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--mo-white);border:1px solid var(--mo-border);border-radius:var(--mo-radius-lg);box-shadow:var(--mo-shadow-sm);transition:all var(--mo-transition)}.mo-header__user:hover{box-shadow:var(--mo-shadow);transform:translateY(-1px)}.mo-header__welcome{text-align:right;display:flex;flex-direction:column;gap:2px}.mo-header__welcome p{margin:0;font-weight:600;color:var(--mo-text-primary);font-size:14px;line-height:1.2}.mo-header__role{font-size:12px;color:var(--mo-text-secondary);font-weight:500;padding:2px 8px;background:var(--mo-primary-50);border-radius:var(--mo-radius-sm);border:1px solid var(--mo-primary-100)}.mo-header__avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:3px solid var(--mo-primary-100);box-shadow:var(--mo-shadow-sm);transition:all var(--mo-transition);position:relative}.mo-header__avatar:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(135deg,var(--mo-primary) 0%,var(--mo-primary-light) 100%);opacity:0;transition:opacity var(--mo-transition);z-index:-1}.mo-header__user:hover .mo-header__avatar:before{opacity:1}.mo-header__user:hover .mo-header__avatar{transform:scale(1.05);border-color:transparent}.mo-header__avatar img{width:100%;height:100%;object-fit:cover;transition:all var(--mo-transition)}.mo-header__icon-btn--notification{position:relative}.mo-header__icon-btn--notification:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--mo-danger);border-radius:50%;border:2px solid var(--mo-white);opacity:0;transform:scale(0);transition:all var(--mo-transition)}.mo-header__icon-btn--notification.has-notifications:after{opacity:1;transform:scale(1);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 768px){.mo-header,.mo-header--sidebar-collapsed{left:0;padding:0 20px 0 80px}.mo-header__welcome{display:none}.mo-header__notifications{gap:4px;margin-right:4px}.mo-header__icon-btn{width:40px;height:40px}.mo-header__icon-btn svg{font-size:14px}.mo-header__user{padding:6px 12px;gap:12px}.mo-header__avatar{width:36px;height:36px}.mo-header__title h1{font-size:20px}}@media (max-width: 480px){.mo-header{padding:0 16px 0 70px}.mo-header__notifications{gap:2px}.mo-header__icon-btn{width:36px;height:36px}.mo-header__user{padding:4px 8px;gap:8px}.mo-header__avatar{width:32px;height:32px}.mo-header__title h1{font-size:18px}}.mo-header__icon-btn:focus{outline:2px solid var(--mo-primary);outline-offset:2px}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.mo-header{animation:slideInDown .5s ease-out}@supports (backdrop-filter: blur(10px)){.mo-header{background:#f8fafccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (prefers-reduced-motion: reduce){.mo-header{animation:none}.mo-header__icon-btn--notification.has-notifications:after{animation:none}}.mo-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,var(--mo-background) 0%,var(--mo-gray-100) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--mo-text-primary);line-height:1.6}.mo-layout__main{flex:1;margin-left:var(--mo-sidebar-width);transition:all var(--mo-transition) cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;min-height:100vh;position:relative}.mo-layout__main--sidebar-collapsed{margin-left:var(--mo-sidebar-collapsed-width)}.mo-layout__content{flex:1;padding:32px;margin-top:var(--mo-header-height);background:var(--mo-background);min-height:calc(100vh - var(--mo-header-height));position:relative;overflow-x:hidden}.mo-layout__content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,var(--mo-primary-50) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--mo-primary-50) 0%,transparent 50%);background-size:100px 100px;background-position:0 0,50px 50px;opacity:.3;pointer-events:none;z-index:-1}.mo-content-container{max-width:1200px;margin:0 auto;background:var(--mo-white);border-radius:var(--mo-radius-xl);box-shadow:var(--mo-shadow);border:1px solid var(--mo-border);overflow:hidden;position:relative}.mo-content-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mo-primary) 0%,var(--mo-primary-light) 100%)}.mo-page-header{padding:32px;background:linear-gradient(135deg,var(--mo-white) 0%,var(--mo-gray-50) 100%);border-bottom:1px solid var(--mo-border);position:relative}.mo-page-title{font-size:32px;font-weight:700;color:var(--mo-text-primary);margin:0 0 8px;background:linear-gradient(135deg,var(--mo-primary) 0%,var(--mo-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mo-page-subtitle{font-size:16px;color:var(--mo-text-secondary);margin:0;font-weight:400}.mo-page-actions{display:flex;gap:12px;margin-top:24px}.mo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--mo-radius);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--mo-transition);border:none;text-decoration:none;position:relative;overflow:hidden;line-height:1}.mo-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--mo-transition)}.mo-btn:hover:before{left:100%}.mo-btn--primary{background:linear-gradient(135deg,var(--mo-primary) 0%,var(--mo-primary-dark) 100%);color:var(--mo-white);box-shadow:var(--mo-shadow)}.mo-btn--primary:hover{transform:translateY(-2px);box-shadow:var(--mo-shadow-lg)}.mo-btn--secondary{background:var(--mo-white);color:var(--mo-text-primary);border:1px solid var(--mo-border);box-shadow:var(--mo-shadow-sm)}.mo-btn--secondary:hover{background:var(--mo-gray-50);border-color:var(--mo-primary-200);transform:translateY(-1px);box-shadow:var(--mo-shadow)}.mo-btn--success{background:linear-gradient(135deg,var(--mo-success) 0%,#059669 100%);color:var(--mo-white);box-shadow:var(--mo-shadow)}.mo-btn--success:hover{transform:translateY(-2px);box-shadow:var(--mo-shadow-lg)}.mo-btn--danger{background:linear-gradient(135deg,var(--mo-danger) 0%,#dc2626 100%);color:var(--mo-white);box-shadow:var(--mo-shadow)}.mo-btn--danger:hover{transform:translateY(-2px);box-shadow:var(--mo-shadow-lg)}.mo-btn:active{transform:translateY(0)}.mo-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.mo-card{background:var(--mo-white);border-radius:var(--mo-radius-lg);box-shadow:var(--mo-shadow);border:1px solid var(--mo-border);overflow:hidden;transition:all var(--mo-transition)}.mo-card:hover{transform:translateY(-2px);box-shadow:var(--mo-shadow-md)}.mo-card__header{padding:24px;background:linear-gradient(135deg,var(--mo-gray-50) 0%,var(--mo-white) 100%);border-bottom:1px solid var(--mo-border)}.mo-card__title{font-size:18px;font-weight:600;color:var(--mo-text-primary);margin:0}.mo-card__content{padding:24px}.mo-card__footer{padding:16px 24px;background:var(--mo-gray-50);border-top:1px solid var(--mo-border)}.mo-form-group{margin-bottom:24px}.mo-label{display:block;font-size:14px;font-weight:600;color:var(--mo-text-primary);margin-bottom:8px}.mo-input{width:100%;padding:12px 16px;font-size:14px;border:1px solid var(--mo-border);border-radius:var(--mo-radius);background:var(--mo-white);transition:all var(--mo-transition);color:var(--mo-text-primary)}.mo-input:focus{border-color:var(--mo-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.mo-input:disabled{background:var(--mo-gray-100);color:var(--mo-text-secondary);cursor:not-allowed}.mo-table{width:100%;border-collapse:collapse;background:var(--mo-white);border-radius:var(--mo-radius-lg);overflow:hidden;box-shadow:var(--mo-shadow)}.mo-table th{background:linear-gradient(135deg,var(--mo-gray-50) 0%,var(--mo-gray-100) 100%);padding:16px;text-align:left;font-weight:600;color:var(--mo-text-primary);border-bottom:1px solid var(--mo-border)}.mo-table td{padding:16px;border-bottom:1px solid var(--mo-border-light);color:var(--mo-text-primary)}.mo-table tr:hover{background:var(--mo-gray-50)}.mo-table tr:last-child td{border-bottom:none}@media (max-width: 768px){.mo-layout__main,.mo-layout__main--sidebar-collapsed{margin-left:0}.mo-layout__content{padding:20px 16px}.mo-page-header{padding:24px 20px}.mo-page-title{font-size:24px}.mo-page-actions{flex-direction:column;gap:8px}.mo-btn{width:100%;justify-content:center}.mo-card__header,.mo-card__content{padding:20px}.mo-card__footer{padding:12px 20px}}@media (max-width: 480px){.mo-layout__content{padding:16px 12px}.mo-page-header{padding:20px 16px}.mo-page-title{font-size:20px}.mo-card__header,.mo-card__content{padding:16px}.mo-card__footer{padding:12px 16px}.mo-table th,.mo-table td{padding:12px 8px;font-size:13px}}.mo-text-center{text-align:center}.mo-text-right{text-align:right}.mo-text-left{text-align:left}.mo-mb-0{margin-bottom:0}.mo-mb-1{margin-bottom:8px}.mo-mb-2{margin-bottom:16px}.mo-mb-3{margin-bottom:24px}.mo-mb-4{margin-bottom:32px}.mo-mt-0{margin-top:0}.mo-mt-1{margin-top:8px}.mo-mt-2{margin-top:16px}.mo-mt-3{margin-top:24px}.mo-mt-4{margin-top:32px}.mo-p-0{padding:0}.mo-p-1{padding:8px}.mo-p-2{padding:16px}.mo-p-3{padding:24px}.mo-p-4{padding:32px}.mo-hidden{display:none}.mo-visible{display:block}.mo-flex{display:flex}.mo-flex-col{flex-direction:column}.mo-items-center{align-items:center}.mo-justify-center{justify-content:center}.mo-justify-between{justify-content:space-between}.mo-w-full{width:100%}.mo-h-full{height:100%}.mo-rounded{border-radius:var(--mo-radius)}.mo-rounded-lg{border-radius:var(--mo-radius-lg)}.mo-shadow{box-shadow:var(--mo-shadow)}.mo-shadow-lg{box-shadow:var(--mo-shadow-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mo-layout__content>*{animation:fadeInUp .6s ease-out}.mo-layout__content>*:nth-child(1){animation-delay:.1s}.mo-layout__content>*:nth-child(2){animation-delay:.2s}.mo-layout__content>*:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion: reduce){.mo-layout__content>*{animation:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--mo-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--mo-gray-300);border-radius:4px;transition:background var(--mo-transition)}::-webkit-scrollbar-thumb:hover{background:var(--mo-gray-400)}::-webkit-scrollbar-corner{background:var(--mo-gray-100)}.layC-layout{max-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.layC-header{width:100%;background:#0ea5e9;padding:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a}.layC-header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;padding:0 2rem}.layC-logo{height:50px;width:auto}.layC-title{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.layC-main{flex:1;margin:0 auto;width:100%}.layC-nav{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(135deg,#06f,#004db3);box-shadow:0 -4px 6px -1px #0000001a;padding:.75rem 0;border-radius:20px 20px 0 0;display:flex;justify-content:center;align-items:center;gap:1rem;z-index:50;overflow:visible}.layC-float-button{position:fixed;left:50%;transform:translate(-50%);width:65px;height:65px;border-radius:50%;background:#0ea5e9;border:none;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px -1px #00000026,0 2px 8px -1px #0000001a;cursor:pointer;transition:all .3s ease;z-index:100;top:calc(100vh - 110px)}.layC-float-button:hover{background:#0284c7;transform:translate(-50%) scale(1.1);box-shadow:0 8px 12px -1px #0000001a,0 4px 6px -1px #0000000f}.layC-nav-spacer{width:60px}.layC-nav-btn{text-decoration:none;color:#fff;font-size:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.5rem 1rem;border:none;background:none;cursor:pointer;transition:all .3s ease;min-width:70px}.layC-nav-btn:hover{color:#222}.layC-nav-label{font-size:.85rem;font-weight:500}.layC-nav-label-C{padding-top:25px;color:#fff;font-size:.85rem;font-weight:500;width:20px}@media (max-width: 600px){.layC-header-content{padding:0 1rem}.layC-title{font-size:1.4rem}.layC-nav{gap:1rem;padding:.5rem 0}.layC-nav-btn{min-width:60px;font-size:1.3rem;padding:.4rem 0rem}.layC-nav-label{font-size:.75rem}.layC-nav-label-C{padding-top:26px;color:#fff;font-size:.8rem;font-weight:500;padding:26px .4rem 0rem}.layC-float-button{width:50px;height:50px;font-size:20px;top:unset;bottom:40px}.layC-nav-spacer{width:50px}}.crearUsuario-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearUsuario-header{margin-bottom:30px}.crearUsuario-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearUsuario-title-icon{color:#2563eb;font-size:24px}.crearUsuario-subtitle{color:#6b7280;font-size:16px;margin:0}.crearUsuario-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearUsuario-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearUsuario-form-section:last-child{border-bottom:none}.crearUsuario-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearUsuario-section-icon{color:#2563eb;font-size:16px}.crearUsuario-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearUsuario-form-group{display:flex;flex-direction:column;gap:8px}.crearUsuario-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearUsuario-label-icon{color:#6b7280;font-size:12px}.crearUsuario-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearUsuario-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearUsuario-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearUsuario-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearUsuario-password-container{position:relative;display:flex;align-items:center}.crearUsuario-password-toggle{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.crearUsuario-password-toggle:hover{color:#374151;background-color:#f3f4f6}.crearUsuario-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearUsuario-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearUsuario-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearUsuario-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearUsuario-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearUsuario-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearUsuario-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearUsuario-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearUsuario-button-icon{font-size:12px}@media (max-width: 768px){.crearUsuario-container{padding:16px}.crearUsuario-form-grid{grid-template-columns:1fr;gap:16px}.crearUsuario-form-actions{flex-direction:column;gap:12px}.crearUsuario-cancel-button,.crearUsuario-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.crearUsuario-page-title{font-size:24px}.crearUsuario-form-section,.crearUsuario-form-actions{padding:16px}}.dashC-body{background:linear-gradient(135deg,#06f,#004db3);min-height:100vh}.dashC-header{padding:1rem 1rem .5rem;height:auto}.dashC-header-content{display:flex;align-items:center;gap:1rem;margin-top:10px;margin-bottom:30px}.dashC-logo{height:40px;width:40px;border-radius:50%;object-fit:cover}.dashC-title-container{display:flex;flex-direction:column;align-items:flex-start;flex:1}.dashC-title{font-size:1.3rem;margin:0;color:#fff;font-weight:600;line-height:1.2}.dashC-subtitle{color:#ffffffe6;margin:0;font-size:.85rem}.layC-nav-btn-S{color:#fff;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem;border:none;background:#ffffff1a;cursor:pointer;transition:all .3s ease;border-radius:8px;min-width:50px}.layC-nav-btn-S:hover{background:#fff3}.layC-nav-label{font-size:.7rem;font-weight:500}.dashC-Section1{width:100%;background-color:#f8fafc;border-radius:20px 20px 0 0;padding:3rem 1rem 4rem;min-height:calc(100vh - 80px);margin-top:80px;margin-bottom:80px}.dashC-content{width:100%;margin:0 auto}.dashC-section{padding:.5rem;margin-bottom:1.5rem}.dashC-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem}.dashC-section-title{font-size:1.1rem;color:#1e293b;display:flex;align-items:center;gap:.5rem;font-weight:600}.dashC-section-icon{color:#0ea5e9;font-size:1rem}.dashC-citas-list{display:flex;flex-direction:column;gap:1rem}.dashC-cita-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 4px #0000000a;padding:1rem;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.dashC-cita-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:12px 12px 0 0}.dashC-cita-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f,0 4px 8px #0000000f}.dashC-cita-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.dashC-cita-fecha-top{font-size:.8rem;color:#64748b;font-weight:500;text-transform:capitalize}.dashC-cita-hora-top{font-size:.9rem;font-weight:600;color:#0ea5e9;display:flex;align-items:center;gap:.3rem;background:#f0f9ff;padding:.2rem .5rem;border-radius:6px}.dashC-cita-info h4{margin:0 0 .8rem;color:#1e293b;font-size:1rem;font-weight:600;line-height:1.3}.dashC-placa{display:inline-block;background:linear-gradient(145deg,#fc0,gold);color:#000;font-weight:800;font-size:.9rem;letter-spacing:1px;padding:.3rem .6rem;border-radius:6px;margin:.3rem 0;border:2px solid #333;font-family:Arial Black,Arial,sans-serif;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d}.dashC-vehiculo-nombre{font-size:.85rem;color:#475569;margin:.3rem 0 .6rem;font-weight:500}.dashC-cita-detalles{display:flex;justify-content:flex-end;align-items:center;padding-top:.5rem;border-top:1px solid #f1f5f9}.dashC-cita-estado{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:16px;text-transform:capitalize}.dashC-cita-estado.confirmada{color:#059669;background:#d1fae5;border:1px solid #a7f3d0}.dashC-cita-estado.pendiente{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.dashC-vehiculos-grid{display:flex;flex-direction:column;gap:1rem}.dashC-vehiculo-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 4px #0000000a;padding:1rem;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.dashC-vehiculo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:12px 12px 0 0}.dashC-vehiculo-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f,0 4px 8px #0000000f}.dashC-vehiculo-header{margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.dashC-vehiculo-header h4{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.3}.dashC-vehiculo-info{margin-bottom:1rem}.dashC-vehiculo-info p{margin:0 0 .4rem;color:#475569;font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.dashC-vehiculo-info strong{color:#334155;font-weight:600}.dashC-vehiculo-actions{display:flex;flex-direction:column;gap:.6rem}.dashC-view-all-btn{display:flex;align-items:center;justify-content:center;padding:.7rem 1rem;background:linear-gradient(145deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;cursor:pointer;text-align:center;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s ease;width:100%}.dashC-view-all-btn:hover{background:linear-gradient(145deg,#0284c7,#0369a1);transform:translateY(-1px)}.dashC-section-header .dashC-view-all-btn{width:auto;padding:.5rem .8rem;font-size:.8rem}.dashC-empty-state{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:2rem 1rem;text-align:center;color:#64748b;margin-top:1rem}.dashC-empty-state svg{font-size:2.5rem;margin-bottom:1rem;opacity:.6;color:#94a3b8}.dashC-empty-state p{margin:1rem 0;font-size:1rem}.dashC-empty-action-btn{display:flex;align-items:center;justify-content:center;padding:.8rem 1.2rem;background:linear-gradient(145deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;cursor:pointer;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;margin-top:1rem;width:100%}.dashC-empty-action-btn:hover{background:linear-gradient(145deg,#8b5cf6,#a855f7);transform:translateY(-1px)}@media (max-width: 768px){.dashC-header{padding:1.5rem 2rem 1rem}.dashC-logo{height:45px;width:45px}.dashC-title{font-size:1.5rem}.dashC-Section1{border-radius:30px 30px 0 0;padding:1.5rem 1rem 5rem;margin-top:20px}.dashC-content{max-width:800px;margin:0 auto}.dashC-citas-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.2rem}.dashC-vehiculos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.2rem}.dashC-vehiculo-actions{flex-direction:row;gap:.8rem}.dashC-view-all-btn{width:auto;flex:1}}@media (min-width: 1024px){.dashC-header{padding:2rem 2rem 1rem;height:80px}.dashC-logo{height:50px;width:50px;margin-left:15px}.dashC-title{font-size:1.8rem}.dashC-subtitle{font-size:.95rem}.layC-nav-btn-S{font-size:1.5rem;padding:.6rem .8rem;min-width:70px}.layC-nav-label{font-size:.8rem}.dashC-Section1{border-radius:40px 40px 0 0;padding:2rem 2rem 6rem}.dashC-content{max-width:1000px}.dashC-section{padding:1.5rem}.dashC-section-title{font-size:1.3rem}.dashC-citas-list{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}.dashC-vehiculos-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.dashC-cita-card,.dashC-vehiculo-card{padding:1.5rem}}.dashC-cita-card,.dashC-vehiculo-card{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}.listarUsuarios-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarUsuarios-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarUsuarios-sort-icon{font-size:18px}.listarUsuarios-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarUsuarios-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarUsuarios-title-section{display:flex;flex-direction:column;gap:4px}.listarUsuarios-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarUsuarios-title-icon{color:#2563eb;font-size:24px}.listarUsuarios-subtitle{color:#6b7280;font-size:16px;margin:0}.listarUsuarios-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarUsuarios-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarUsuarios-button-icon{font-size:12px}.listarUsuarios-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarUsuarios-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarUsuarios-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarUsuarios-search-container{position:relative;display:flex;align-items:center}.listarUsuarios-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarUsuarios-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarUsuarios-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarUsuarios-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarUsuarios-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarUsuarios-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.listarUsuarios-table{width:100%;border-collapse:collapse;font-size:14px}.listarUsuarios-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarUsuarios-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c}.listarUsuarios-table tr:hover{background-color:#f8fafc}.listarUsuarios-table tr:last-child td{border-bottom:none}.listarUsuarios-user-info{display:flex;flex-direction:column;gap:2px}.listarUsuarios-user-name{font-weight:600;color:#1a202c}.listarUsuarios-user-doc-type{font-size:12px;color:#6b7280}.listarUsuarios-rol-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #bfdbfe}.listarUsuarios-estado-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600}.listarUsuarios-estado-toggle.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.listarUsuarios-estado-toggle.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.listarUsuarios-estado-toggle:hover{transform:scale(1.05)}.listarUsuarios-toggle-icon{font-size:14px}.listarUsuarios-estado-text{font-size:11px}.listarUsuarios-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarUsuarios-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarUsuarios-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarUsuarios-action-button.edit{background-color:#3b82f6;color:#fff}.listarUsuarios-action-button.delete{background-color:#ef4444;color:#fff}.listarUsuarios-action-button.detail{background-color:#10b981;color:#fff}.listarUsuarios-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarUsuarios-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarUsuarios-no-results p{margin:0;font-size:16px}.listarUsuarios-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarUsuarios-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarUsuarios-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarUsuarios-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarUsuarios-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarUsuarios-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarUsuarios-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarUsuarios-container{padding:16px}.listarUsuarios-header{flex-direction:column;gap:16px;align-items:stretch}.listarUsuarios-filters-container{flex-direction:column;gap:15px}.listarUsuarios-filter-item{min-width:auto}.listarUsuarios-table-container{overflow-x:auto}.listarUsuarios-table{min-width:800px}.listarUsuarios-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarUsuarios-page-title{font-size:24px}.listarUsuarios-header,.listarUsuarios-filters-container{padding:16px}}.editarUsuario-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarUsuario-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.editarUsuario-header-left{display:flex;align-items:flex-start;gap:20px}.editarUsuario-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.editarUsuario-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarUsuario-title-section{display:flex;flex-direction:column;gap:4px}.editarUsuario-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.editarUsuario-title-icon{color:#2563eb;font-size:24px}.editarUsuario-subtitle{color:#6b7280;font-size:16px;margin:0}.editarUsuario-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarUsuario-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.editarUsuario-form-section:last-child{border-bottom:none}.editarUsuario-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.editarUsuario-section-icon{color:#2563eb;font-size:16px}.editarUsuario-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarUsuario-form-group{display:flex;flex-direction:column;gap:8px}.editarUsuario-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.editarUsuario-label-icon{color:#6b7280;font-size:12px}.editarUsuario-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.editarUsuario-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarUsuario-form-input.error{border-color:#ef4444;background-color:#fef2f2}.editarUsuario-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarUsuario-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarUsuario-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.editarUsuario-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarUsuario-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarUsuario-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarUsuario-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarUsuario-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarUsuario-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarUsuario-button-icon{font-size:12px}.editarUsuario-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarUsuario-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.editarUsuario-container{padding:16px}.editarUsuario-header{flex-direction:column;gap:16px;align-items:stretch}.editarUsuario-header-left{flex-direction:column;gap:12px}.editarUsuario-form-grid{grid-template-columns:1fr;gap:16px}.editarUsuario-form-actions{flex-direction:column;gap:12px}.editarUsuario-cancel-button,.editarUsuario-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.editarUsuario-page-title{font-size:24px}.editarUsuario-form-section,.editarUsuario-form-actions{padding:16px}}.detalleUsuario-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleUsuario-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleUsuario-header-left{display:flex;align-items:flex-start;gap:20px}.detalleUsuario-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleUsuario-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleUsuario-title-section{display:flex;flex-direction:column;gap:4px}.detalleUsuario-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleUsuario-title-icon{color:#2563eb;font-size:24px}.detalleUsuario-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleUsuario-header-actions{display:flex;gap:12px}.detalleUsuario-btn-edit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb4d}.detalleUsuario-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.detalleUsuario-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:24px;overflow:hidden}.detalleUsuario-section-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.detalleUsuario-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleUsuario-section-icon{color:#2563eb;font-size:16px}.detalleUsuario-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.detalleUsuario-info-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0;transition:all .2s ease}.detalleUsuario-info-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detalleUsuario-info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;flex-shrink:0;font-size:18px}.detalleUsuario-info-content{display:flex;flex-direction:column;gap:4px;flex:1}.detalleUsuario-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detalleUsuario-info-value{font-size:16px;color:#1a202c;font-weight:600;word-break:break-word}.detalleUsuario-rol-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-radius:20px;font-size:14px;font-weight:600;border:1px solid #bfdbfe}.detalleUsuario-estado{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px}.detalleUsuario-estado.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.detalleUsuario-estado.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.detalleUsuario-loading,.detalleUsuario-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleUsuario-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleUsuario-error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.detalleUsuario-error h2{font-size:24px;color:#1a202c;margin:0 0 8px}.detalleUsuario-error p{color:#6b7280;margin:0 0 24px;font-size:16px}@media (max-width: 768px){.detalleUsuario-container{padding:16px}.detalleUsuario-header{flex-direction:column;gap:16px;align-items:stretch}.detalleUsuario-header-left{flex-direction:column;gap:12px}.detalleUsuario-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.detalleUsuario-info-card{padding:16px}.detalleUsuario-info-icon{width:40px;height:40px;font-size:16px}}@media (max-width: 480px){.detalleUsuario-page-title{font-size:24px}.detalleUsuario-header,.detalleUsuario-section-header{padding:16px}}.listarCategoriaRepuesto-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarCategoriaRepuesto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarCategoriaRepuesto-title-section{display:flex;flex-direction:column;gap:4px}.listarCategoriaRepuesto-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarCategoriaRepuesto-title-icon{color:#2563eb;font-size:24px}.listarCategoriaRepuesto-subtitle{color:#6b7280;font-size:16px;margin:0}.listarCategoriaRepuesto-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarCategoriaRepuesto-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarCategoriaRepuesto-button-icon{font-size:12px}.listarCategoriaRepuesto-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarCategoriaRepuesto-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarCategoriaRepuesto-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarCategoriaRepuesto-search-container{position:relative;display:flex;align-items:center}.listarCategoriaRepuesto-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarCategoriaRepuesto-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarCategoriaRepuesto-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarCategoriaRepuesto-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarCategoriaRepuesto-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarCategoriaRepuesto-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarCategoriaRepuesto-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarCategoriaRepuesto-sort-icon{font-size:16px;transition:all .3s ease}.listarCategoriaRepuesto-sort-button:hover .listarCategoriaRepuesto-sort-icon{color:#fff}.listarCategoriaRepuesto-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden;width:100%;max-width:100%}.listarCategoriaRepuesto-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.listarCategoriaRepuesto-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarCategoriaRepuesto-table tr:hover{background-color:#f8fafc}.listarCategoriaRepuesto-table tr:last-child td{border-bottom:none}.listarCategoriaRepuesto-categoria-info{display:flex;flex-direction:column;gap:2px}.listarCategoriaRepuesto-categoria-name{font-weight:600;color:#1a202c}.listarCategoriaRepuesto-estado-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600}.listarCategoriaRepuesto-estado-toggle.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.listarCategoriaRepuesto-estado-toggle.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.listarCategoriaRepuesto-estado-toggle:hover{transform:scale(1.05)}.listarCategoriaRepuesto-toggle-icon{font-size:14px}.listarCategoriaRepuesto-estado-text{font-size:11px}.listarCategoriaRepuesto-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarCategoriaRepuesto-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarCategoriaRepuesto-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarCategoriaRepuesto-action-button.edit{background-color:#3b82f6;color:#fff}.listarCategoriaRepuesto-action-button.delete{background-color:#ef4444;color:#fff}.listarCategoriaRepuesto-action-button.detail{background-color:#10b981;color:#fff}.listarCategoriaRepuesto-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarCategoriaRepuesto-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarCategoriaRepuesto-no-results p{margin:0;font-size:16px}.listarCategoriaRepuesto-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarCategoriaRepuesto-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarCategoriaRepuesto-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarCategoriaRepuesto-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarCategoriaRepuesto-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarCategoriaRepuesto-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarCategoriaRepuesto-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarCategoriaRepuesto-container{padding:16px}.listarCategoriaRepuesto-header{flex-direction:column;gap:16px;align-items:stretch}.listarCategoriaRepuesto-filters-container{flex-direction:column;gap:15px}.listarCategoriaRepuesto-filter-item{min-width:auto}.listarCategoriaRepuesto-table-container{overflow-x:auto}.listarCategoriaRepuesto-table{min-width:800px}.listarCategoriaRepuesto-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarCategoriaRepuesto-page-title{font-size:24px}.listarCategoriaRepuesto-header,.listarCategoriaRepuesto-filters-container{padding:16px}}.listarCategoriaRepuesto-expand-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;color:#6b7280;display:flex;align-items:center;justify-content:center}.listarCategoriaRepuesto-expand-button:hover{background-color:#f3f4f6;color:#2563eb}.listarCategoriaRepuesto-expanded-row,.listarCategoriaRepuesto-expanded-row:hover{background-color:#f8fafc!important}.listarCategoriaRepuesto-expanded-content{padding:16px 24px;border-top:1px solid #e2e8f0;max-width:100%;overflow:hidden}.listarCategoriaRepuesto-expanded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:100%}.listarCategoriaRepuesto-expanded-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;min-width:0;max-width:100%;overflow:hidden}.listarCategoriaRepuesto-expanded-icon{color:#2563eb;font-size:16px;flex-shrink:0;margin-top:2px}.listarCategoriaRepuesto-expanded-item>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;overflow:hidden}.listarCategoriaRepuesto-expanded-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.listarCategoriaRepuesto-expanded-value{font-size:14px;color:#1a202c;font-weight:600;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;max-width:100%}@media (max-width: 1024px){.listarCategoriaRepuesto-expanded-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}}@media (max-width: 768px){.listarCategoriaRepuesto-expanded-grid{grid-template-columns:1fr;gap:12px}.listarCategoriaRepuesto-expanded-content{padding:12px 16px}.listarCategoriaRepuesto-expanded-item{padding:10px}.listarCategoriaRepuesto-expanded-value{font-size:13px}}@media (max-width: 480px){.listarCategoriaRepuesto-expanded-grid{gap:8px}.listarCategoriaRepuesto-expanded-content{padding:8px 12px}.listarCategoriaRepuesto-expanded-item{padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.listarCategoriaRepuesto-expanded-icon{align-self:flex-start}.listarCategoriaRepuesto-expanded-item>div{width:100%}}.listarCategoriaRepuesto-table th:nth-child(1){width:80px}.listarCategoriaRepuesto-table th:nth-child(2){width:20%}.listarCategoriaRepuesto-table th:nth-child(3){width:25%}.listarCategoriaRepuesto-table th:nth-child(4){width:15%}.listarCategoriaRepuesto-table th:nth-child(5){width:25%}.listarCategoriaRepuesto-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.crearCategoriaRepuesto-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearCategoriaRepuesto-header{margin-bottom:30px}.crearCategoriaRepuesto-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearCategoriaRepuesto-title-icon{color:#2563eb;font-size:24px}.crearCategoriaRepuesto-subtitle{color:#6b7280;font-size:16px;margin:0}.crearCategoriaRepuesto-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearCategoriaRepuesto-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearCategoriaRepuesto-form-section:last-child{border-bottom:none}.crearCategoriaRepuesto-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearCategoriaRepuesto-section-icon{color:#2563eb;font-size:16px}.crearCategoriaRepuesto-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearCategoriaRepuesto-form-group{display:flex;flex-direction:column;gap:8px}.crearCategoriaRepuesto-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearCategoriaRepuesto-label-icon{color:#6b7280;font-size:12px}.crearCategoriaRepuesto-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearCategoriaRepuesto-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearCategoriaRepuesto-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearCategoriaRepuesto-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearCategoriaRepuesto-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearCategoriaRepuesto-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearCategoriaRepuesto-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearCategoriaRepuesto-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearCategoriaRepuesto-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearCategoriaRepuesto-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearCategoriaRepuesto-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearCategoriaRepuesto-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearCategoriaRepuesto-button-icon{font-size:12px}@media (max-width: 768px){.crearCategoriaRepuesto-container{padding:16px}.crearCategoriaRepuesto-form-grid{grid-template-columns:1fr;gap:16px}.crearCategoriaRepuesto-form-actions{flex-direction:column;gap:12px}.crearCategoriaRepuesto-cancel-button,.crearCategoriaRepuesto-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.crearCategoriaRepuesto-page-title{font-size:24px}.crearCategoriaRepuesto-form-section,.crearCategoriaRepuesto-form-actions{padding:16px}}.editarCategoriaRepuesto-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarCategoriaRepuesto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.editarCategoriaRepuesto-header-left{display:flex;align-items:flex-start;gap:20px}.editarCategoriaRepuesto-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.editarCategoriaRepuesto-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarCategoriaRepuesto-title-section{display:flex;flex-direction:column;gap:4px}.editarCategoriaRepuesto-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.editarCategoriaRepuesto-title-icon{color:#2563eb;font-size:24px}.editarCategoriaRepuesto-subtitle{color:#6b7280;font-size:16px;margin:0}.editarCategoriaRepuesto-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarCategoriaRepuesto-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.editarCategoriaRepuesto-form-section:last-child{border-bottom:none}.editarCategoriaRepuesto-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.editarCategoriaRepuesto-section-icon{color:#2563eb;font-size:16px}.editarCategoriaRepuesto-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarCategoriaRepuesto-form-group{display:flex;flex-direction:column;gap:8px}.editarCategoriaRepuesto-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.editarCategoriaRepuesto-label-icon{color:#6b7280;font-size:12px}.editarCategoriaRepuesto-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.editarCategoriaRepuesto-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarCategoriaRepuesto-form-input.error{border-color:#ef4444;background-color:#fef2f2}.editarCategoriaRepuesto-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarCategoriaRepuesto-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarCategoriaRepuesto-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.editarCategoriaRepuesto-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarCategoriaRepuesto-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarCategoriaRepuesto-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarCategoriaRepuesto-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarCategoriaRepuesto-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarCategoriaRepuesto-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarCategoriaRepuesto-button-icon{font-size:12px}.editarCategoriaRepuesto-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarCategoriaRepuesto-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.editarCategoriaRepuesto-container{padding:16px}.editarCategoriaRepuesto-header{flex-direction:column;gap:16px;align-items:stretch}.editarCategoriaRepuesto-header-left{flex-direction:column;gap:12px}.editarCategoriaRepuesto-form-grid{grid-template-columns:1fr;gap:16px}.editarCategoriaRepuesto-form-actions{flex-direction:column;gap:12px}.editarCategoriaRepuesto-cancel-button,.editarCategoriaRepuesto-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.editarCategoriaRepuesto-page-title{font-size:24px}.editarCategoriaRepuesto-form-section,.editarCategoriaRepuesto-form-actions{padding:16px}}.detalleCategoriaRepuesto-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleCategoriaRepuesto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleCategoriaRepuesto-header-left{display:flex;align-items:flex-start;gap:20px}.detalleCategoriaRepuesto-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleCategoriaRepuesto-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleCategoriaRepuesto-title-section{display:flex;flex-direction:column;gap:4px}.detalleCategoriaRepuesto-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleCategoriaRepuesto-title-icon{color:#2563eb;font-size:24px}.detalleCategoriaRepuesto-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleCategoriaRepuesto-edit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.detalleCategoriaRepuesto-edit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.detalleCategoriaRepuesto-button-icon{font-size:12px}.detalleCategoriaRepuesto-content{display:flex;flex-direction:column;gap:24px}.detalleCategoriaRepuesto-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.detalleCategoriaRepuesto-card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 24px;border-bottom:1px solid #e2e8f0}.detalleCategoriaRepuesto-card-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleCategoriaRepuesto-card-icon{color:#2563eb;font-size:16px}.detalleCategoriaRepuesto-card-body{padding:24px}.detalleCategoriaRepuesto-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.detalleCategoriaRepuesto-info-item{display:flex;flex-direction:column;gap:8px}.detalleCategoriaRepuesto-info-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.detalleCategoriaRepuesto-info-icon{font-size:12px;color:#6b7280}.detalleCategoriaRepuesto-info-icon.activo{color:#16a34a}.detalleCategoriaRepuesto-info-icon.inactivo{color:#dc2626}.detalleCategoriaRepuesto-info-value{padding:12px 16px;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1a202c;font-weight:500}.detalleCategoriaRepuesto-estado-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;width:fit-content}.detalleCategoriaRepuesto-estado-badge.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.detalleCategoriaRepuesto-estado-badge.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.detalleCategoriaRepuesto-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.detalleCategoriaRepuesto-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleCategoriaRepuesto-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;padding:40px}.detalleCategoriaRepuesto-error h2{color:#ef4444;margin-bottom:16px}.detalleCategoriaRepuesto-error p{color:#6b7280;margin-bottom:24px}@media (max-width: 768px){.detalleCategoriaRepuesto-container{padding:16px}.detalleCategoriaRepuesto-header{flex-direction:column;gap:16px;align-items:stretch}.detalleCategoriaRepuesto-header-left{flex-direction:column;gap:12px}.detalleCategoriaRepuesto-info-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.detalleCategoriaRepuesto-page-title{font-size:24px}.detalleCategoriaRepuesto-card-header,.detalleCategoriaRepuesto-card-body{padding:16px}}.listarRepuesto-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarRepuesto-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarRepuesto-sort-icon{font-size:16px;transition:all .3s ease}.listarRepuesto-sort-button:hover .listarRepuesto-sort-icon{color:#fff}.listarRepuesto-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarRepuesto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarRepuesto-title-section{display:flex;flex-direction:column;gap:4px}.listarRepuesto-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarRepuesto-title-icon{color:#2563eb;font-size:24px}.listarRepuesto-subtitle{color:#6b7280;font-size:16px;margin:0}.listarRepuesto-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarRepuesto-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarRepuesto-button-icon{font-size:12px}.listarRepuesto-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarRepuesto-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarRepuesto-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarRepuesto-search-container{position:relative;display:flex;align-items:center}.listarRepuesto-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarRepuesto-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarRepuesto-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarRepuesto-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarRepuesto-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarRepuesto-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.listarRepuesto-table{width:100%;border-collapse:collapse;font-size:14px}.listarRepuesto-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarRepuesto-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c}.listarRepuesto-table tr:hover{background-color:#f8fafc}.listarRepuesto-table tr:last-child td{border-bottom:none}.listarRepuesto-product-info{display:flex;flex-direction:column;gap:2px}.listarRepuesto-product-name{font-weight:600;color:#1a202c}.listarRepuesto-description{color:#6b7280;font-size:12px}.listarRepuesto-category-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #bfdbfe}.listarRepuesto-quantity{font-weight:600;color:#1a202c}.listarRepuesto-price-compra{font-weight:600;color:#f59e0b}.listarRepuesto-price,.listarRepuesto-total{font-weight:600;color:#10b981}.listarRepuesto-estado-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600}.listarRepuesto-estado-toggle.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.listarRepuesto-estado-toggle.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.listarRepuesto-estado-toggle:hover{transform:scale(1.05)}.listarRepuesto-toggle-icon{font-size:14px}.listarRepuesto-estado-text{font-size:11px}.listarRepuesto-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarRepuesto-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarRepuesto-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarRepuesto-action-button.edit{background-color:#3b82f6;color:#fff}.listarRepuesto-action-button.delete{background-color:#ef4444;color:#fff}.listarRepuesto-action-button.detail{background-color:#10b981;color:#fff}.listarRepuesto-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarRepuesto-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarRepuesto-no-results p{margin:0;font-size:16px}.listarRepuesto-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarRepuesto-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarRepuesto-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarRepuesto-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarRepuesto-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarRepuesto-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarRepuesto-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarRepuesto-container{max-width:50vh;width:100%;padding:0;box-sizing:border-box}.listarRepuesto-header{width:100%;flex-direction:column}.listarRepuesto-header button{margin-top:20px}.listarRepuesto-filters-container{flex-direction:column;gap:15px}.listarRepuesto-filter-item{min-width:auto}.listarRepuesto-table-container{overflow-x:auto}.listarRepuesto-table{min-width:900px}.listarRepuesto-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarRepuesto-page-title{font-size:24px}.listarRepuesto-header,.listarRepuesto-filters-container{padding:16px}}.listarRepuesto-categoria-input-container{position:relative;display:flex;align-items:center}.listarRepuesto-categoria-input{width:100%;padding:10px 40px 10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;cursor:pointer}.listarRepuesto-categoria-input:focus,.listarRepuesto-categoria-input:hover{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarRepuesto-clear-categoria{position:absolute;right:10px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.listarRepuesto-clear-categoria:hover{color:#ef4444;background-color:#fee2e2}.listarRepuesto-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.listarRepuesto-categoria-modal{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:60%;max-width:80%;height:auto;border:1px solid #e5e7eb;font-family:Montserrat,sans-serif;margin:20px;padding-bottom:20px}.listarRepuesto-categoria-modal-header{display:flex;border-radius:8px;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;text-align:center}.listarRepuesto-categoria-modal-header h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;font-weight:600;margin:0;color:#1a202c;width:100%}.listarRepuesto-modal-header-icon{color:#2563eb;font-size:18px}.listarRepuesto-categoria-close-button{background-color:#f3f4f6;border:none;cursor:pointer;font-size:16px;color:#6b7280;padding:10px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;right:24px}.listarRepuesto-categoria-close-button:hover{background-color:#e5e7eb;color:#1a202c;transform:scale(1.05)}.listarRepuesto-categoria-modal-content{padding:24px}.listarRepuesto-categoria-search-container{margin-bottom:24px;display:flex;justify-content:center}.listarRepuesto-categoria-search-wrapper{position:relative;width:70%}.listarRepuesto-categoria-search-input{width:90%;padding:14px 16px 14px 48px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarRepuesto-categoria-search-input:focus{outline:none;border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}.listarRepuesto-categoria-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:16px}.listarRepuesto-categoria-list{border:2px solid #e2e8f0;border-radius:12px;background-color:#fff;width:70%;margin:0 auto}.listarRepuesto-categoria-table{width:100%;border-collapse:collapse}.listarRepuesto-categoria-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 20px;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:14px}.listarRepuesto-categoria-table th:first-child{border-top-left-radius:10px}.listarRepuesto-categoria-table th:last-child{border-top-right-radius:10px}.listarRepuesto-categoria-row{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.listarRepuesto-categoria-row:hover{background-color:#f8fafc}.listarRepuesto-categoria-row:last-child{border-bottom:none}.listarRepuesto-categoria-row td{padding:16px 20px;color:#1a202c;font-size:14px;text-align:center}.listarRepuesto-categoria-name{font-weight:500;color:#1a202c}.listarRepuesto-categoria-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.listarRepuesto-categoria-status.active{background-color:#d1fae5;color:#065f46}.listarRepuesto-categoria-status.inactive{background-color:#fee2e2;color:#991b1b}.listarRepuesto-categoria-select-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;margin:0 auto}.listarRepuesto-categoria-select-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarRepuesto-categoria-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding-top:20px;border-top:2px solid #f1f5f9}.listarRepuesto-categoria-pagination-button{padding:12px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarRepuesto-categoria-pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarRepuesto-categoria-pagination-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#6b7280;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a;opacity:.6}.listarRepuesto-categoria-page-info{color:#4b5563;font-size:14px;font-weight:500;padding:8px 16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.listarRepuesto-categoria-total-info{color:#6b7280;font-size:12px;font-weight:400}.listarRepuesto-categoria-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarRepuesto-categoria-no-results-icon{font-size:48px;margin-bottom:16px;color:#d1d5db}.listarRepuesto-categoria-no-results p{font-size:16px;margin:0;color:#6b7280}@media (max-width: 768px){.listarRepuesto-categoria-modal{margin:10px;width:95%}.listarRepuesto-categoria-modal-content{padding:16px}.listarRepuesto-categoria-search-wrapper{width:90%}.listarRepuesto-categoria-list{width:100%}.listarRepuesto-categoria-table{font-size:12px}.listarRepuesto-categoria-table th,.listarRepuesto-categoria-row td{padding:12px 8px}.listarRepuesto-categoria-pagination{flex-direction:column;gap:12px}.listarRepuesto-categoria-pagination-button{width:100%;justify-content:center}}.crearRepuesto-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearRepuesto-header{margin-bottom:30px}.crearRepuesto-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearRepuesto-title-icon{color:#2563eb;font-size:24px}.crearRepuesto-subtitle{color:#6b7280;font-size:16px;margin:0}.crearRepuesto-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearRepuesto-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearRepuesto-form-section:last-child{border-bottom:none}.crearRepuesto-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearRepuesto-section-icon{color:#2563eb;font-size:16px}.crearRepuesto-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearRepuesto-form-group{display:flex;flex-direction:column;gap:8px}.crearRepuesto-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearRepuesto-label-icon{color:#6b7280;font-size:12px}.crearRepuesto-form-input,.crearRepuesto-form-textarea{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearRepuesto-form-input::placeholder,.crearRepuesto-form-textarea::placeholder{color:#9ca3af;opacity:.7}.crearRepuesto-form-input:focus,.crearRepuesto-form-textarea:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearRepuesto-form-input.error,.crearRepuesto-form-textarea.error{border-color:#ef4444;background-color:#fef2f2}.crearRepuesto-form-input.error:focus,.crearRepuesto-form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearRepuesto-form-textarea{resize:vertical;min-height:100px}.crearRepuesto-char-count{font-size:12px;color:#6b7280;text-align:right;margin-top:4px}.crearRepuesto-total-display{padding:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:10px;font-size:18px;font-weight:700;color:#1d4ed8;text-align:center;margin-top:8px}.crearRepuesto-margin-display{padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:10px;font-size:18px;font-weight:700;color:#166534;text-align:center;margin-top:8px}.crearRepuesto-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearRepuesto-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearRepuesto-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearRepuesto-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearRepuesto-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearRepuesto-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearRepuesto-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearRepuesto-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearRepuesto-button-icon{font-size:12px}.crearRepuesto-input-with-button{display:flex;gap:10px;align-items:flex-start}.crearRepuesto-input-with-button .crearRepuesto-form-input{flex:1}.crearRepuesto-create-category-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:48px}.crearRepuesto-create-category-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearRepuesto-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crearRepuesto-categoria-modal{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:60%;max-width:80%;height:auto;border:1px solid #e5e7eb;font-family:Montserrat,sans-serif;margin:20px;padding-bottom:20px}.crearRepuesto-categoria-modal-header{display:flex;border-radius:8px;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;text-align:center}.crearRepuesto-categoria-modal-header h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;font-weight:600;margin:0;color:#1a202c;width:100%}.crearRepuesto-modal-header-icon{color:#2563eb;font-size:18px}.crearRepuesto-categoria-close-button{background-color:#f3f4f6;border:none;cursor:pointer;font-size:16px;color:#6b7280;padding:10px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;right:24px}.crearRepuesto-categoria-close-button:hover{background-color:#e5e7eb;color:#1a202c;transform:scale(1.05)}.crearRepuesto-categoria-modal-content{padding:24px}.crearRepuesto-categoria-search-container{margin-bottom:24px;display:flex;justify-content:center}.crearRepuesto-categoria-search-wrapper{position:relative;width:70%}.crearRepuesto-categoria-search-input{width:90%;padding:14px 16px 14px 48px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.crearRepuesto-categoria-search-input:focus{outline:none;border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}.crearRepuesto-categoria-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:16px}.crearRepuesto-categoria-list{border:2px solid #e2e8f0;border-radius:12px;background-color:#fff;width:70%;margin:0 auto}.crearRepuesto-categoria-table{width:100%;border-collapse:collapse}.crearRepuesto-categoria-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 20px;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:14px}.crearRepuesto-categoria-table th:first-child{border-top-left-radius:10px}.crearRepuesto-categoria-table th:last-child{border-top-right-radius:10px}.crearRepuesto-categoria-row{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.crearRepuesto-categoria-row:hover{background-color:#f8fafc}.crearRepuesto-categoria-row:last-child{border-bottom:none}.crearRepuesto-categoria-row td{padding:16px 20px;color:#1a202c;font-size:14px;text-align:center}.crearRepuesto-categoria-name{font-weight:500;color:#1a202c}.crearRepuesto-categoria-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.crearRepuesto-categoria-status.active{background-color:#d1fae5;color:#065f46}.crearRepuesto-categoria-status.inactive{background-color:#fee2e2;color:#991b1b}.crearRepuesto-categoria-select-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;margin:0 auto}.crearRepuesto-categoria-select-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearRepuesto-categoria-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding-top:20px;border-top:2px solid #f1f5f9}.crearRepuesto-categoria-pagination-button{padding:12px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearRepuesto-categoria-pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearRepuesto-categoria-pagination-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#6b7280;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a;opacity:.6}.crearRepuesto-categoria-page-info{color:#4b5563;font-size:14px;font-weight:500;padding:8px 16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.crearRepuesto-categoria-total-info{color:#6b7280;font-size:12px;font-weight:400}.crearRepuesto-categoria-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.crearRepuesto-categoria-no-results-icon{font-size:48px;margin-bottom:16px;color:#d1d5db}.crearRepuesto-categoria-no-results p{font-size:16px;margin:0;color:#6b7280}@media (max-width: 768px){.crearRepuesto-container{padding:16px}.crearRepuesto-form-grid{grid-template-columns:1fr;gap:16px}.crearRepuesto-input-with-button{flex-direction:column;align-items:stretch}.crearRepuesto-create-category-button{justify-content:center}.crearRepuesto-form-actions{flex-direction:column;gap:12px}.crearRepuesto-cancel-button,.crearRepuesto-submit-button{width:100%;justify-content:center}.crearRepuesto-categoria-modal{margin:10px;width:95%}.crearRepuesto-categoria-modal-content{padding:16px}.crearRepuesto-categoria-search-wrapper{width:90%}.crearRepuesto-categoria-list{width:100%}.crearRepuesto-categoria-table{font-size:12px}.crearRepuesto-categoria-table th,.crearRepuesto-categoria-row td{padding:12px 8px}.crearRepuesto-categoria-pagination{flex-direction:column;gap:12px}.crearRepuesto-categoria-pagination-button{width:100%;justify-content:center}}@media (max-width: 480px){.crearRepuesto-page-title{font-size:24px}.crearRepuesto-form-section,.crearRepuesto-form-actions,.crearRepuesto-categoria-modal-header{padding:16px}.crearRepuesto-categoria-modal-header h2{font-size:18px}.crearRepuesto-categoria-search-wrapper{width:95%}}.editarRepuesto-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarRepuesto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.editarRepuesto-header-left{display:flex;align-items:flex-start;gap:20px}.editarRepuesto-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.editarRepuesto-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarRepuesto-title-section{display:flex;flex-direction:column;gap:4px}.editarRepuesto-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.editarRepuesto-title-icon{color:#2563eb;font-size:24px}.editarRepuesto-subtitle{color:#6b7280;font-size:16px;margin:0}.editarRepuesto-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarRepuesto-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.editarRepuesto-form-section:last-child{border-bottom:none}.editarRepuesto-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.editarRepuesto-section-icon{color:#2563eb;font-size:16px}.editarRepuesto-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarRepuesto-form-group{display:flex;flex-direction:column;gap:8px}.editarRepuesto-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.editarRepuesto-label-icon{color:#6b7280;font-size:12px}.editarRepuesto-form-input,.editarRepuesto-form-textarea{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.editarRepuesto-form-input:focus,.editarRepuesto-form-textarea:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarRepuesto-form-input.error,.editarRepuesto-form-textarea.error{border-color:#ef4444;background-color:#fef2f2}.editarRepuesto-form-input.error:focus,.editarRepuesto-form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarRepuesto-form-textarea{resize:vertical;min-height:100px}.editarRepuesto-char-count{font-size:12px;color:#6b7280;text-align:right;margin-top:4px}.editarRepuesto-total-display{padding:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:10px;font-size:18px;font-weight:700;color:#1d4ed8;text-align:center;margin-top:8px}.editarRepuesto-margin-display{padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:10px;font-size:18px;font-weight:700;color:#166534;text-align:center;margin-top:8px}.editarRepuesto-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarRepuesto-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.editarRepuesto-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarRepuesto-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarRepuesto-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarRepuesto-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarRepuesto-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarRepuesto-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarRepuesto-button-icon{font-size:12px}.editarRepuesto-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarRepuesto-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.editarRepuesto-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.editarRepuesto-modal-container{background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:0;width:90%;max-width:500px;max-height:90vh;overflow:hidden;border:1px solid #e2e8f0}.editarRepuesto-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.editarRepuesto-modal-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:10px}.editarRepuesto-modal-title-icon{color:#2563eb;font-size:18px}.editarRepuesto-modal-close-button{background-color:#e2e8f0;border:none;cursor:pointer;font-size:16px;color:#6b7280;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.editarRepuesto-modal-close-button:hover{background-color:#cbd5e1;color:#1a202c}.editarRepuesto-modal-body{padding:24px;max-height:calc(90vh - 120px);overflow-y:auto}.editarRepuesto-modal-search-container{margin-bottom:20px}.editarRepuesto-modal-search-input-wrapper{position:relative}.editarRepuesto-modal-search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff;transition:all .2s ease;font-family:inherit}.editarRepuesto-modal-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.editarRepuesto-modal-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px}.editarRepuesto-modal-list-container{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff}.editarRepuesto-modal-list-item{padding:16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.editarRepuesto-modal-list-item:last-child{border-bottom:none}.editarRepuesto-modal-list-item:hover{background-color:#eff6ff}.editarRepuesto-modal-list-item-selected{background-color:#dbeafe;border-left:4px solid #2563eb}.editarRepuesto-modal-list-item-text{font-weight:500;color:#1a202c}.editarRepuesto-modal-list-item-check{color:#2563eb;opacity:0;transition:opacity .2s ease}.editarRepuesto-modal-list-item-selected .editarRepuesto-modal-list-item-check{opacity:1}.editarRepuesto-modal-no-results{padding:32px;text-align:center;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:8px}.editarRepuesto-modal-no-results-icon{font-size:24px;color:#94a3b8}.editarRepuesto-modal-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.editarRepuesto-modal-pagination-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.editarRepuesto-modal-pagination-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.editarRepuesto-modal-pagination-button:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;transform:none;box-shadow:none}.editarRepuesto-modal-pagination-info{font-size:14px;color:#1a202c;font-weight:500}.editarRepuesto-modal-pagination-icon{font-size:12px}.editarRepuesto-modal-pagination-icon-right{transform:rotate(180deg)}@media (max-width: 768px){.editarRepuesto-container{padding:16px}.editarRepuesto-header{flex-direction:column;gap:16px;align-items:stretch}.editarRepuesto-header-left{flex-direction:column;gap:12px}.editarRepuesto-form-grid{grid-template-columns:1fr;gap:16px}.editarRepuesto-form-actions{flex-direction:column;gap:12px}.editarRepuesto-cancel-button,.editarRepuesto-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.editarRepuesto-page-title{font-size:24px}.editarRepuesto-form-section,.editarRepuesto-form-actions{padding:16px}}.detalleRepuesto-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleRepuesto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleRepuesto-header-left{display:flex;align-items:flex-start;gap:20px}.detalleRepuesto-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleRepuesto-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleRepuesto-title-section{display:flex;flex-direction:column;gap:4px}.detalleRepuesto-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleRepuesto-title-icon{color:#2563eb;font-size:24px}.detalleRepuesto-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleRepuesto-header-actions{display:flex;gap:12px}.detalleRepuesto-btn-edit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb4d}.detalleRepuesto-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.detalleRepuesto-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:24px;overflow:hidden}.detalleRepuesto-section-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.detalleRepuesto-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleRepuesto-section-icon{color:#2563eb;font-size:16px}.detalleRepuesto-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.detalleRepuesto-info-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0;transition:all .2s ease}.detalleRepuesto-info-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detalleRepuesto-info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;flex-shrink:0;font-size:18px}.detalleRepuesto-info-content{display:flex;flex-direction:column;gap:4px;flex:1}.detalleRepuesto-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detalleRepuesto-info-value{font-size:16px;color:#1a202c;font-weight:600;word-break:break-word}.detalleRepuesto-categoria-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-radius:20px;font-size:14px;font-weight:600;border:1px solid #bfdbfe}.detalleRepuesto-quantity-display{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;padding:8px 16px;border-radius:20px;font-weight:600;display:inline-block;border:1px solid #bfdbfe}.detalleRepuesto-price-compra-display{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:8px 16px;border-radius:20px;font-weight:600;display:inline-block;border:1px solid #fbbf24}.detalleRepuesto-price-display{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;padding:8px 16px;border-radius:20px;font-weight:600;display:inline-block;border:1px solid #86efac}.detalleRepuesto-margin-display{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;padding:8px 16px;border-radius:20px;font-weight:600;display:inline-block;border:1px solid #86efac}.detalleRepuesto-total-display{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:8px 16px;border-radius:20px;font-weight:600;display:inline-block;border:1px solid #fbbf24}.detalleRepuesto-estado{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px}.detalleRepuesto-estado.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.detalleRepuesto-estado.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.detalleRepuesto-loading,.detalleRepuesto-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleRepuesto-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleRepuesto-error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.detalleRepuesto-error h2{font-size:24px;color:#1a202c;margin:0 0 8px}.detalleRepuesto-error p{color:#6b7280;margin:0 0 24px;font-size:16px}@media (max-width: 768px){.detalleRepuesto-container{padding:16px}.detalleRepuesto-header{flex-direction:column;gap:16px;align-items:stretch}.detalleRepuesto-header-left{flex-direction:column;gap:12px}.detalleRepuesto-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.detalleRepuesto-info-card{padding:16px}.detalleRepuesto-info-icon{width:40px;height:40px;font-size:16px}}@media (max-width: 480px){.detalleRepuesto-page-title{font-size:24px}.detalleRepuesto-header,.detalleRepuesto-section-header{padding:16px}}.listarProveedor-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarProveedor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarProveedor-title-section{display:flex;flex-direction:column;gap:4px}.listarProveedor-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarProveedor-title-icon{color:#2563eb;font-size:24px}.listarProveedor-subtitle{color:#6b7280;font-size:16px;margin:0}.listarProveedor-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarProveedor-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarProveedor-button-icon{font-size:12px}.listarProveedor-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarProveedor-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarProveedor-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarProveedor-search-container{position:relative;display:flex;align-items:center}.listarProveedor-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarProveedor-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarProveedor-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarProveedor-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarProveedor-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarProveedor-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarProveedor-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarProveedor-sort-icon{font-size:16px;transition:all .3s ease}.listarProveedor-sort-button:hover .listarProveedor-sort-icon{color:#fff}.listarProveedor-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden;width:100%;max-width:100%}.listarProveedor-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.listarProveedor-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarProveedor-table tr:hover{background-color:#f8fafc}.listarProveedor-table tr:last-child td{border-bottom:none}.listarProveedor-proveedor-info{display:flex;flex-direction:column;gap:2px}.listarProveedor-proveedor-name{font-weight:600;color:#1a202c}.listarProveedor-estado-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600}.listarProveedor-estado-toggle.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.listarProveedor-estado-toggle.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.listarProveedor-estado-toggle:hover{transform:scale(1.05)}.listarProveedor-toggle-icon{font-size:14px}.listarProveedor-estado-text{font-size:11px}.listarProveedor-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarProveedor-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarProveedor-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarProveedor-action-button.edit{background-color:#3b82f6;color:#fff}.listarProveedor-action-button.delete{background-color:#ef4444;color:#fff}.listarProveedor-action-button.detail{background-color:#10b981;color:#fff}.listarProveedor-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarProveedor-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarProveedor-no-results p{margin:0;font-size:16px}.listarProveedor-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarProveedor-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarProveedor-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarProveedor-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarProveedor-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarProveedor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarProveedor-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarProveedor-container{padding:16px}.listarProveedor-header{flex-direction:column;gap:16px;align-items:stretch}.listarProveedor-filters-container{flex-direction:column;gap:15px}.listarProveedor-filter-item{min-width:auto}.listarProveedor-table-container{overflow-x:auto}.listarProveedor-table{min-width:800px}.listarProveedor-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarProveedor-page-title{font-size:24px}.listarProveedor-header,.listarProveedor-filters-container{padding:16px}}.listarProveedor-expand-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;color:#6b7280;display:flex;align-items:center;justify-content:center}.listarProveedor-expand-button:hover{background-color:#f3f4f6;color:#2563eb}.listarProveedor-expanded-row,.listarProveedor-expanded-row:hover{background-color:#f8fafc!important}.listarProveedor-expanded-content{padding:16px 24px;border-top:1px solid #e2e8f0;max-width:100%;overflow:hidden}.listarProveedor-expanded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:100%}.listarProveedor-expanded-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0;min-width:0;max-width:100%;overflow:hidden}.listarProveedor-expanded-icon{color:#2563eb;font-size:16px;flex-shrink:0;margin-top:2px}.listarProveedor-expanded-item>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;overflow:hidden}.listarProveedor-expanded-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.listarProveedor-expanded-value{font-size:14px;color:#1a202c;font-weight:600;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;max-width:100%}@media (max-width: 1024px){.listarProveedor-expanded-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}}@media (max-width: 768px){.listarProveedor-expanded-grid{grid-template-columns:1fr;gap:12px}.listarProveedor-expanded-content{padding:12px 16px}.listarProveedor-expanded-item{padding:10px}.listarProveedor-expanded-value{font-size:13px}}@media (max-width: 480px){.listarProveedor-expanded-grid{gap:8px}.listarProveedor-expanded-content{padding:8px 12px}.listarProveedor-expanded-item{padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.listarProveedor-expanded-icon{align-self:flex-start}.listarProveedor-expanded-item>div{width:100%}}.listarProveedor-table th:nth-child(1){width:80px}.listarProveedor-table th:nth-child(2){width:20%}.listarProveedor-table th:nth-child(3){width:25%}.listarProveedor-table th:nth-child(4){width:15%}.listarProveedor-table th:nth-child(5){width:15%}.listarProveedor-table th:nth-child(6){width:25%}.listarProveedor-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.editarProveedor-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarProveedor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.editarProveedor-header-left{display:flex;align-items:flex-start;gap:20px}.editarProveedor-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.editarProveedor-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarProveedor-title-section{display:flex;flex-direction:column;gap:4px}.editarProveedor-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.editarProveedor-title-icon{color:#2563eb;font-size:24px}.editarProveedor-subtitle{color:#6b7280;font-size:16px;margin:0}.editarProveedor-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarProveedor-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.editarProveedor-form-section:last-child{border-bottom:none}.editarProveedor-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.editarProveedor-section-icon{color:#2563eb;font-size:16px}.editarProveedor-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarProveedor-form-group{display:flex;flex-direction:column;gap:8px}.editarProveedor-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.editarProveedor-label-icon{color:#6b7280;font-size:12px}.editarProveedor-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.editarProveedor-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarProveedor-form-input.error{border-color:#ef4444;background-color:#fef2f2}.editarProveedor-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarProveedor-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarProveedor-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.editarProveedor-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarProveedor-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarProveedor-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarProveedor-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarProveedor-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarProveedor-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarProveedor-button-icon{font-size:12px}.editarProveedor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarProveedor-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.editarProveedor-container{padding:16px}.editarProveedor-header{flex-direction:column;gap:16px;align-items:stretch}.editarProveedor-header-left{flex-direction:column;gap:12px}.editarProveedor-form-grid{grid-template-columns:1fr;gap:16px}.editarProveedor-form-actions{flex-direction:column;gap:12px}.editarProveedor-cancel-button,.editarProveedor-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.editarProveedor-page-title{font-size:24px}.editarProveedor-form-section,.editarProveedor-form-actions{padding:16px}}.detalleProveedor-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleProveedor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleProveedor-header-left{display:flex;align-items:flex-start;gap:20px}.detalleProveedor-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleProveedor-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleProveedor-title-section{display:flex;flex-direction:column;gap:4px}.detalleProveedor-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleProveedor-title-icon{color:#2563eb;font-size:24px}.detalleProveedor-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleProveedor-header-actions{display:flex;gap:12px}.detalleProveedor-btn-edit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb4d}.detalleProveedor-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.detalleProveedor-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:24px;overflow:hidden}.detalleProveedor-section-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.detalleProveedor-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleProveedor-section-icon{color:#2563eb;font-size:16px}.detalleProveedor-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.detalleProveedor-info-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0;transition:all .2s ease}.detalleProveedor-info-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detalleProveedor-info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;flex-shrink:0;font-size:18px}.detalleProveedor-info-content{display:flex;flex-direction:column;gap:4px;flex:1}.detalleProveedor-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detalleProveedor-info-value{font-size:16px;color:#1a202c;font-weight:600;word-break:break-word}.detalleProveedor-estado{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px}.detalleProveedor-estado.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.detalleProveedor-estado.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.detalleProveedor-loading,.detalleProveedor-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleProveedor-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleProveedor-error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.detalleProveedor-error h2{font-size:24px;color:#1a202c;margin:0 0 8px}.detalleProveedor-error p{color:#6b7280;margin:0 0 24px;font-size:16px}@media (max-width: 768px){.detalleProveedor-container{padding:16px}.detalleProveedor-header{flex-direction:column;gap:16px;align-items:stretch}.detalleProveedor-header-left{flex-direction:column;gap:12px}.detalleProveedor-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.detalleProveedor-info-card{padding:16px}.detalleProveedor-info-icon{width:40px;height:40px;font-size:16px}}@media (max-width: 480px){.detalleProveedor-page-title{font-size:24px}.detalleProveedor-header,.detalleProveedor-section-header{padding:16px}}.crearProveedor-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearProveedor-header{margin-bottom:30px}.crearProveedor-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearProveedor-title-icon{color:#2563eb;font-size:24px}.crearProveedor-subtitle{color:#6b7280;font-size:16px;margin:0}.crearProveedor-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearProveedor-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearProveedor-form-section:last-child{border-bottom:none}.crearProveedor-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearProveedor-section-icon{color:#2563eb;font-size:16px}.crearProveedor-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearProveedor-form-group{display:flex;flex-direction:column;gap:8px}.crearProveedor-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearProveedor-label-icon{color:#6b7280;font-size:12px}.crearProveedor-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearProveedor-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearProveedor-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearProveedor-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearProveedor-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearProveedor-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearProveedor-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearProveedor-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearProveedor-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearProveedor-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearProveedor-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearProveedor-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearProveedor-button-icon{font-size:12px}@media (max-width: 768px){.crearProveedor-container{padding:16px}.crearProveedor-form-grid{grid-template-columns:1fr;gap:16px}.crearProveedor-form-actions{flex-direction:column;gap:12px}.crearProveedor-cancel-button,.crearProveedor-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.crearProveedor-page-title{font-size:24px}.crearProveedor-form-section,.crearProveedor-form-actions{padding:16px}}.listarCompra-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarCompra-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarCompra-title-section{display:flex;flex-direction:column;gap:4px}.listarCompra-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarCompra-title-icon{color:#2563eb;font-size:24px}.listarCompra-subtitle{color:#6b7280;font-size:16px;margin:0}.listarCompra-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarCompra-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarCompra-button-icon{font-size:12px}.listarCompra-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarCompra-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarCompra-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarCompra-search-container{position:relative;display:flex;align-items:center}.listarCompra-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarCompra-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarCompra-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarCompra-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarCompra-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarCompra-proveedor-filter-container{position:relative;display:flex;align-items:center}.listarCompra-proveedor-filter-input{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;cursor:pointer}.listarCompra-proveedor-filter-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarCompra-clear-proveedor-button{position:absolute;right:8px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.listarCompra-clear-proveedor-button:hover{background-color:#f3f4f6;color:#1a202c}.listarCompra-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.listarCompra-table{width:100%;border-collapse:collapse;font-size:14px}.listarCompra-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarCompra-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c}.listarCompra-table tr:hover{background-color:#f8fafc}.listarCompra-table tr:last-child td{border-bottom:none}.listarCompra-estado{background-color:#dcfce7;color:#166534;border:1px solid #86efac;display:inline-block;padding:4px 12px;border-radius:20px;font-weight:600;font-size:12px}.estado-completado{background-color:#fcf9dc;color:#166534;border:1px solid #86efac}.listarCompra-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarCompra-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarCompra-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarCompra-action-button.confirmar{background-color:#10b981;color:#fff}.listarCompra-action-button.anular{background-color:#ef4444;color:#fff}.listarCompra-action-button.detail{background-color:#3b82f6;color:#fff}.listarCompra-action-button.pdf{background-color:#f97316;color:#fff}.listarCompra-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarCompra-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarCompra-no-results p{margin:0;font-size:16px}.listarCompra-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarCompra-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarCompra-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarCompra-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarCompra-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarCompra-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarCompra-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.listarCompra-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.listarCompra-proveedor-modal{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:60%;max-width:80%;height:auto;border:1px solid #e5e7eb;font-family:Montserrat,sans-serif;margin:20px;padding-bottom:20px}.listarCompra-proveedor-modal-header{display:flex;border-radius:8px;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;text-align:center}.listarCompra-proveedor-modal-header h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;font-weight:600;margin:0;color:#1a202c;width:100%}.listarCompra-modal-header-icon{color:#2563eb;font-size:18px}.listarCompra-proveedor-close-button{background-color:#f3f4f6;border:none;cursor:pointer;font-size:16px;color:#6b7280;padding:10px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;right:24px}.listarCompra-proveedor-close-button:hover{background-color:#e5e7eb;color:#1a202c;transform:scale(1.05)}.listarCompra-proveedor-modal-content{padding:24px}.listarCompra-proveedor-search-container{margin-bottom:24px;display:flex;justify-content:center}.listarCompra-proveedor-search-wrapper{position:relative;width:70%}.listarCompra-proveedor-search-input{width:90%;padding:14px 16px 14px 48px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarCompra-proveedor-search-input:focus{outline:none;border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}.listarCompra-proveedor-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:16px}.listarCompra-proveedor-list{border:2px solid #e2e8f0;border-radius:12px;background-color:#fff;width:70%;margin:0 auto}.listarCompra-proveedor-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 20px;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:14px}.listarCompra-proveedor-table th:first-child{border-top-left-radius:10px}.listarCompra-proveedor-table th:last-child{border-top-right-radius:10px}.listarCompra-proveedor-row{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.listarCompra-proveedor-row:hover{background-color:#f8fafc}.listarCompra-proveedor-row:last-child{border-bottom:none}.listarCompra-proveedor-row td{padding:16px 20px;color:#1a202c;font-size:14px;text-align:center}.listarCompra-proveedor-select-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;margin:0 auto}.listarCompra-proveedor-select-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarCompra-proveedor-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding-top:20px;border-top:2px solid #f1f5f9}.listarCompra-proveedor-pagination-button{padding:12px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarCompra-proveedor-pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarCompra-proveedor-pagination-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#6b7280;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a;opacity:.6}.listarCompra-proveedor-page-info{color:#4b5563;font-size:14px;font-weight:500;padding:8px 16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.listarCompra-proveedor-total-info{color:#6b7280;font-size:12px;font-weight:400}.listarCompra-proveedor-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarCompra-proveedor-no-results-icon{font-size:48px;margin-bottom:16px;color:#d1d5db}.listarCompra-proveedor-no-results p{font-size:16px;margin:0;color:#6b7280}@media (max-width: 768px){.listarCompra-container{padding:16px}.listarCompra-header{flex-direction:column;gap:16px;align-items:stretch}.listarCompra-filters-container{flex-direction:column;gap:15px}.listarCompra-filter-item{min-width:auto}.listarCompra-table-container{overflow-x:auto}.listarCompra-table{min-width:800px}.listarCompra-pagination{flex-wrap:wrap}.listarCompra-proveedor-modal{margin:10px;width:95%}.listarCompra-proveedor-modal-content{padding:16px}.listarCompra-proveedor-search-wrapper{width:90%}.listarCompra-proveedor-list{width:100%}.listarCompra-proveedor-table{font-size:12px}.listarCompra-proveedor-table th,.listarCompra-proveedor-row td{padding:12px 8px}.listarCompra-proveedor-pagination{flex-direction:column;gap:12px}.listarCompra-proveedor-pagination-button{width:100%;justify-content:center}}@media (max-width: 480px){.listarCompra-page-title{font-size:24px}.listarCompra-header,.listarCompra-filters-container,.listarCompra-proveedor-modal-header{padding:16px}.listarCompra-proveedor-modal-header h2{font-size:18px}.listarCompra-proveedor-search-wrapper{width:95%}}.crearCompra-container{padding:25px;margin-bottom:100px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearCompra-header{margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.crearCompra-title-section{display:flex;flex-direction:column;gap:4px}.crearCompra-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin:0}.crearCompra-title-icon{color:#2563eb;font-size:24px}.crearCompra-subtitle{color:#6b7280;font-size:16px;margin:0}.crearCompra-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearCompra-form-section{padding-left:24px;padding-right:24px;padding-bottom:24px;height:93.5%}.crearCompra-form-section:last-child{border-bottom:none}.crearCompra-section-title{font-size:18px;font-weight:600;color:#1a202c;display:flex;align-items:center;gap:8px}.crearCompra-section-icon{color:#2563eb;font-size:16px}.crearCompra-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearCompra-form-group{display:flex;flex-direction:column;gap:8px}.crearCompra-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearCompra-label-icon{color:#6b7280;font-size:12px}.crearCompra-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearCompra-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearCompra-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearCompra-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearCompra-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearCompra-error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px}.crearCompra-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearCompra-create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearCompra-create-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearCompra-button-icon{font-size:12px}.crearCompra-search-container{position:relative;display:flex;align-items:center;margin-bottom:16px}.crearCompra-search-input{width:100%;padding:12px 16px 12px 36px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.crearCompra-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearCompra-loading-products{display:flex;align-items:center;justify-content:center;padding:40px;color:#6b7280;font-size:16px;gap:8px}.crearCompra-search-placeholder{display:flex;height:48%;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px}.crearCompra-search-placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.5}.crearCompra-search-placeholder p{margin:0;font-size:16px;font-style:italic}.crearCompra-product-list{max-height:600px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:12px;background-color:#f8fafc}.crearCompra-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.crearCompra-no-results p{margin:0;font-size:16px}.crearCompra-search-products-container{display:flex;flex-direction:column;gap:12px}.crearCompra-search-product-card-compact{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.crearCompra-search-product-card-compact:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.crearCompra-search-product-header-compact{margin-bottom:8px}.crearCompra-search-product-info-compact{display:flex;flex-direction:column;gap:4px}.crearCompra-search-product-name-compact{font-size:14px;font-weight:600;color:#1a202c;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crearCompra-search-product-details-compact{display:flex;justify-content:space-between;align-items:center;gap:8px}.crearCompra-search-product-price-compact{font-size:12px;color:#2563eb;font-weight:600}.crearCompra-search-product-stock-compact{font-size:11px;color:#6b7280}.crearCompra-search-product-description-compact{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crearCompra-search-product-inputs-row{display:grid;grid-template-columns:1fr 1fr .7fr 1fr .8fr;gap:8px;align-items:end}.crearCompra-search-input-compact{display:flex;flex-direction:column;gap:2px}.crearCompra-search-input-compact label{font-size:10px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.crearCompra-search-input-field-compact{width:100%;padding:6px 8px;font-size:12px;border:2px solid #e2e8f0;border-radius:6px;background-color:#fff;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearCompra-search-input-field-compact:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.crearCompra-search-input-field-compact.crearCompra-search-readonly{background-color:#f3f4f6;color:#374151;cursor:default}.crearCompra-search-error-hint{color:#ef4444;font-size:9px;margin-top:2px;line-height:1.2}.crearCompra-search-add-button-container{display:flex;align-items:center;justify-content:center}.crearCompra-search-add-button-compact{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:100px;height:30px}.crearCompra-search-add-button-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.crearCompra-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;margin-top:16px;border-top:2px solid #f1f5f9;background-color:#fff;border-radius:8px}.crearCompra-pagination-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px}.crearCompra-pagination-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.crearCompra-pagination-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearCompra-page-info{font-size:14px;color:#374151;font-weight:500;text-align:center}.crearCompra-products-header h4{font-size:16px;font-weight:600;color:#1a202c;margin:0}.crearCompra-product-cards{display:flex;flex-direction:column;gap:12px}.crearCompra-product-card-selected{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.crearCompra-product-card-selected:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.crearCompra-product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.crearCompra-product-card-header .crearCompra-product-name{font-size:16px;font-weight:600;color:#1a202c;margin:0}.crearCompra-remove-button{background-color:#ef4444;color:#fff;border:none;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px}.crearCompra-remove-button:hover{background-color:#dc2626;transform:scale(1.05)}.crearCompra-product-card-details{margin-top:12px}.crearCompra-product-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.crearCompra-info-item{display:flex;flex-direction:column;gap:4px}.crearCompra-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.crearCompra-editable-field{display:flex;align-items:center}.crearCompra-inline-input{width:100%;padding:8px 12px;font-size:14px;border:2px solid #e2e8f0;border-radius:6px;background-color:#fff;transition:all .2s ease;font-family:inherit}.crearCompra-inline-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearCompra-subtotal{font-size:16px;color:#2563eb;font-weight:700}.crearCompra-total-section{margin-top:24px;display:flex;justify-content:flex-end}.crearCompra-total-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:12px}.crearCompra-total-label{font-size:16px;color:#1e40af;font-weight:600}.crearCompra-total-amount{font-size:20px;font-weight:700;color:#1e40af}.crearCompra-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px 12px}.crearCompra-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearCompra-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearCompra-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearCompra-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearCompra-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearCompra-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearCompra-supplier-search-input{width:100%;padding:12px 16px 12px 36px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.crearCompra-supplier-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearCompra-proveedor-row{flex-direction:column;gap:8px}.crearCompra-proveedor-input-btn{display:flex;align-items:center;gap:12px}.crearCompra-proveedor-input-btn .crearCompra-form-input{flex:1;min-width:0}.crearCompra-nuevo-proveedor-btn{min-width:48px;height:48px;padding:0 16px;display:flex;align-items:center;justify-content:center;font-size:14px;gap:6px}.crearCompra-two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.crearCompra-left-column,.crearCompra-right-column{min-height:400px}.crearCompra-left-column .crearCompra-form-section,.crearCompra-right-column .crearCompra-form-section{margin:0;border:2px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 12px #00000014}.crearCompra-form-section-h4{padding-top:24px}.crearCompra-product-inputs-row{display:grid;grid-template-columns:1fr 1fr .7fr 1fr 1fr;gap:8px;align-items:end}.crearCompra-subtotal-compact{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#2563eb;text-align:center}.crearCompra-total-card-compact{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:8px;padding:8px 12px;margin-top:23px;margin-bottom:23px;margin-right:40px;display:flex;align-items:center;align-content:center;gap:8px}@media (max-width: 1200px){.crearCompra-two-column-layout{grid-template-columns:1fr;gap:16px}.crearCompra-left-column,.crearCompra-right-column{min-height:auto}}@media (max-width: 768px){.crearCompra-container{padding:16px}.crearCompra-form-grid{grid-template-columns:1fr}.crearCompra-product-info-grid{grid-template-columns:1fr 1fr}.crearCompra-form-actions{flex-direction:column;gap:12px}.crearCompra-cancel-button,.crearCompra-submit-button{width:100%;justify-content:center}.crearCompra-pagination{flex-direction:column;gap:12px}.crearCompra-page-info{order:-1}.crearCompra-product-inputs-row{grid-template-columns:1fr 1fr;gap:6px}.crearCompra-input-compact:nth-child(3){grid-column:1}.crearCompra-input-compact:nth-child(4){grid-column:2}.crearCompra-subtotal-compact{grid-column:1 / -1;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.crearCompra-search-product-inputs-row{grid-template-columns:1fr 1fr;gap:6px}.crearCompra-search-input-compact:nth-child(3){grid-column:1}.crearCompra-search-input-compact:nth-child(4){grid-column:2}.crearCompra-search-add-button-container{grid-column:1 / -1;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}}@media (max-width: 480px){.crearCompra-page-title{font-size:24px}.crearCompra-header,.crearCompra-form-section,.crearCompra-form-actions{padding:16px}.crearCompra-product-info-grid{grid-template-columns:1fr}.crearCompra-product-inputs-row{grid-template-columns:1fr;gap:8px}.crearCompra-input-compact:nth-child(3),.crearCompra-input-compact:nth-child(4){grid-column:1}.crearCompra-search-product-inputs-row{grid-template-columns:1fr;gap:8px}.crearCompra-search-input-compact:nth-child(3),.crearCompra-search-input-compact:nth-child(4){grid-column:1}}.crearCompra-cart-main-section{background:#fff;margin-bottom:104px;overflow:hidden}.crearCompra-cart-header{padding:24px}.crearCompra-cart-title-clickable{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;padding:16px 20px;border-radius:12px;margin:0;font-size:24px;font-weight:600;color:#1a202c;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.crearCompra-cart-title-clickable:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb26}.crearCompra-cart-icon{color:#2563eb;font-size:20px;transition:all .3s ease}.crearCompra-cart-title-clickable:hover .crearCompra-cart-icon{transform:scale(1.15) rotate(5deg);color:#1d4ed8}.crearCompra-cart-content{margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.crearCompra-search-section{min-height:500px}.crearCompra-search-section .crearCompra-form-section{margin:0;border:2px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 12px #00000014}.crearCompra-selected-products-section{min-height:400px}.crearCompra-selected-products-section .crearCompra-form-section{margin:0;border:2px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 12px #00000014;height:93.5%}@media (max-width: 1200px){.crearCompra-cart-content{grid-template-columns:1fr;gap:16px}.crearCompra-search-section,.crearCompra-selected-products-section{min-height:auto}}@media (max-width: 768px){.crearCompra-cart-header,.crearCompra-cart-content{padding:16px}.crearCompra-cart-title-clickable{font-size:20px;padding:12px 16px}.crearCompra-cart-icon{font-size:18px}}@media (max-width: 480px){.crearCompra-cart-title-clickable{font-size:18px;padding:10px 14px}.crearCompra-empty-cart{padding:40px 20px;min-height:200px}.crearCompra-empty-cart-icon{font-size:36px}}.detalleCompra-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleCompra-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleCompra-header-left{display:flex;align-items:flex-start;gap:20px}.detalleCompra-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleCompra-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleCompra-title-section{display:flex;flex-direction:column;gap:4px}.detalleCompra-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleCompra-title-icon{color:#2563eb;font-size:24px}.detalleCompra-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleCompra-header-actions{display:flex;gap:12px}.detalleCompra-btn-pdf{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #f973164d}.detalleCompra-btn-pdf:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.detalleCompra-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:24px;overflow:hidden}.detalleCompra-section-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.detalleCompra-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleCompra-section-icon{color:#2563eb;font-size:16px}.detalleCompra-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.detalleCompra-info-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0;transition:all .2s ease}.detalleCompra-info-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detalleCompra-info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;flex-shrink:0;font-size:18px}.detalleCompra-info-content{display:flex;flex-direction:column;gap:4px;flex:1}.detalleCompra-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detalleCompra-info-value{font-size:16px;color:#1a202c;font-weight:600;word-break:break-word}.detalleCompra-total{color:#2563eb;font-size:18px;font-weight:700}.detalleCompra-estado{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px}.detalleCompra-proveedor-card{padding:24px}.detalleCompra-proveedor-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:20px}.detalleCompra-proveedor-name{font-size:20px;font-weight:600;color:#1a202c;margin:0 0 16px}.detalleCompra-proveedor-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.detalleCompra-proveedor-detail{display:flex;flex-direction:column;gap:4px}.detalleCompra-proveedor-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detalleCompra-proveedor-value{font-size:14px;color:#1a202c;font-weight:600}.detalleCompra-productos{padding:24px}.detalleCompra-productos-table{background:#fff;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0}.detalleCompra-table-header{display:grid;grid-template-columns:60px 1fr 120px 150px 150px 150px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;font-size:14px}.detalleCompra-table-row{display:grid;grid-template-columns:60px 1fr 120px 150px 150px 150px;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.detalleCompra-table-row:hover{background-color:#f8fafc}.detalleCompra-table-row:last-child{border-bottom:none}.detalleCompra-table-cell{padding:16px 12px;display:flex;align-items:center;font-size:14px}.detalleCompra-table-number{justify-content:center;font-weight:600;color:#6b7280}.detalleCompra-producto-info{flex-direction:column;align-items:flex-start;gap:4px}.detalleCompra-producto-name{font-weight:600;color:#1a202c}.detalleCompra-producto-desc{font-size:12px;color:#6b7280}.detalleCompra-cantidad{justify-content:center;font-weight:600;color:#2563eb}.detalleCompra-precio,.detalleCompra-subtotal{justify-content:flex-end;font-weight:600;color:#1a202c}.detalleCompra-subtotal{color:#2563eb}.detalleCompra-total-section{margin-top:20px;display:flex;justify-content:flex-end}.detalleCompra-total-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px}.detalleCompra-total-label{font-size:16px;color:#1e40af;font-weight:600}.detalleCompra-total-amount{font-size:24px;font-weight:700;color:#1e40af}.detalleCompra-no-productos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.detalleCompra-no-productos svg{margin-bottom:16px;opacity:.5}.detalleCompra-loading,.detalleCompra-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleCompra-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleCompra-error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.detalleCompra-error h2{font-size:24px;color:#1a202c;margin:0 0 8px}.detalleCompra-error p{color:#6b7280;margin:0 0 24px;font-size:16px}@media (max-width: 768px){.detalleCompra-container{padding:16px}.detalleCompra-header{flex-direction:column;gap:16px;align-items:stretch}.detalleCompra-header-left{flex-direction:column;gap:12px}.detalleCompra-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.detalleCompra-info-card{padding:16px}.detalleCompra-info-icon{width:40px;height:40px;font-size:16px}.detalleCompra-table-header,.detalleCompra-table-row{grid-template-columns:1fr;gap:8px}.detalleCompra-table-cell{padding:8px 12px;border-bottom:1px solid #f1f5f9}.detalleCompra-table-cell:before{content:attr(data-label);font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detalleCompra-proveedor-details{grid-template-columns:1fr}}@media (max-width: 480px){.detalleCompra-page-title{font-size:24px}.detalleCompra-header,.detalleCompra-section-header{padding:16px}}.listarVenta-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarVenta-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarVenta-title-section{display:flex;flex-direction:column;gap:4px}.listarVenta-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarVenta-title-icon{color:#2563eb;font-size:24px}.listarVenta-subtitle{color:#6b7280;font-size:16px;margin:0}.listarVenta-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarVenta-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarVenta-button-icon{font-size:12px}.listarVenta-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarVenta-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarVenta-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarVenta-search-container{position:relative;display:flex;align-items:center}.listarVenta-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarVenta-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarVenta-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarVenta-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarVenta-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarVenta-date-filters{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;margin-bottom:20px}.listarVenta-date-filter-group{display:flex;gap:20px;flex-wrap:wrap;align-items:end}.listarVenta-date-container{position:relative;display:flex;align-items:center}.listarVenta-date-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarVenta-date-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarVenta-date-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarVenta-filter-actions{display:flex;gap:10px;align-items:end}.listarVenta-filter-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d}.listarVenta-filter-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarVenta-clear-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d}.listarVenta-clear-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.listarVenta-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.listarVenta-table{width:100%;border-collapse:collapse;font-size:14px}.listarVenta-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarVenta-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c}.listarVenta-table tr:hover{background-color:#f8fafc}.listarVenta-table tr:last-child td{border-bottom:none}.listarVenta-cliente{display:flex;align-items:center;gap:8px}.listarVenta-cliente-icon{color:#6b7280}.listarVenta-total{font-weight:600;color:#2563eb}.listarVenta-estado{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:600;font-size:12px}.estado-Pagada{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.estado-cancelada{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.listarVenta-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarVenta-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarVenta-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarVenta-action-button.confirmar{background-color:#10b981;color:#fff}.listarVenta-action-button.anular{background-color:#ef4444;color:#fff}.listarVenta-action-button.detail{background-color:#3b82f6;color:#fff}.listarVenta-action-button.pdf{background-color:#f97316;color:#fff}.listarVenta-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarVenta-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarVenta-no-results p{margin:0;font-size:16px}.listarVenta-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarVenta-error-icon{color:#ef4444;margin-bottom:16px}.listarVenta-error h2{font-size:24px;color:#1a202c;margin:0 0 8px}.listarVenta-error p{color:#6b7280;margin:0 0 24px;font-size:16px}.listarVenta-retry-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d}.listarVenta-retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarVenta-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarVenta-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarVenta-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarVenta-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarVenta-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarVenta-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarVenta-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarVenta-container{padding:16px}.listarVenta-header{flex-direction:column;gap:16px;align-items:stretch}.listarVenta-filters-container,.listarVenta-date-filter-group{flex-direction:column;gap:15px}.listarVenta-filter-item{min-width:auto}.listarVenta-table-container{overflow-x:auto}.listarVenta-table{min-width:800px}.listarVenta-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarVenta-page-title{font-size:24px}.listarVenta-header,.listarVenta-filters-container,.listarVenta-date-filters{padding:16px}}.crearVenta-volver-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 28px;border-radius:16px;font-weight:600;font-size:18px;cursor:pointer;box-shadow:0 4px 12px #6b72801f;display:flex;align-items:center;gap:10px;margin-bottom:18px;margin-top:6px;transition:all .2s ease}.crearVenta-volver-btn:hover{background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 6px 20px #6b72802e}.crearVenta-container{padding:25px;margin-bottom:100px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearVenta-header{margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.crearVenta-title-section{display:flex;flex-direction:column;gap:4px}.crearVenta-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin:0}.crearVenta-title-icon{color:#2563eb;font-size:24px}.crearVenta-subtitle{color:#6b7280;font-size:16px;margin:0}.crearVenta-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearVenta-form-section{padding-left:24px;padding-right:24px;padding-bottom:24px;height:93.5%}.crearVenta-form-section:last-child{border-bottom:none}.crearVenta-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearVenta-section-icon{color:#2563eb;font-size:16px}.crearVenta-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearVenta-form-group{display:flex;flex-direction:column;gap:8px}.crearVenta-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearVenta-label-icon{color:#6b7280;font-size:12px}.crearVenta-form-input{width:100%;padding:12px 32px 12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearVenta-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearVenta-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearVenta-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearVenta-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearVenta-error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px}.crearVenta-error-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:12px;color:#ef4444;font-size:14px;margin-bottom:20px}.crearVenta-error-icon{font-size:16px;flex-shrink:0}.crearVenta-retry-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d}.crearVenta-retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearVenta-client-info{margin-top:8px;padding:12px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.crearVenta-client-info div{margin:4px 0;font-size:13px;color:#6b7280}.crearVenta-input-with-actions{position:relative;display:flex;align-items:center;justify-content:flex-end}.crearVenta-deselect-button{position:static;margin-left:8px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.crearVenta-deselect-button:hover{background-color:#f3f4f6;color:#374151}.crearVenta-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearVenta-create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearVenta-create-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearVenta-button-icon{font-size:12px}.crearVenta-search-container{position:relative;display:flex;align-items:center;margin-bottom:16px}.crearVenta-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.crearVenta-search-input{width:100%;padding:12px 16px 12px 36px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.crearVenta-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearVenta-loading-products{display:flex;align-items:center;justify-content:center;padding:40px;color:#6b7280;font-size:16px;gap:8px}.crearVenta-search-placeholder{display:flex;height:48%;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px}.crearVenta-search-placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.5}.crearVenta-search-placeholder p{margin:0;font-size:16px;font-style:italic}.crearVenta-product-list,.crearVenta-service-list{max-height:600px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:12px;background-color:#f8fafc}.crearVenta-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.crearVenta-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.crearVenta-no-results p{margin:0;font-size:16px}.crearVenta-search-products-container{display:flex;flex-direction:column;gap:12px}.crearVenta-card-compact{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;width:100%}.crearVenta-card-compact:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.crearVenta-card-header-compact{margin-bottom:8px}.crearVenta-card-info-compact{display:flex;flex-direction:column;gap:4px}.crearVenta-card-name-compact{font-size:14px;font-weight:600;color:#1a202c;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crearVenta-card-details-compact{display:flex;justify-content:space-between;align-items:center;gap:8px}.crearVenta-card-price-compact{font-size:12px;color:#2563eb;font-weight:600}.crearVenta-card-stock-compact{font-size:11px;color:#6b7280}.crearVenta-card-description-compact{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crearVenta-card-inputs-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;align-items:end;width:100%}.crearVenta-input-compact{display:flex;flex-direction:column;gap:2px}.crearVenta-input-compact label{font-size:10px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.crearVenta-input-field-compact{width:100%;padding:6px 8px;font-size:12px;border:2px solid #e2e8f0;border-radius:6px;background-color:#fff;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearVenta-input-field-compact:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.crearVenta-input-field-compact.crearVenta-readonly{background-color:#f3f4f6;color:#374151;cursor:default}.crearVenta-error-hint{color:#ef4444;font-size:9px;margin-top:2px;line-height:1.2}.crearVenta-add-button-container{width:100%;max-width:unset;align-items:center;justify-content:center}.crearVenta-add-button-compact{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:94%;margin-right:20px;height:30px}.crearVenta-add-button-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.crearVenta-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;margin-top:16px;border-top:2px solid #f1f5f9;background-color:#fff;border-radius:8px}.crearVenta-pagination-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px}.crearVenta-pagination-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.crearVenta-pagination-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearVenta-page-info{font-size:14px;color:#374151;font-weight:500;text-align:center}.crearVenta-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;margin-top:20px}.crearVenta-items-header h4{font-size:16px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.crearVenta-items-count{background-color:#eff6ff;color:#2563eb;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.crearVenta-item-cards{display:flex;flex-direction:column;gap:8px}.crearVenta-item-card-selected{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.crearVenta-item-card-selected:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.crearVenta-item-card-selected.service{background:linear-gradient(135deg,#fef7ff,#faf5ff);border-color:#e9d5ff}.crearVenta-item-card-selected.service:hover{border-color:#d8b4fe}.crearVenta-item-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.crearVenta-item-name{font-size:16px;font-weight:600;color:#1a202c;margin:0}.crearVenta-item-actions{display:flex;gap:8px}.crearVenta-remove-button{background-color:#ef4444;color:#fff;border:none;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px}.crearVenta-remove-button:hover{background-color:#dc2626;transform:scale(1.05)}.crearVenta-item-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crearVenta-info-item{display:flex;flex-direction:column;gap:4px}.crearVenta-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.crearVenta-info-value{font-size:14px;color:#1a202c;font-weight:600}.crearVenta-editable-field{display:flex;align-items:center}.crearVenta-inline-input{width:100%;padding:8px 12px;font-size:14px;border:2px solid #e2e8f0;border-radius:6px;background-color:#fff;transition:all .2s ease;font-family:inherit}.crearVenta-inline-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearVenta-inline-input.crearVenta-readonly{background-color:#f3f4f6;color:#374151;cursor:default}.crearVenta-subtotal-item{display:flex;justify-content:flex-start;align-items:center;gap:8px}.crearVenta-subtotal-item .crearVenta-info-label{margin-bottom:0}.crearVenta-subtotal{font-size:16px;color:#2563eb;font-weight:700;text-align:right}.text-gray-600{color:#6b7280}.crearVenta-total-section{margin-top:24px;display:flex;justify-content:flex-end}.crearVenta-total-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:12px}.crearVenta-total-label{font-size:16px;color:#1e40af;font-weight:600}.crearVenta-total-amount{font-size:20px;font-weight:700;color:#1e40af}.crearVenta-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;padding-bottom:24px}.crearVenta-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearVenta-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearVenta-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearVenta-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearVenta-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearVenta-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearVenta-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crearVenta-modal{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;padding:0;width:90%;max-width:800px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.crearVenta-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.crearVenta-modal-header h2{font-size:20px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.crearVenta-modal-icon{color:#2563eb;font-size:18px}.crearVenta-close-modal-button{background-color:#f3f4f6;border:none;cursor:pointer;font-size:18px;color:#6b7280;padding:8px;border-radius:8px;transition:all .2s ease}.crearVenta-close-modal-button:hover{background-color:#e5e7eb;color:#374151}.crearVenta-modal-content{display:flex;flex-direction:column;gap:18px;padding:24px;flex:1;overflow:hidden;min-height:0}.crearCompra-supplier-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crearCompra-supplier-modal{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;padding:0;width:90%;max-width:900px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.crearCompra-supplier-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.crearCompra-supplier-modal-header h2{font-size:20px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.crearCompra-modal-icon{color:#2563eb;font-size:18px}.crearCompra-supplier-close-button{background-color:#f3f4f6;border:none;cursor:pointer;font-size:18px;color:#6b7280;padding:8px;border-radius:8px;transition:all .2s ease}.crearCompra-supplier-close-button:hover{background-color:#e5e7eb;color:#374151}.crearCompra-supplier-modal-content{display:flex;flex-direction:column;gap:20px;padding:24px;max-height:calc(90vh - 120px);overflow:hidden}.crearCompra-supplier-search-container{position:relative;display:flex;align-items:center;margin-bottom:16px}.crearCompra-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.crearCompra-suppliers-list{flex:1;overflow-y:auto}.crearCompra-supplier-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.crearCompra-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.crearCompra-suppliers-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.crearCompra-suppliers-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px;text-align:left;font-weight:600;color:#374151;font-size:14px}.crearCompra-suppliers-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px;font-size:14px;color:#1a202c}.crearCompra-supplier-row{transition:all .2s ease}.crearCompra-supplier-row:hover{background-color:#f8fafc}.crearCompra-supplier-name{font-weight:600;color:#1a202c}.crearCompra-supplier-contact{display:flex;flex-direction:column;gap:2px}.crearCompra-supplier-contact div{font-size:13px;color:#6b7280}.crearCompra-supplier-select-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px}.crearCompra-supplier-select-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.crearCompra-supplier-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:20px;border-top:2px solid #f1f5f9}.crearCompra-supplier-pagination-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.crearCompra-supplier-pagination-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.crearCompra-supplier-pagination-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearCompra-supplier-page-info{font-size:14px;color:#374151;font-weight:500}.crearCompra-error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.crearCompra-retry-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;margin-top:16px}.crearCompra-retry-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.crearVenta-two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.crearVenta-left-column,.crearVenta-right-column{min-height:400px}.crearVenta-left-column .crearVenta-form-section,.crearVenta-right-column .crearVenta-form-section{margin:0;border:2px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 12px #00000014}.crearVenta-cart-main-section{background:#fff;margin-bottom:104px;overflow:hidden}.crearVenta-cart-header{padding:24px}.crearVenta-cart-title-clickable:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb26}.crearVenta-cart-icon{color:#2563eb;font-size:20px;transition:all .3s ease}.crearVenta-cart-title-clickable:hover .crearVenta-cart-icon{transform:scale(1.15) rotate(5deg);color:#1d4ed8}.crearVenta-cart-content{margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.crearVenta-search-section{min-height:500px}.crearVenta-items-title{margin-top:30px}.crearVenta-search-section .crearVenta-form-section{margin:0;border:2px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 12px #00000014}.crearVenta-selected-items-section{min-height:400px}.crearVenta-selected-items-section .crearVenta-form-section{margin:0;border:2px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 12px #00000014;height:93.5%}.crearVenta-empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6b7280;height:100%;min-height:300px}.crearVenta-empty-cart-icon{font-size:48px;margin-bottom:16px;opacity:.5;color:#d1d5db}.crearVenta-empty-cart h4{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.crearVenta-empty-cart p{font-size:14px;color:#6b7280;margin:0}.crearVenta-tabs-container{display:flex;justify-content:center;margin-top:20px}.crearVenta-tabs{display:flex;gap:8px;margin-bottom:16px}.crearVenta-tab-btn{background:#f3f4f6;color:#2563eb;border:2px solid #e2e8f0;border-radius:8px 8px 0 0;padding:10px 24px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;outline:none;display:flex;align-items:center;gap:6px}.crearVenta-tab-btn.active,.crearVenta-tab-btn:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border-bottom:2px solid #2563eb}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fee2e2;color:#991b1b}@media (max-width: 1200px){.crearVenta-two-column-layout{grid-template-columns:1fr;gap:16px}.crearVenta-left-column,.crearVenta-right-column{min-height:auto}.crearVenta-cart-content{grid-template-columns:1fr;gap:16px}.crearVenta-search-section,.crearVenta-selected-items-section{min-height:auto}}@media (max-width: 768px){.crearVenta-container{padding:16px}.crearVenta-form-grid{grid-template-columns:1fr}.crearVenta-item-info-grid{grid-template-columns:1fr 1fr}.crearVenta-form-actions{flex-direction:column;gap:12px}.crearVenta-cancel-button,.crearVenta-submit-button{width:100%;justify-content:center}.crearVenta-pagination{flex-direction:column;gap:12px}.crearVenta-page-info{order:-1}.crearVenta-card-inputs-row{grid-template-columns:1fr 1fr;gap:6px}.crearVenta-input-compact:nth-child(3){grid-column:1}.crearVenta-input-compact:nth-child(4){grid-column:2}.crearVenta-add-button-container{grid-column:1 / -1;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.crearVenta-cart-header,.crearVenta-cart-content{padding:16px}.crearVenta-cart-title-clickable{font-size:20px;padding:12px 16px}.crearVenta-cart-icon{font-size:18px}.crearVenta-item-inputs-row-compact{grid-template-columns:1fr 1fr;gap:6px}}@media (max-width: 480px){.crearVenta-page-title{font-size:24px}.crearVenta-header,.crearVenta-form-section,.crearVenta-form-actions{padding:16px}.crearVenta-item-info-grid{grid-template-columns:1fr}.crearVenta-card-inputs-row{grid-template-columns:1fr;gap:8px}.crearVenta-input-compact:nth-child(3),.crearVenta-input-compact:nth-child(4){grid-column:1}.crearVenta-cart-title-clickable{font-size:18px;padding:10px 14px}.crearVenta-empty-cart{padding:40px 20px;min-height:200px}.crearVenta-empty-cart-icon{font-size:36px}.crearVenta-item-inputs-row-compact{grid-template-columns:1fr;gap:8px}}.crearCompra-selected-products-container{max-height:500px;overflow-y:auto;padding-right:8px}.crearCompra-product-card-selected-compact{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:12px;transition:all .2s ease}.crearCompra-product-card-selected-compact:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.crearCompra-product-card-selected-compact.service{background:linear-gradient(135deg,#fef7ff,#faf5ff);border-color:#e9d5ff}.crearCompra-product-card-selected-compact.service:hover{border-color:#d8b4fe}.crearCompra-product-card-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.crearCompra-product-name-compact{font-size:14px;font-weight:600;color:#1a202c;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crearCompra-remove-button-compact{background-color:#ef4444;color:#fff;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:10px;min-width:28px;height:28px}.crearCompra-remove-button-compact:hover{background-color:#dc2626;transform:scale(1.05)}.crearCompra-product-inputs-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;align-items:end}.crearCompra-input-compact{display:flex;flex-direction:column;gap:2px}.crearCompra-input-compact label{font-size:10px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.crearCompra-input-field-compact{width:100%;padding:6px 8px;font-size:12px;border:2px solid #e2e8f0;border-radius:6px;background-color:#fff;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearCompra-input-field-compact:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.crearCompra-input-field-compact.crearCompra-readonly{background-color:#f3f4f6;color:#374151;cursor:default}.crearCompra-subtotal-compact{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#2563eb;text-align:center;grid-column:span 4;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.crearCompra-selected-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;margin-top:12px;border-top:1px solid #f1f5f9}.crearCompra-pagination-button-small{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:10px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.crearCompra-pagination-button-small:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.crearCompra-pagination-button-small:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearCompra-page-info-small{font-size:12px;color:#374151;font-weight:500;min-width:40px;text-align:center}.crearCompra-total-section-compact{margin-top:12px;display:flex;justify-content:flex-end}.crearCompra-total-card-compact{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px}.crearCompra-total-label-compact{font-size:12px;color:#1e40af;font-weight:600}.crearCompra-total-amount-compact{font-size:14px;font-weight:700;color:#1e40af}.crearCompra-empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6b7280;height:100%;min-height:300px}.crearCompra-empty-cart-icon{font-size:48px;margin-bottom:16px;opacity:.5;color:#d1d5db}.crearCompra-empty-cart h4{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.crearCompra-empty-cart p{font-size:14px;color:#6b7280;margin:0}.crearCompra-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.crearCompra-products-header h4{font-size:16px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.crearCompra-products-count{background-color:#eff6ff;color:#2563eb;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.crearCompra-supplier-table-container{flex:1;overflow-y:auto;max-height:400px}@media (max-width: 768px){.crearCompra-product-inputs-row{grid-template-columns:1fr 1fr;gap:6px}.crearCompra-subtotal-compact{grid-column:span 2}.crearVenta-item-inputs-row-compact{grid-template-columns:1fr 1fr;gap:6px}}@media (max-width: 480px){.crearCompra-product-inputs-row{grid-template-columns:1fr;gap:8px}.crearCompra-subtotal-compact{grid-column:span 1}.crearVenta-item-inputs-row-compact{grid-template-columns:1fr;gap:8px}}.crearVenta-item-card-selected-compact{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:12px;transition:all .2s ease}.crearVenta-item-card-selected-compact:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.crearVenta-item-card-selected-compact.service{background:linear-gradient(135deg,#fef7ff,#faf5ff);border-color:#e9d5ff}.crearVenta-item-card-selected-compact.service:hover{border-color:#d8b4fe}.crearVenta-item-card-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.crearVenta-item-name-compact{font-size:14px;font-weight:600;color:#1a202c;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crearVenta-item-actions-compact{display:flex;gap:4px}.crearVenta-remove-button-compact{background-color:#ef4444;color:#fff;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:10px;min-width:28px;height:28px}.crearVenta-remove-button-compact:hover{background-color:#dc2626;transform:scale(1.05)}.crearVenta-item-inputs-row-compact{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end}.crearVenta-stock-info-compact{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.crearVenta-stock-info-compact small{font-size:11px;color:#6b7280}.crearVenta-selected-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;margin-top:12px;border-top:1px solid #f1f5f9}.crearVenta-pagination-button-small{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:10px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.crearVenta-pagination-button-small:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.crearVenta-pagination-button-small:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearVenta-page-info-small{font-size:12px;color:#374151;font-weight:500;min-width:40px;text-align:center}.crearVenta-total-section-compact{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}.crearVenta-total-card-compact{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px}.crearVenta-total-label-compact{font-size:12px;color:#1e40af;font-weight:600}.crearVenta-total-amount-compact{font-size:14px;font-weight:700;color:#1e40af}.crearVenta-cart-title-clickable{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;padding:16px 20px;border-radius:12px;margin:0;font-size:24px;font-weight:600;color:#1a202c;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}@media (max-width: 768px){.crearVenta-total-section-compact{flex-direction:column;gap:12px}}.detalleVenta-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleVenta-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleVenta-title-section{display:flex;align-items:flex-start;gap:20px}.detalleVenta-back-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleVenta-back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleVenta-back-icon{font-size:16px}.detalleVenta-title-info{display:flex;flex-direction:column;gap:4px}.detalleVenta-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleVenta-title-icon{color:#2563eb;font-size:24px}.detalleVenta-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleVenta-actions{display:flex;gap:12px;flex-wrap:wrap}.detalleVenta-action-button{border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.detalleVenta-action-button.confirmar{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.detalleVenta-action-button.confirmar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.detalleVenta-action-button.anular{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.detalleVenta-action-button.anular:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.detalleVenta-action-button.pdf{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 12px #f973164d}.detalleVenta-action-button.pdf:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.detalleVenta-button-icon{font-size:16px}.detalleVenta-content{display:flex;flex-direction:column;gap:24px}.detalleVenta-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.detalleVenta-section-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.detalleVenta-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleVenta-section-icon{color:#2563eb;font-size:16px}.detalleVenta-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:24px}.detalleVenta-info-item{display:flex;flex-direction:column;gap:8px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0;transition:all .2s ease}.detalleVenta-info-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detalleVenta-info-item.total{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.detalleVenta-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.detalleVenta-info-value{font-size:16px;color:#1a202c;font-weight:600;word-break:break-word}.detalleVenta-total-amount{color:#2563eb;font-size:24px;font-weight:700}.detalleVenta-estado{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px}.estado-completado{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.estado-pendiente{background-color:#fef9c3;color:#854d0e;border:1px solid #fde047}.estado-cancelado{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.detalleVenta-items-container{padding:24px;display:flex;flex-direction:column;gap:16px}.detalleVenta-item-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.detalleVenta-item-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detalleVenta-item-card.service{background:linear-gradient(135deg,#fef7ff,#faf5ff);border-color:#e9d5ff}.detalleVenta-item-card.service:hover{border-color:#d8b4fe}.detalleVenta-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.detalleVenta-item-name{font-size:18px;font-weight:600;color:#1a202c;margin:0}.detalleVenta-item-subtotal{font-size:18px;font-weight:700;color:#2563eb}.detalleVenta-item-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detalleVenta-item-info{display:flex;flex-direction:column;gap:4px}.detalleVenta-item-info.full-width{grid-column:1 / -1}.detalleVenta-item-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detalleVenta-item-value{font-size:14px;color:#1a202c;font-weight:600}.detalleVenta-summary{padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:2px solid #e2e8f0}.detalleVenta-summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.detalleVenta-summary-row:last-child{border-bottom:none}.detalleVenta-summary-row.subtotal{font-weight:500;color:#6b7280}.detalleVenta-summary-row.total{font-size:18px;font-weight:700;color:#1a202c;border-top:2px solid #e2e8f0;padding-top:16px;margin-top:8px}.detalleVenta-summary-label{font-size:16px;color:#374151}.detalleVenta-summary-value{font-size:16px;font-weight:600;color:#1a202c}.detalleVenta-summary-row.total .detalleVenta-summary-value{color:#2563eb;font-size:20px}.detalleVenta-loading,.detalleVenta-error,.detalleVenta-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleVenta-spinner{margin-bottom:16px}.detalleVenta-error-icon{color:#ef4444;margin-bottom:16px}.detalleVenta-error h2,.detalleVenta-not-found h2{font-size:24px;color:#1a202c;margin:0 0 8px}.detalleVenta-error p,.detalleVenta-not-found p{color:#6b7280;margin:0 0 24px;font-size:16px}.detalleVenta-error-actions{display:flex;gap:12px;flex-wrap:wrap}.detalleVenta-retry-button,.detalleVenta-back-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d}.detalleVenta-retry-button:hover,.detalleVenta-back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}@media (max-width: 768px){.detalleVenta-container{padding:16px}.detalleVenta-header{flex-direction:column;gap:16px;align-items:stretch}.detalleVenta-title-section{flex-direction:column;gap:12px}.detalleVenta-actions{justify-content:stretch}.detalleVenta-action-button{flex:1;justify-content:center}.detalleVenta-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.detalleVenta-item-details{grid-template-columns:1fr}.detalleVenta-items-container,.detalleVenta-summary{padding:16px}.detalleVenta-error-actions{flex-direction:column;width:100%}}@media (max-width: 480px){.detalleVenta-page-title{font-size:24px}.detalleVenta-header,.detalleVenta-section-header{padding:16px}.detalleVenta-item-header{flex-direction:column;align-items:flex-start;gap:8px}}.listarVehiculos-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarVehiculos-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarVehiculos-sort-icon{font-size:18px}.listarVehiculos-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarVehiculos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarVehiculos-title-section{display:flex;flex-direction:column;gap:4px}.listarVehiculos-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarVehiculos-title-icon{color:#2563eb;font-size:24px}.listarVehiculos-subtitle{color:#6b7280;font-size:16px;margin:0}.listarVehiculos-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarVehiculos-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarVehiculos-button-icon{font-size:12px}.listarVehiculos-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarVehiculos-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarVehiculos-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarVehiculos-search-container{position:relative;display:flex;align-items:center}.listarVehiculos-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarVehiculos-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarVehiculos-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarVehiculos-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarVehiculos-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarVehiculos-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.listarVehiculos-table{width:100%;border-collapse:collapse;font-size:14px}.listarVehiculos-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarVehiculos-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c}.listarVehiculos-table tr:hover{background-color:#f8fafc}.listarVehiculos-table tr:last-child td{border-bottom:none}.listarVehiculos-vehiculo-info{display:flex;flex-direction:column;gap:2px}.listarVehiculos-vehiculo-placa{font-weight:600;color:#1a202c}.listarVehiculos-estado-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600}.listarVehiculos-estado-toggle.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.listarVehiculos-estado-toggle.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.listarVehiculos-estado-toggle:hover{transform:scale(1.05)}.listarVehiculos-toggle-icon{font-size:14px}.listarVehiculos-estado-text{font-size:11px}.listarVehiculos-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarVehiculos-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarVehiculos-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarVehiculos-action-button.edit{background-color:#3b82f6;color:#fff}.listarVehiculos-action-button.delete{background-color:#ef4444;color:#fff}.listarVehiculos-action-button.detail{background-color:#10b981;color:#fff}.listarVehiculos-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarVehiculos-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarVehiculos-no-results p{margin:0;font-size:16px}.listarVehiculos-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarVehiculos-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarVehiculos-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarVehiculos-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarVehiculos-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarVehiculos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarVehiculos-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarVehiculos-container{padding:16px}.listarVehiculos-header{flex-direction:column;gap:16px;align-items:stretch}.listarVehiculos-filters-container{flex-direction:column;gap:15px}.listarVehiculos-filter-item{min-width:auto}.listarVehiculos-table-container{overflow-x:auto}.listarVehiculos-table{min-width:800px}.listarVehiculos-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarVehiculos-page-title{font-size:24px}.listarVehiculos-header,.listarVehiculos-filters-container{padding:16px}}.crearVehiculo-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearVehiculo-header{margin-bottom:30px}.crearVehiculo-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearVehiculo-title-icon{color:#2563eb;font-size:24px}.crearVehiculo-subtitle{color:#6b7280;font-size:16px;margin:0}.crearVehiculo-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearVehiculo-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearVehiculo-form-section:last-child{border-bottom:none}.crearVehiculo-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearVehiculo-section-icon{color:#2563eb;font-size:16px}.crearVehiculo-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearVehiculo-form-group{display:flex;flex-direction:column;gap:8px}.crearVehiculo-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearVehiculo-label-icon{color:#6b7280;font-size:12px}.crearVehiculo-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearVehiculo-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearVehiculo-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearVehiculo-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearVehiculo-input-with-button{position:relative;display:flex;align-items:center}.crearVehiculo-search-button{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.crearVehiculo-search-button:hover{color:#374151;background-color:#f3f4f6}.crearVehiculo-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearVehiculo-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearVehiculo-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearVehiculo-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearVehiculo-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearVehiculo-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearVehiculo-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearVehiculo-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearVehiculo-button-icon{font-size:12px}.crearVehiculo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.crearVehiculo-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.crearVehiculo-modal-header{padding:20px 24px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.crearVehiculo-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1a202c}.crearVehiculo-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.crearVehiculo-modal-close:hover{color:#374151;background-color:#f3f4f6}.crearVehiculo-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.crearVehiculo-modal-search{padding:20px 24px;border-bottom:1px solid #f1f5f9}.crearVehiculo-search-container{position:relative;display:flex;align-items:center}.crearVehiculo-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.crearVehiculo-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.crearVehiculo-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearVehiculo-modal-list{flex:1;overflow-y:auto;padding:20px 24px}.crearVehiculo-referencias-grid,.crearVehiculo-clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.crearVehiculo-referencia-card,.crearVehiculo-cliente-card{border:2px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;background-color:#f8fafc}.crearVehiculo-referencia-card:hover,.crearVehiculo-cliente-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.crearVehiculo-referencia-card.selected,.crearVehiculo-cliente-card.selected{border-color:#2563eb;background-color:#eff6ff;box-shadow:0 4px 12px #2563eb26}.crearVehiculo-referencia-info h4,.crearVehiculo-cliente-details h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1a202c}.crearVehiculo-marca,.crearVehiculo-descripcion,.crearVehiculo-documento,.crearVehiculo-telefono,.crearVehiculo-correo{margin:4px 0;font-size:14px;color:#6b7280}.crearVehiculo-tipo-badge,.crearVehiculo-estado-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;margin-top:8px}.crearVehiculo-tipo-badge{background-color:#dbeafe;color:#2563eb}.crearVehiculo-estado-badge.activo{background-color:#dcfce7;color:#166534}.crearVehiculo-estado-badge.inactivo{background-color:#fee2e2;color:#991b1b}.crearVehiculo-cliente-info{display:flex;align-items:flex-start;gap:12px}.crearVehiculo-cliente-avatar{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crearVehiculo-cliente-details{flex:1}.crearVehiculo-modal-empty{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px}.crearVehiculo-modal-footer{padding:20px 24px;border-top:2px solid #e2e8f0;display:flex;justify-content:flex-end;background-color:#f8fafc}.crearVehiculo-modal-cancel{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d}.crearVehiculo-modal-cancel:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}@media (max-width: 768px){.crearVehiculo-container{padding:16px}.crearVehiculo-form-grid{grid-template-columns:1fr;gap:16px}.crearVehiculo-form-actions{flex-direction:column;gap:12px}.crearVehiculo-cancel-button,.crearVehiculo-submit-button{width:100%;justify-content:center}.crearVehiculo-modal-container{width:95%;max-height:90vh}.crearVehiculo-referencias-grid,.crearVehiculo-clientes-grid{grid-template-columns:1fr}}@media (max-width: 480px){.crearVehiculo-page-title{font-size:24px}.crearVehiculo-form-section,.crearVehiculo-form-actions,.crearVehiculo-modal-header,.crearVehiculo-modal-search,.crearVehiculo-modal-list,.crearVehiculo-modal-footer{padding:16px}}.editarVehiculo-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarVehiculo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.editarVehiculo-header-left{display:flex;align-items:flex-start;gap:20px}.editarVehiculo-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.editarVehiculo-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarVehiculo-title-section{display:flex;flex-direction:column;gap:4px}.editarVehiculo-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.editarVehiculo-title-icon{color:#2563eb;font-size:24px}.editarVehiculo-subtitle{color:#6b7280;font-size:16px;margin:0}.editarVehiculo-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarVehiculo-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.editarVehiculo-form-section:last-child{border-bottom:none}.editarVehiculo-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.editarVehiculo-section-icon{color:#2563eb;font-size:16px}.editarVehiculo-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarVehiculo-form-group{display:flex;flex-direction:column;gap:8px}.editarVehiculo-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.editarVehiculo-label-icon{color:#6b7280;font-size:12px}.editarVehiculo-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.editarVehiculo-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarVehiculo-form-input.error{border-color:#ef4444;background-color:#fef2f2}.editarVehiculo-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarVehiculo-input-with-button{position:relative;display:flex;align-items:center}.editarVehiculo-search-button{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.editarVehiculo-search-button:hover{color:#374151;background-color:#f3f4f6}.editarVehiculo-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarVehiculo-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.editarVehiculo-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarVehiculo-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarVehiculo-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarVehiculo-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarVehiculo-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarVehiculo-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarVehiculo-button-icon{font-size:12px}.editarVehiculo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarVehiculo-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.editarVehiculo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.editarVehiculo-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.editarVehiculo-modal-header{padding:20px 24px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.editarVehiculo-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1a202c}.editarVehiculo-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.editarVehiculo-modal-close:hover{color:#374151;background-color:#f3f4f6}.editarVehiculo-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.editarVehiculo-modal-search{padding:20px 24px;border-bottom:1px solid #f1f5f9}.editarVehiculo-search-container{position:relative;display:flex;align-items:center}.editarVehiculo-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.editarVehiculo-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.editarVehiculo-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarVehiculo-modal-list{flex:1;overflow-y:auto;padding:20px 24px}.editarVehiculo-referencias-grid,.editarVehiculo-clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.editarVehiculo-referencia-card,.editarVehiculo-cliente-card{border:2px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;background-color:#f8fafc}.editarVehiculo-referencia-card:hover,.editarVehiculo-cliente-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.editarVehiculo-referencia-card.selected,.editarVehiculo-cliente-card.selected{border-color:#2563eb;background-color:#eff6ff;box-shadow:0 4px 12px #2563eb26}.editarVehiculo-referencia-info h4,.editarVehiculo-cliente-details h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1a202c}.editarVehiculo-marca,.editarVehiculo-descripcion,.editarVehiculo-documento,.editarVehiculo-telefono,.editarVehiculo-correo{margin:4px 0;font-size:14px;color:#6b7280}.editarVehiculo-tipo-badge,.editarVehiculo-estado-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;margin-top:8px}.editarVehiculo-tipo-badge{background-color:#dbeafe;color:#2563eb}.editarVehiculo-estado-badge.activo{background-color:#dcfce7;color:#166534}.editarVehiculo-estado-badge.inactivo{background-color:#fee2e2;color:#991b1b}.editarVehiculo-cliente-info{display:flex;align-items:flex-start;gap:12px}.editarVehiculo-cliente-avatar{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.editarVehiculo-cliente-details{flex:1}.editarVehiculo-modal-empty{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px}.editarVehiculo-modal-footer{padding:20px 24px;border-top:2px solid #e2e8f0;display:flex;justify-content:flex-end;background-color:#f8fafc}.editarVehiculo-modal-cancel{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d}.editarVehiculo-modal-cancel:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}@media (max-width: 768px){.editarVehiculo-container{padding:16px}.editarVehiculo-header{flex-direction:column;gap:16px;align-items:stretch}.editarVehiculo-header-left{flex-direction:column;gap:12px}.editarVehiculo-form-grid{grid-template-columns:1fr;gap:16px}.editarVehiculo-form-actions{flex-direction:column;gap:12px}.editarVehiculo-cancel-button,.editarVehiculo-submit-button{width:100%;justify-content:center}.editarVehiculo-modal-container{width:95%;max-height:90vh}.editarVehiculo-referencias-grid,.editarVehiculo-clientes-grid{grid-template-columns:1fr}}@media (max-width: 480px){.editarVehiculo-page-title{font-size:24px}.editarVehiculo-form-section,.editarVehiculo-form-actions,.editarVehiculo-modal-header,.editarVehiculo-modal-search,.editarVehiculo-modal-list,.editarVehiculo-modal-footer{padding:16px}}.detalleVehiculo-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleVehiculo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleVehiculo-header-left{display:flex;align-items:flex-start;gap:20px}.detalleVehiculo-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleVehiculo-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleVehiculo-title-section{display:flex;flex-direction:column;gap:4px}.detalleVehiculo-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleVehiculo-title-icon{color:#2563eb;font-size:24px}.detalleVehiculo-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleVehiculo-header-actions{display:flex;gap:12px}.detalleVehiculo-btn-edit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb4d}.detalleVehiculo-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.detalleVehiculo-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:24px;overflow:hidden}.detalleVehiculo-section-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.detalleVehiculo-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleVehiculo-section-icon{color:#2563eb;font-size:16px}.detalleVehiculo-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.detalleVehiculo-info-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0;transition:all .2s ease}.detalleVehiculo-info-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detalleVehiculo-info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;flex-shrink:0;font-size:18px}.detalleVehiculo-info-content{display:flex;flex-direction:column;gap:4px;flex:1}.detalleVehiculo-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detalleVehiculo-info-value{font-size:16px;color:#1a202c;font-weight:600;word-break:break-word}.detalleVehiculo-estado{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px}.detalleVehiculo-estado.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.detalleVehiculo-estado.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.detalleVehiculo-loading,.detalleVehiculo-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleVehiculo-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleVehiculo-error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.detalleVehiculo-error h2{font-size:24px;color:#1a202c;margin:0 0 8px}.detalleVehiculo-error p{color:#6b7280;margin:0 0 24px;font-size:16px}.detalleVehiculo-loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.detalleVehiculo-spinner-small{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.detalleVehiculo-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;color:#64748b}.detalleVehiculo-no-data svg{font-size:2rem;margin-bottom:1rem;color:#94a3b8}.detalleVehiculo-no-data p{margin:0;font-size:1rem;text-align:center}@media (max-width: 768px){.detalleVehiculo-container{padding:16px}.detalleVehiculo-header{flex-direction:column;gap:16px;align-items:stretch}.detalleVehiculo-header-left{flex-direction:column;gap:12px}.detalleVehiculo-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.detalleVehiculo-info-card{padding:16px}.detalleVehiculo-info-icon{width:40px;height:40px;font-size:16px}.detalleVehiculo-loading-section,.detalleVehiculo-no-data{padding:1.5rem}.detalleVehiculo-no-data svg{font-size:1.5rem}}@media (max-width: 480px){.detalleVehiculo-page-title{font-size:24px}.detalleVehiculo-header,.detalleVehiculo-section-header{padding:16px}}.listarMarcas-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarMarcas-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarMarcas-title-section{display:flex;flex-direction:column;gap:4px}.listarMarcas-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarMarcas-title-icon{color:#2563eb;font-size:24px}.listarMarcas-subtitle{color:#6b7280;font-size:16px;margin:0}.listarMarcas-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarMarcas-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarMarcas-button-icon{font-size:12px}.listarMarcas-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarMarcas-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarMarcas-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarMarcas-search-container{position:relative;display:flex;align-items:center}.listarMarcas-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarMarcas-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarMarcas-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarMarcas-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarMarcas-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarMarcas-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarMarcas-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarMarcas-sort-icon{font-size:16px;transition:all .3s ease}.listarMarcas-sort-button:hover .listarMarcas-sort-icon{color:#fff}.listarMarcas-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden;width:100%;max-width:100%}.listarMarcas-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.listarMarcas-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarMarcas-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.listarMarcas-table tr:hover{background-color:#f8fafc}.listarMarcas-table tr:last-child td{border-bottom:none}.listarMarcas-marca-info{display:flex;flex-direction:column;gap:2px}.listarMarcas-marca-name{font-weight:600;color:#1a202c}.listarMarcas-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarMarcas-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarMarcas-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarMarcas-action-button.edit{background-color:#3b82f6;color:#fff}.listarMarcas-action-button.delete{background-color:#ef4444;color:#fff}.listarMarcas-action-button.detail{background-color:#10b981;color:#fff}.listarMarcas-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarMarcas-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarMarcas-no-results p{margin:0;font-size:16px}.listarMarcas-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarMarcas-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarMarcas-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarMarcas-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarMarcas-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarMarcas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarMarcas-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarMarcas-container{padding:16px}.listarMarcas-header{flex-direction:column;gap:16px;align-items:stretch}.listarMarcas-filters-container{flex-direction:column;gap:15px}.listarMarcas-filter-item{min-width:auto}.listarMarcas-table-container{overflow-x:auto}.listarMarcas-table{min-width:800px}.listarMarcas-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarMarcas-page-title{font-size:24px}.listarMarcas-header,.listarMarcas-filters-container{padding:16px}}.crearMarca-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearMarca-header{margin-bottom:30px}.crearMarca-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearMarca-title-icon{color:#2563eb;font-size:24px}.crearMarca-subtitle{color:#6b7280;font-size:16px;margin:0}.crearMarca-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearMarca-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearMarca-form-section:last-child{border-bottom:none}.crearMarca-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearMarca-section-icon{color:#2563eb;font-size:16px}.crearMarca-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearMarca-form-group{display:flex;flex-direction:column;gap:8px}.crearMarca-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearMarca-label-icon{color:#6b7280;font-size:12px}.crearMarca-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearMarca-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearMarca-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearMarca-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearMarca-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearMarca-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearMarca-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearMarca-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearMarca-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearMarca-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearMarca-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearMarca-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearMarca-button-icon{font-size:12px}@media (max-width: 768px){.crearMarca-container{padding:16px}.crearMarca-form-grid{grid-template-columns:1fr;gap:16px}.crearMarca-form-actions{flex-direction:column;gap:12px}.crearMarca-cancel-button,.crearMarca-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.crearMarca-page-title{font-size:24px}.crearMarca-form-section,.crearMarca-form-actions{padding:16px}}.editarMarca-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarMarca-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.editarMarca-header-left{display:flex;align-items:flex-start;gap:20px}.editarMarca-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.editarMarca-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarMarca-title-section{display:flex;flex-direction:column;gap:4px}.editarMarca-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.editarMarca-title-icon{color:#2563eb;font-size:24px}.editarMarca-subtitle{color:#6b7280;font-size:16px;margin:0}.editarMarca-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarMarca-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.editarMarca-form-section:last-child{border-bottom:none}.editarMarca-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.editarMarca-section-icon{color:#2563eb;font-size:16px}.editarMarca-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarMarca-form-group{display:flex;flex-direction:column;gap:8px}.editarMarca-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.editarMarca-label-icon{color:#6b7280;font-size:12px}.editarMarca-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.editarMarca-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarMarca-form-input.error{border-color:#ef4444;background-color:#fef2f2}.editarMarca-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarMarca-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarMarca-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.editarMarca-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarMarca-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarMarca-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarMarca-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarMarca-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarMarca-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarMarca-button-icon{font-size:12px}.editarMarca-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarMarca-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.editarMarca-container{padding:16px}.editarMarca-header{flex-direction:column;gap:16px;align-items:stretch}.editarMarca-header-left{flex-direction:column;gap:12px}.editarMarca-form-grid{grid-template-columns:1fr;gap:16px}.editarMarca-form-actions{flex-direction:column;gap:12px}.editarMarca-cancel-button,.editarMarca-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.editarMarca-page-title{font-size:24px}.editarMarca-form-section,.editarMarca-form-actions{padding:16px}}.detalleMarca-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleMarca-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleMarca-header-left{display:flex;align-items:flex-start;gap:20px}.detalleMarca-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleMarca-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleMarca-title-section{display:flex;flex-direction:column;gap:4px}.detalleMarca-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleMarca-title-icon{color:#2563eb;font-size:24px}.detalleMarca-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleMarca-edit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.detalleMarca-edit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.detalleMarca-button-icon{font-size:12px}.detalleMarca-content{display:flex;flex-direction:column;gap:24px}.detalleMarca-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.detalleMarca-card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 24px;border-bottom:1px solid #e2e8f0}.detalleMarca-card-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleMarca-card-icon{color:#2563eb;font-size:16px}.detalleMarca-card-body{padding:24px}.detalleMarca-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.detalleMarca-info-item{display:flex;flex-direction:column;gap:8px}.detalleMarca-info-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.detalleMarca-info-icon{font-size:12px;color:#6b7280}.detalleMarca-info-icon.activo{color:#16a34a}.detalleMarca-info-icon.inactivo{color:#dc2626}.detalleMarca-info-value{padding:12px 16px;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1a202c;font-weight:500}.detalleMarca-estado-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;width:fit-content}.detalleMarca-estado-badge.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.detalleMarca-estado-badge.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.detalleMarca-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.detalleMarca-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleMarca-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;padding:40px}.detalleMarca-error h2{color:#ef4444;margin-bottom:16px}.detalleMarca-error p{color:#6b7280;margin-bottom:24px}@media (max-width: 768px){.detalleMarca-container{padding:16px}.detalleMarca-header{flex-direction:column;gap:16px;align-items:stretch}.detalleMarca-header-left{flex-direction:column;gap:12px}.detalleMarca-info-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.detalleMarca-page-title{font-size:24px}.detalleMarca-card-header,.detalleMarca-card-body{padding:16px}}.listarReferencias-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarReferencias-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarReferencias-title-section{display:flex;flex-direction:column;gap:4px}.listarReferencias-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarReferencias-title-icon{color:#2563eb;font-size:24px}.listarReferencias-subtitle{color:#6b7280;font-size:16px;margin:0}.listarReferencias-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarReferencias-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarReferencias-button-icon{font-size:12px}.listarReferencias-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarReferencias-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarReferencias-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarReferencias-search-container{position:relative;display:flex;align-items:center}.listarReferencias-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarReferencias-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarReferencias-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarReferencias-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarReferencias-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarReferencias-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarReferencias-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarReferencias-sort-icon{font-size:16px;transition:all .3s ease}.listarReferencias-sort-button:hover .listarReferencias-sort-icon{color:#fff}.listarReferencias-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden;width:100%;max-width:100%}.listarReferencias-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.listarReferencias-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarReferencias-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.listarReferencias-table tr:hover{background-color:#f8fafc}.listarReferencias-table tr:last-child td{border-bottom:none}.listarReferencias-referencia-info{display:flex;flex-direction:column;gap:2px}.listarReferencias-referencia-name{font-weight:600;color:#1a202c}.listarReferencias-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarReferencias-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarReferencias-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarReferencias-action-button.edit{background-color:#3b82f6;color:#fff}.listarReferencias-action-button.delete{background-color:#ef4444;color:#fff}.listarReferencias-action-button.detail{background-color:#10b981;color:#fff}.listarReferencias-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarReferencias-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarReferencias-no-results p{margin:0;font-size:16px}.listarReferencias-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarReferencias-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarReferencias-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarReferencias-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarReferencias-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarReferencias-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarReferencias-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarReferencias-container{padding:16px}.listarReferencias-header{flex-direction:column;gap:16px;align-items:stretch}.listarReferencias-filters-container{flex-direction:column;gap:15px}.listarReferencias-filter-item{min-width:auto}.listarReferencias-table-container{overflow-x:auto}.listarReferencias-table{min-width:800px}.listarReferencias-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarReferencias-page-title{font-size:24px}.listarReferencias-header,.listarReferencias-filters-container{padding:16px}}.crearReferencia-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearReferencia-header{margin-bottom:30px}.crearReferencia-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearReferencia-title-icon{color:#2563eb;font-size:24px}.crearReferencia-subtitle{color:#6b7280;font-size:16px;margin:0}.crearReferencia-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearReferencia-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearReferencia-form-section:last-child{border-bottom:none}.crearReferencia-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearReferencia-section-icon{color:#2563eb;font-size:16px}.crearReferencia-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearReferencia-form-group{display:flex;flex-direction:column;gap:8px}.crearReferencia-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearReferencia-label-icon{color:#6b7280;font-size:12px}.crearReferencia-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearReferencia-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearReferencia-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearReferencia-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearReferencia-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearReferencia-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearReferencia-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearReferencia-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearReferencia-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearReferencia-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearReferencia-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearReferencia-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearReferencia-button-icon{font-size:12px}@media (max-width: 768px){.crearReferencia-container{padding:16px}.crearReferencia-form-grid{grid-template-columns:1fr;gap:16px}.crearReferencia-form-actions{flex-direction:column;gap:12px}.crearReferencia-cancel-button,.crearReferencia-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.crearReferencia-page-title{font-size:24px}.crearReferencia-form-section,.crearReferencia-form-actions{padding:16px}}.editarReferencia-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarReferencia-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.editarReferencia-header-left{display:flex;align-items:flex-start;gap:20px}.editarReferencia-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.editarReferencia-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarReferencia-title-section{display:flex;flex-direction:column;gap:4px}.editarReferencia-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.editarReferencia-title-icon{color:#2563eb;font-size:24px}.editarReferencia-subtitle{color:#6b7280;font-size:16px;margin:0}.editarReferencia-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarReferencia-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.editarReferencia-form-section:last-child{border-bottom:none}.editarReferencia-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.editarReferencia-section-icon{color:#2563eb;font-size:16px}.editarReferencia-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarReferencia-form-group{display:flex;flex-direction:column;gap:8px}.editarReferencia-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.editarReferencia-label-icon{color:#6b7280;font-size:12px}.editarReferencia-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.editarReferencia-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarReferencia-form-input.error{border-color:#ef4444;background-color:#fef2f2}.editarReferencia-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarReferencia-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarReferencia-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.editarReferencia-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarReferencia-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarReferencia-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarReferencia-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarReferencia-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarReferencia-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarReferencia-button-icon{font-size:12px}.editarReferencia-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarReferencia-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.editarReferencia-container{padding:16px}.editarReferencia-header{flex-direction:column;gap:16px;align-items:stretch}.editarReferencia-header-left{flex-direction:column;gap:12px}.editarReferencia-form-grid{grid-template-columns:1fr;gap:16px}.editarReferencia-form-actions{flex-direction:column;gap:12px}.editarReferencia-cancel-button,.editarReferencia-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.editarReferencia-page-title{font-size:24px}.editarReferencia-form-section,.editarReferencia-form-actions{padding:16px}}.detalleReferencia-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleReferencia-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleReferencia-header-left{display:flex;align-items:flex-start;gap:20px}.detalleReferencia-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleReferencia-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleReferencia-title-section{display:flex;flex-direction:column;gap:4px}.detalleReferencia-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleReferencia-title-icon{color:#2563eb;font-size:24px}.detalleReferencia-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleReferencia-edit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.detalleReferencia-edit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.detalleReferencia-button-icon{font-size:12px}.detalleReferencia-content{display:flex;flex-direction:column;gap:24px}.detalleReferencia-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.detalleReferencia-card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 24px;border-bottom:1px solid #e2e8f0}.detalleReferencia-card-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleReferencia-card-icon{color:#2563eb;font-size:16px}.detalleReferencia-card-body{padding:24px}.detalleReferencia-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.detalleReferencia-info-item{display:flex;flex-direction:column;gap:8px}.detalleReferencia-info-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.detalleReferencia-info-icon{font-size:12px;color:#6b7280}.detalleReferencia-info-icon.activo{color:#16a34a}.detalleReferencia-info-icon.inactivo{color:#dc2626}.detalleReferencia-info-value{padding:12px 16px;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1a202c;font-weight:500}.detalleReferencia-estado-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;width:fit-content}.detalleReferencia-estado-badge.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.detalleReferencia-estado-badge.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.detalleReferencia-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.detalleReferencia-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleReferencia-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;padding:40px}.detalleReferencia-error h2{color:#ef4444;margin-bottom:16px}.detalleReferencia-error p{color:#6b7280;margin-bottom:24px}@media (max-width: 768px){.detalleReferencia-container{padding:16px}.detalleReferencia-header{flex-direction:column;gap:16px;align-items:stretch}.detalleReferencia-header-left{flex-direction:column;gap:12px}.detalleReferencia-info-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.detalleReferencia-page-title{font-size:24px}.detalleReferencia-card-header,.detalleReferencia-card-body{padding:16px}}.cvc-lista-body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin-bottom:100px}.cvc-lista-header{background:#fff;border-radius:12px;margin:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.cvc-lista-header-content{display:flex;justify-content:space-between;align-items:center}.cvc-lista-logo{width:60px;height:60px;border-radius:50%;object-fit:cover}.cvc-lista-title-container h1{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.cvc-lista-subtitle{color:#6b7280;font-size:.9rem;margin:0}.cvc-lista-add-btn{background:#0ea5e9;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:background-color .2s}.cvc-lista-section{margin:1rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.cvc-lista-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.cvc-lista-stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid;display:flex;align-items:center;gap:1rem}.cvc-lista-stat-card.info{border-left-color:#0ea5e9}.cvc-lista-stat-card.success{border-left-color:#10b981}.cvc-lista-stat-card.warning{border-left-color:#f59e0b}.cvc-lista-stat-icon{font-size:2rem;opacity:.8}.cvc-lista-stat-card.info .cvc-lista-stat-icon{color:#0ea5e9}.cvc-lista-stat-card.success .cvc-lista-stat-icon{color:#10b981}.cvc-lista-stat-card.warning .cvc-lista-stat-icon{color:#f59e0b}.cvc-lista-stat-content h3{margin:0;font-size:2rem;font-weight:700;color:#1f2937}.cvc-lista-stat-content p{margin:.25rem 0 0;color:#6b7280;font-size:.9rem}.cvc-lista-search-box{display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:.5rem 1rem;max-width:400px}.cvc-lista-search-box input{border:none;outline:none;flex:1;font-size:1rem;width:100%}.cvc-lista-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.cvc-lista-section-icon{color:#0ea5e9}.cvc-lista-vehiculos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.cvc-lista-vehiculo-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;overflow:hidden}.cvc-lista-vehiculo-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.cvc-lista-vehiculo-header{padding:1.5rem;border-bottom:1px solid #f3f4f6}.cvc-lista-vehiculo-main-info{display:flex;align-items:center;gap:1rem}.cvc-lista-vehiculo-icon-container{background-color:#0ea5e9;color:#fff;width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.cvc-lista-vehiculo-header h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#1f2937}.cvc-lista-vehiculo-sub-info{margin-top:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6b7280}.cvc-lista-vehiculo-placa{background-color:#f5c60b;border:#222 2px solid;color:#222;padding:.28rem .7rem;border-radius:4px;font-weight:700;font-size:.85rem}.cvc-lista-vehiculo-details{padding:1rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.9rem}.cvc-lista-detail-item{display:flex;flex-direction:column;gap:.25rem}.cvc-lista-detail-item strong{color:#374151;font-weight:500}.cvc-lista-detail-item span{color:#6b7280}.cvc-lista-status.active{color:#10b981;font-weight:600}.cvc-lista-status.inactive{color:#ef4444;font-weight:600}.cvc-lista-vehiculo-actions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto;background-color:#f9fafb;border-top:1px solid #f3f4f6}.cvc-lista-action-btn{background:transparent;color:#6b7280;border:none;border-right:1px solid #f3f4f6;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out}.cvc-lista-action-btn:last-child{border-right:none}.cvc-lista-action-btn:hover{background-color:#f3f4f6;color:#0ea5e9}.cvc-lista-action-btn.delete{background-color:#fee2e2;color:#ef4444}.cvc-lista-empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.cvc-lista-empty-state svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.cvc-lista-empty-state h3{margin:0 0 .5rem;color:#374151}.cvc-lista-empty-state p{margin:0 0 1rem}.cvc-lista-empty-btn{background:#0ea5e9;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.cvc-lista-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cvc-lista-toolbar .cvc-lista-search-box{flex-grow:1;margin-right:1rem;max-width:500px}.cvc-lista-toolbar .cvc-lista-add-btn{flex-shrink:0}.cvc-lista-search-container{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem;margin-top:10px}@media (max-width: 768px){.cvc-lista-vehiculos-grid,.cvc-lista-stats{grid-template-columns:1fr}}@media (max-width: 480px){.cvc-lista-action-btn span,.cvc-lista-toolbar .cvc-lista-add-btn span{display:none}.cvc-lista-toolbar .cvc-lista-add-btn{padding:.75rem}}.cvc-crear-container{min-height:100vh;background-color:#f8fafc;padding:1.5rem}.cvc-crear-header{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.cvc-crear-header-content{display:flex;align-items:center;gap:1rem}.cvc-crear-icon-container{background-color:#2563eb;border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center}.cvc-crear-icon{font-size:1.5rem;color:#fff}.cvc-crear-page-title{margin:0;font-size:1.75rem;font-weight:600;color:#1f2937}.cvc-crear-subtitle{margin:.25rem 0 0;color:#6b7280;font-size:.9rem}.cvc-crear-back-button{background:#6b7280;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:background-color .2s}.cvc-crear-back-button:hover{background:#4b5563}.cvc-crear-content{max-width:800px;margin:0 auto 100px}.cvc-crear-main-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014}.cvc-crear-form-section{margin-bottom:1rem}.cvc-crear-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.cvc-crear-section-icon{color:#2563eb}.cvc-crear-form-group{margin-bottom:1.5rem}.cvc-crear-label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem}.cvc-crear-label-icon{color:#6b7280}.cvc-crear-form-input{width:100%;padding-right:10px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease}.cvc-crear-form-input-l{width:90%;padding-right:10px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease}.cvc-crear-form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cvc-crear-form-input.error{border-color:#ef4444;background-color:#fef2f2}.cvc-crear-error-text{display:flex;align-items:center;gap:.25rem;color:#ef4444;font-size:.8rem;margin-top:.5rem}.cvc-crear-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.cvc-crear-form-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.cvc-crear-submit-button{background-color:#2563eb;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s ease}.cvc-crear-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.cvc-crear-submit-button:disabled{background:#9ca3af;cursor:not-allowed}.cvc-crear-button-icon{font-size:.875rem}.cvc-crear-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.cvc-crear-header{flex-direction:column;align-items:stretch}.cvc-crear-section-title{font-size:1.1rem}.cvc-crear-page-title{font-size:1.5rem}.cvc-crear-container{padding:1rem}.cvc-crear-main-card{padding:1.5rem}}@media (max-width: 576px){.cvc-crear-form-grid{grid-template-columns:1fr}}.listarServicios-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarServicios-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarServicios-sort-icon{font-size:16px;transition:all .3s ease}.listarServicios-sort-button:hover .listarServicios-sort-icon{color:#fff}.listarServicios-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarServicios-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarServicios-title-section{display:flex;flex-direction:column;gap:4px}.listarServicios-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarServicios-title-icon{color:#2563eb;font-size:24px}.listarServicios-subtitle{color:#6b7280;font-size:16px;margin:0}.listarServicios-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarServicios-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarServicios-button-icon{font-size:12px}.listarServicios-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarServicios-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarServicios-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarServicios-search-container{position:relative;display:flex;align-items:center}.listarServicios-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarServicios-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarServicios-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarServicios-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarServicios-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarServicios-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.listarServicios-table{width:100%;border-collapse:collapse;font-size:14px}.listarServicios-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarServicios-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c}.listarServicios-table tr:hover{background-color:#f8fafc}.listarServicios-table tr:last-child td{border-bottom:none}.listarServicios-servicio-info{display:flex;flex-direction:column;gap:2px}.listarServicios-servicio-name{font-weight:600;color:#1a202c}.listarServicios-servicio-description{font-size:12px;color:#6b7280;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listarServicios-precio-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600}.listarServicios-estado-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600}.listarServicios-estado-toggle.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.listarServicios-estado-toggle.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.listarServicios-estado-toggle:hover{transform:scale(1.05)}.listarServicios-toggle-icon{font-size:14px}.listarServicios-estado-text{font-size:11px}.listarServicios-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarServicios-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarServicios-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarServicios-action-button.edit{background-color:#3b82f6;color:#fff}.listarServicios-action-button.delete{background-color:#ef4444;color:#fff}.listarServicios-action-button.detail{background-color:#10b981;color:#fff}.listarServicios-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarServicios-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarServicios-no-results p{margin:0;font-size:16px}.listarServicios-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarServicios-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarServicios-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarServicios-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarServicios-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarServicios-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarServicios-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarServicios-container{padding:16px}.listarServicios-header{flex-direction:column;gap:16px;align-items:stretch}.listarServicios-filters-container{flex-direction:column;gap:15px}.listarServicios-filter-item{min-width:auto}.listarServicios-table-container{overflow-x:auto}.listarServicios-table{min-width:800px}.listarServicios-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarServicios-page-title{font-size:24px}.listarServicios-header,.listarServicios-filters-container{padding:16px}}.crearServicio-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearServicio-header{margin-bottom:30px}.crearServicio-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearServicio-title-icon{color:#2563eb;font-size:24px}.crearServicio-subtitle{color:#6b7280;font-size:16px;margin:0}.crearServicio-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearServicio-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearServicio-form-section:last-child{border-bottom:none}.crearServicio-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearServicio-section-icon{color:#2563eb;font-size:16px}.crearServicio-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearServicio-form-group{display:flex;flex-direction:column;gap:8px}.crearServicio-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearServicio-label-icon{color:#6b7280;font-size:12px}.crearServicio-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearServicio-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearServicio-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearServicio-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearServicio-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearServicio-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearServicio-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearServicio-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearServicio-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearServicio-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearServicio-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearServicio-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearServicio-button-icon{font-size:12px}@media (max-width: 768px){.crearServicio-container{padding:16px}.crearServicio-form-grid{grid-template-columns:1fr;gap:16px}.crearServicio-form-actions{flex-direction:column;gap:12px}.crearServicio-cancel-button,.crearServicio-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.crearServicio-page-title{font-size:24px}.crearServicio-form-section,.crearServicio-form-actions{padding:16px}}.editarServicio-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarServicio-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.editarServicio-header-left{display:flex;align-items:flex-start;gap:20px}.editarServicio-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.editarServicio-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarServicio-title-section{display:flex;flex-direction:column;gap:4px}.editarServicio-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.editarServicio-title-icon{color:#2563eb;font-size:24px}.editarServicio-subtitle{color:#6b7280;font-size:16px;margin:0}.editarServicio-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarServicio-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.editarServicio-form-section:last-child{border-bottom:none}.editarServicio-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.editarServicio-section-icon{color:#2563eb;font-size:16px}.editarServicio-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarServicio-form-group{display:flex;flex-direction:column;gap:8px}.editarServicio-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.editarServicio-label-icon{color:#6b7280;font-size:12px}.editarServicio-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.editarServicio-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarServicio-form-input.error{border-color:#ef4444;background-color:#fef2f2}.editarServicio-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarServicio-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarServicio-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.editarServicio-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarServicio-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarServicio-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarServicio-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarServicio-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarServicio-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarServicio-button-icon{font-size:12px}.editarServicio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarServicio-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.editarServicio-container{padding:16px}.editarServicio-header{flex-direction:column;gap:16px;align-items:stretch}.editarServicio-header-left{flex-direction:column;gap:12px}.editarServicio-form-grid{grid-template-columns:1fr;gap:16px}.editarServicio-form-actions{flex-direction:column;gap:12px}.editarServicio-cancel-button,.editarServicio-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.editarServicio-page-title{font-size:24px}.editarServicio-form-section,.editarServicio-form-actions{padding:16px}}.detalleServicio-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleServicio-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleServicio-header-left{display:flex;align-items:flex-start;gap:20px}.detalleServicio-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.detalleServicio-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleServicio-title-section{display:flex;flex-direction:column;gap:4px}.detalleServicio-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.detalleServicio-title-icon{color:#2563eb;font-size:24px}.detalleServicio-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleServicio-header-actions{display:flex;gap:12px}.detalleServicio-btn-edit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb4d}.detalleServicio-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.detalleServicio-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:24px;overflow:hidden}.detalleServicio-section-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.detalleServicio-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleServicio-section-icon{color:#2563eb;font-size:16px}.detalleServicio-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.detalleServicio-info-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0;transition:all .2s ease}.detalleServicio-info-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detalleServicio-info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;flex-shrink:0;font-size:18px}.detalleServicio-info-content{display:flex;flex-direction:column;gap:4px;flex:1}.detalleServicio-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detalleServicio-info-value{font-size:16px;color:#1a202c;font-weight:600;word-break:break-word}.detalleServicio-info-value.descripcion{white-space:pre-wrap;line-height:1.5}.detalleServicio-info-value.precio{color:#166534;font-size:18px}.detalleServicio-estado{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px}.detalleServicio-estado.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.detalleServicio-estado.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.detalleServicio-loading,.detalleServicio-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleServicio-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleServicio-error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.detalleServicio-error h2{font-size:24px;color:#1a202c;margin:0 0 8px}.detalleServicio-error p{color:#6b7280;margin:0 0 24px;font-size:16px}@media (max-width: 768px){.detalleServicio-container{padding:16px}.detalleServicio-header{flex-direction:column;gap:16px;align-items:stretch}.detalleServicio-header-left{flex-direction:column;gap:12px}.detalleServicio-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.detalleServicio-info-card{padding:16px}.detalleServicio-info-icon{width:40px;height:40px;font-size:16px}}@media (max-width: 480px){.detalleServicio-page-title{font-size:24px}.detalleServicio-header,.detalleServicio-section-header{padding:16px}}.listarClientes-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarClientes-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarClientes-title-section{display:flex;flex-direction:column;gap:4px}.listarClientes-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarClientes-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarClientes-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarClientes-sort-icon{font-size:16px;transition:all .3s ease}.listarClientes-sort-button:hover .listarClientes-sort-icon{color:#fff}.listarClientes-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarClientes-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarClientes-button-icon{font-size:12px}.listarClientes-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarClientes-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarClientes-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarClientes-search-container{position:relative;display:flex;align-items:center}.listarClientes-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarClientes-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarClientes-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarClientes-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarClientes-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarClientes-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.listarClientes-table{width:100%;border-collapse:collapse;font-size:14px}.listarClientes-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarClientes-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c}.listarClientes-table tr:hover{background-color:#f8fafc}.listarClientes-table tr:last-child td{border-bottom:none}.listarClientes-user-info{display:flex;flex-direction:column;gap:2px}.listarClientes-user-name{font-weight:600;color:#1a202c}.listarClientes-user-doc-type{font-size:12px;color:#6b7280}.listarClientes-direccion{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listarClientes-estado-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600}.listarClientes-estado-toggle.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.listarClientes-estado-toggle.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.listarClientes-estado-toggle:hover{transform:scale(1.05)}.listarClientes-toggle-icon{font-size:14px}.listarClientes-estado-text{font-size:11px}.listarClientes-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarClientes-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarClientes-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarClientes-action-button.edit{background-color:#3b82f6;color:#fff}.listarClientes-action-button.delete{background-color:#ef4444;color:#fff}.listarClientes-action-button.detail{background-color:#10b981;color:#fff}.listarClientes-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarClientes-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarClientes-no-results p{margin:0;font-size:16px}.listarClientes-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarClientes-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarClientes-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarClientes-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarClientes-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarClientes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarClientes-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarClientes-container{padding:16px}.listarClientes-header{flex-direction:column;gap:16px;align-items:stretch}.listarClientes-filters-container{flex-direction:column;gap:15px}.listarClientes-filter-item{min-width:auto}.listarClientes-table-container{overflow-x:auto}.listarClientes-table{min-width:800px}.listarClientes-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarClientes-page-title{font-size:24px}.listarClientes-header,.listarClientes-filters-container{padding:16px}}.crearCliente-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearCliente-header{margin-bottom:30px}.crearCliente-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearCliente-title-icon{color:#2563eb;font-size:24px}.crearCliente-subtitle{color:#6b7280;font-size:16px;margin:0}.crearCliente-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearCliente-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearCliente-form-section:last-child{border-bottom:none}.crearCliente-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearCliente-section-icon{color:#2563eb;font-size:16px}.crearCliente-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearCliente-form-group{display:flex;flex-direction:column;gap:8px}.crearCliente-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearCliente-label-icon{color:#6b7280;font-size:12px}.crearCliente-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearCliente-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearCliente-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearCliente-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearCliente-password-container{position:relative;display:flex;align-items:center}.crearCliente-password-toggle{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.crearCliente-password-toggle:hover{color:#374151;background-color:#f3f4f6}.crearCliente-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearCliente-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearCliente-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearCliente-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearCliente-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearCliente-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearCliente-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearCliente-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearCliente-button-icon{font-size:12px}.crearCliente-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.crearCliente-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.crearCliente-container{padding:16px}.crearCliente-form-grid{grid-template-columns:1fr;gap:16px}.crearCliente-form-actions{flex-direction:column;gap:12px}.crearCliente-cancel-button,.crearCliente-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.crearCliente-page-title{font-size:24px}.crearCliente-form-section,.crearCliente-form-actions{padding:16px}}.detalleCliente-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleCliente-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:20px}.detalleCliente-header-left{display:flex;align-items:flex-start;gap:16px}.detalleCliente-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px;white-space:nowrap}.detalleCliente-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleCliente-title-section{flex:1}.detalleCliente-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.detalleCliente-title-icon{color:#2563eb;font-size:24px}.detalleCliente-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleCliente-header-actions{display:flex;gap:12px}.detalleCliente-btn-edit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px;white-space:nowrap}.detalleCliente-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.detalleCliente-section{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:24px;overflow:hidden}.detalleCliente-section-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.detalleCliente-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleCliente-section-icon{color:#2563eb;font-size:16px}.detalleCliente-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.detalleCliente-info-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.detalleCliente-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#cbd5e1}.detalleCliente-info-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px #2563eb4d;flex-shrink:0}.detalleCliente-info-content{flex:1;display:flex;flex-direction:column;gap:4px}.detalleCliente-info-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detalleCliente-info-value{font-size:16px;font-weight:600;color:#1a202c;word-break:break-word}.detalleCliente-estado{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.detalleCliente-estado.activo{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.detalleCliente-estado.inactivo{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.detalleCliente-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.detalleCliente-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleCliente-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;padding:40px}.detalleCliente-error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.detalleCliente-error h2{font-size:24px;color:#1a202c;margin-bottom:8px}.detalleCliente-error p{color:#6b7280;margin-bottom:24px;font-size:16px}@media (max-width: 768px){.detalleCliente-container{padding:16px}.detalleCliente-header{flex-direction:column;align-items:stretch;gap:16px}.detalleCliente-header-left{flex-direction:column;gap:12px}.detalleCliente-header-actions{justify-content:stretch}.detalleCliente-btn-edit,.detalleCliente-btn-back{width:100%;justify-content:center}.detalleCliente-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.detalleCliente-info-card,.detalleCliente-section-header{padding:16px}}@media (max-width: 480px){.detalleCliente-page-title{font-size:24px}.detalleCliente-info-card{flex-direction:column;text-align:center;gap:12px}.detalleCliente-info-icon{align-self:center}}.editarCliente-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarCliente-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:20px}.editarCliente-header-left{display:flex;align-items:flex-start;gap:16px}.editarCliente-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px;white-space:nowrap}.editarCliente-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarCliente-title-section{flex:1}.editarCliente-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.editarCliente-title-icon{color:#2563eb;font-size:24px}.editarCliente-subtitle{color:#6b7280;font-size:16px;margin:0}.editarCliente-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarCliente-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.editarCliente-form-section:last-child{border-bottom:none}.editarCliente-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.editarCliente-section-icon{color:#2563eb;font-size:16px}.editarCliente-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarCliente-form-group{display:flex;flex-direction:column;gap:8px}.editarCliente-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.editarCliente-label-icon{color:#6b7280;font-size:12px}.editarCliente-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.editarCliente-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarCliente-form-input.error{border-color:#ef4444;background-color:#fef2f2}.editarCliente-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarCliente-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarCliente-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.editarCliente-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarCliente-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarCliente-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarCliente-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarCliente-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarCliente-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarCliente-button-icon{font-size:12px}.editarCliente-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarCliente-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.editarCliente-container{padding:16px}.editarCliente-header{flex-direction:column;align-items:stretch;gap:16px}.editarCliente-header-left{flex-direction:column;gap:12px}.editarCliente-form-grid{grid-template-columns:1fr;gap:16px}.editarCliente-form-actions{flex-direction:column;gap:12px}.editarCliente-cancel-button,.editarCliente-submit-button{width:100%;justify-content:center}.editarCliente-form-section,.editarCliente-form-actions{padding:16px}}@media (max-width: 480px){.editarCliente-page-title{font-size:24px}.editarCliente-btn-back{width:100%;justify-content:center}}.listarHorarios-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarHorarios-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarHorarios-title-section{display:flex;flex-direction:column;gap:4px}.listarHorarios-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarHorarios-title-icon{color:#2563eb;font-size:24px}.listarHorarios-subtitle{color:#6b7280;font-size:16px;margin:0}.listarHorarios-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarHorarios-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarHorarios-button-icon{font-size:12px}.listarHorarios-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarHorarios-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarHorarios-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarHorarios-search-container{position:relative;display:flex;align-items:center}.listarHorarios-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarHorarios-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarHorarios-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarHorarios-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarHorarios-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarHorarios-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.listarHorarios-table{width:100%;border-collapse:collapse;font-size:14px}.listarHorarios-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarHorarios-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c}.listarHorarios-table tr:hover{background-color:#f8fafc}.listarHorarios-table tr:last-child td{border-bottom:none}.listarHorarios-fecha-info{display:flex;align-items:center;gap:8px}.listarHorarios-fecha-info svg{color:#6b7280;font-size:14px}.listarHorarios-dia-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #bfdbfe}.listarHorarios-mecanico-info{display:flex;align-items:center;gap:8px}.listarHorarios-mecanico-info svg{color:#6b7280;font-size:14px}.listarHorarios-tipo-badge{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-align:center;min-width:80px}.listarHorarios-horario-info{display:flex;align-items:center;gap:8px}.listarHorarios-horario-info svg{color:#6b7280;font-size:14px}.listarHorarios-ausencia{font-style:italic;color:#dc3545;font-weight:600}.listarHorarios-motivo-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listarHorarios-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarHorarios-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarHorarios-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarHorarios-action-button.view{background-color:#10b981;color:#fff}.listarHorarios-action-button.edit{background-color:#3b82f6;color:#fff}.listarHorarios-action-button.delete{background-color:#ef4444;color:#fff}.listarHorarios-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarHorarios-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarHorarios-no-results p{margin:0;font-size:16px}.listarHorarios-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:20px;border-top:2px solid #f1f5f9}.listarHorarios-pagination-button{padding:8px 14px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.listarHorarios-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.listarHorarios-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarHorarios-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.listarHorarios-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarHorarios-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.listarHorarios-container{padding:16px}.listarHorarios-header{flex-direction:column;gap:16px;align-items:stretch}.listarHorarios-filters-container{flex-direction:column;gap:15px}.listarHorarios-filter-item{min-width:auto}.listarHorarios-table-container{overflow-x:auto}.listarHorarios-table{min-width:800px}.listarHorarios-pagination{flex-wrap:wrap}}@media (max-width: 480px){.listarHorarios-page-title{font-size:24px}.listarHorarios-header,.listarHorarios-filters-container{padding:16px}}.crearHorarios-container{padding:20px;background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.crearHorarios-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.crearHorarios-headerContent{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.crearHorarios-headerLeft{display:flex;align-items:center;gap:12px}.crearHorarios-headerIcon{color:#3b82f6;font-size:24px}.crearHorarios-headerText h1{margin:0;font-size:24px;font-weight:600;color:#1e293b;line-height:1.2}.crearHorarios-headerText p{margin:4px 0 0;color:#64748b;font-size:14px}.crearHorarios-btnVolver{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.crearHorarios-btnVolver:hover:not(:disabled){background:#e2e8f0;color:#334155}.crearHorarios-content{display:grid;grid-template-columns:1fr 300px;gap:24px}.crearHorarios-formCard{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.crearHorarios-infoCard{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;height:fit-content}.crearHorarios-infoCard h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.crearHorarios-horarioNormal{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid #e2e8f0}.crearHorarios-horarioNormal h4{margin:0 0 8px;color:#1e293b;font-size:14px;font-weight:600}.crearHorarios-horarioNormal p{margin:4px 0;color:#64748b;font-size:13px}.crearHorarios-formSection{margin-bottom:32px}.crearHorarios-formSection:last-child{margin-bottom:0}.crearHorarios-sectionTitle{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.crearHorarios-formRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.crearHorarios-formGroup{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.crearHorarios-formGroup:last-child{margin-bottom:0}.crearHorarios-label{display:flex;align-items:center;gap:6px;font-weight:500;color:#374151;font-size:14px;margin-bottom:6px}.crearHorarios-input,.crearHorarios-select,.crearHorarios-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;transition:all .2s ease;font-family:inherit;font-size:14px;box-sizing:border-box}.crearHorarios-input:focus,.crearHorarios-select:focus,.crearHorarios-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearHorarios-input.error,.crearHorarios-select.error,.crearHorarios-textarea.error{border-color:#ef4444;background-color:#fef2f2}.crearHorarios-inputReadonly{background-color:#f9fafb!important;color:#6b7280;cursor:not-allowed}.crearHorarios-errorMessage{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px}.crearHorarios-descriptionText{font-size:12px;color:#3b82f6;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#eff6ff;border-radius:6px;border-left:3px solid #3b82f6}.crearHorarios-formActions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #f1f5f9;margin-top:32px}.crearHorarios-btnCancelar{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.crearHorarios-btnCancelar:hover:not(:disabled){background:#f1f5f9;color:#475569}.crearHorarios-btnGuardar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.crearHorarios-btnGuardar:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.crearHorarios-btnGuardar:disabled,.crearHorarios-btnCancelar:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.crearHorarios-loadingSpinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@media (max-width: 1024px){.crearHorarios-content{grid-template-columns:1fr}.crearHorarios-infoCard{order:-1}}@media (max-width: 768px){.crearHorarios-container{padding:16px}.crearHorarios-header{padding:20px}.crearHorarios-headerContent{flex-direction:column;align-items:flex-start}.crearHorarios-headerText h1{font-size:20px}.crearHorarios-formCard{padding:20px}.crearHorarios-formRow{grid-template-columns:1fr}.crearHorarios-formActions{flex-direction:column}.crearHorarios-btnCancelar,.crearHorarios-btnGuardar{width:100%;justify-content:center}}@media (max-width: 480px){.crearHorarios-container{padding:12px}.crearHorarios-header,.crearHorarios-formCard,.crearHorarios-infoCard{padding:16px}}.crearHorario-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crearHorario-mecanico-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:700px;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.crearHorario-mecanico-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.crearHorario-mecanico-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.crearHorario-modal-header-icon{color:#3b82f6;font-size:16px}.crearHorario-mecanico-close-button{background:none;border:none;font-size:18px;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.crearHorario-mecanico-close-button:hover{background-color:#f1f5f9;color:#475569}.crearHorario-mecanico-modal-content{padding:20px 24px;max-height:60vh;overflow-y:auto}.crearHorario-mecanico-search-container{margin-bottom:20px;display:flex;justify-content:center}.crearHorario-mecanico-search-wrapper{position:relative;width:100%;max-width:400px}.crearHorario-mecanico-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:14px}.crearHorario-mecanico-search-input{width:100%;padding:12px 16px 12px 40px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;font-size:14px;transition:all .2s ease;box-sizing:border-box}.crearHorario-mecanico-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearHorario-mecanico-list{margin-bottom:20px}.crearHorario-mecanico-table{width:100%;border-collapse:collapse;font-size:14px;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.crearHorario-mecanico-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:12px;text-align:left;font-weight:600;color:#374151;font-size:13px;border-bottom:1px solid #e2e8f0}.crearHorario-mecanico-table td{padding:12px;border-bottom:1px solid #f1f5f9;color:#1a202c}.crearHorario-mecanico-row:hover{background-color:#f8fafc}.crearHorario-mecanico-row:last-child td{border-bottom:none}.crearHorario-mecanico-name{font-weight:500;color:#1e293b}.crearHorario-mecanico-estado{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.crearHorario-mecanico-estado.activo{background-color:#dcfce7;color:#166534}.crearHorario-mecanico-estado.inactivo{background-color:#fee2e2;color:#991b1b}.crearHorario-mecanico-select-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.crearHorario-mecanico-select-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.crearHorario-mecanico-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280;text-align:center}.crearHorario-mecanico-no-results-icon{font-size:32px;margin-bottom:12px;opacity:.5}.crearHorario-mecanico-no-results p{margin:0;font-size:14px}.crearHorario-mecanico-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.crearHorario-mecanico-pagination-button{padding:8px 16px;border:1px solid #d1d5db;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151}.crearHorario-mecanico-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.crearHorario-mecanico-pagination-button:disabled{opacity:.5;cursor:not-allowed}.crearHorario-mecanico-page-info{font-size:13px;color:#6b7280;text-align:center}.crearHorario-mecanico-total-info{color:#9ca3af;font-size:12px}.crearHorarios-mecanico-filter-container{position:relative;display:flex;align-items:center}.crearHorarios-mecanico-filter-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;transition:all .2s ease;font-family:inherit;font-size:14px;box-sizing:border-box;cursor:pointer}.crearHorarios-mecanico-filter-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearHorarios-mecanico-filter-input.error{border-color:#ef4444;background-color:#fef2f2}.crearHorarios-clear-mecanico-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.crearHorarios-clear-mecanico-button:hover{background-color:#f3f4f6;color:#374151}@media (max-width: 768px){.crearHorario-mecanico-modal{width:95%;max-height:90vh}.crearHorario-mecanico-modal-header,.crearHorario-mecanico-modal-content{padding:16px 20px}.crearHorario-mecanico-table{font-size:13px}.crearHorario-mecanico-table th,.crearHorario-mecanico-table td{padding:8px}.crearHorario-mecanico-pagination{flex-direction:column;gap:12px}.crearHorario-mecanico-pagination-button{width:100%}}.editarHorario-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarHorario-header{background-color:#fff;border-radius:15px;padding:25px;margin-bottom:25px;box-shadow:0 8px 32px #0000001a}.editarHorario-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.editarHorario-header-left{display:flex;align-items:center;gap:15px}.editarHorario-icon-container{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4299e1,#2b6cb0);display:flex;align-items:center;justify-content:center}.editarHorario-icon{font-size:1.75rem;color:#fff}.editarHorario-title-section{display:flex;flex-direction:column}.editarHorario-title{margin:0;font-size:2rem;font-weight:600;color:#2d3748}.editarHorario-subtitle{margin:0;color:#718096;font-size:1rem}.editarHorario-btn-volver{background:#edf2f7;border:1px solid #cbd5e0;color:#4a5568;padding:12px 24px;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.editarHorario-btn-volver:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.editarHorario-alerta{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:15px;border-radius:8px;margin-bottom:20px}.editarHorario-content{display:grid;grid-template-columns:2fr 1fr;gap:25px}.editarHorario-form-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;border:1px solid #e9ecef;overflow:hidden}.editarHorario-form-header{padding:25px 25px 0}.editarHorario-form-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 8px}.editarHorario-form-description{color:#718096;margin:0 0 25px}.editarHorario-form-content{padding:0 25px 25px}.editarHorario-current-info{background:#f7fafc;padding:15px;border-radius:8px;margin-bottom:25px;border-left:4px solid #4299e1}.editarHorario-current-info h4{margin:0 0 10px;color:#2d3748;font-size:1rem;font-weight:600}.editarHorario-current-info p{margin:5px 0;color:#4a5568}.editarHorario-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editarHorario-form-group{display:flex;flex-direction:column;gap:8px}.editarHorario-form-group-full{grid-column:1 / -1}.editarHorario-label{font-weight:600;color:#374151;font-size:14px}.editarHorario-input,.editarHorario-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;font-size:14px;box-sizing:border-box}.editarHorario-input:focus,.editarHorario-textarea:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarHorario-input-error{border-color:#ef4444!important;background-color:#fef2f2!important}.editarHorario-input:disabled,.editarHorario-textarea:disabled{background-color:#f1f5f9;color:#6b7280;cursor:not-allowed}.editarHorario-error-text{font-size:12px;color:#ef4444;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarHorario-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 25px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.editarHorario-btn-cancel{background:#edf2f7;color:#4a5568;border:1px solid #cbd5e0;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:8px}.editarHorario-btn-cancel:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.editarHorario-btn-submit{background:linear-gradient(135deg,#4299e1,#2b6cb0);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4299e14d;display:flex;align-items:center;gap:8px}.editarHorario-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4299e166}.editarHorario-btn-submit:disabled,.editarHorario-btn-cancel:disabled{background:#edf2f7;color:#a0aec0;border:1px solid #cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.editarHorario-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:editarHorarioSpin 1s ease-in-out infinite}@keyframes editarHorarioSpin{to{transform:rotate(360deg)}}.editarHorario-info-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;border:1px solid #e9ecef;height:fit-content}.editarHorario-info-header{padding:25px;border-bottom:1px solid #e2e8f0}.editarHorario-info-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 8px}.editarHorario-info-description{color:#718096;margin:0}.editarHorario-info-list{padding:25px;margin:0;list-style:none}.editarHorario-info-list li{margin-bottom:12px;color:#4a5568;position:relative;padding-left:20px}.editarHorario-info-list li:before{content:"•";color:#4299e1;font-weight:700;position:absolute;left:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4299e1;border-radius:50%;animation:editarHorarioSpin 1s linear infinite;margin-bottom:15px}@media (max-width: 992px){.editarHorario-content{grid-template-columns:1fr}}@media (max-width: 768px){.editarHorario-container{padding:15px}.editarHorario-header-content{flex-direction:column;text-align:center}.editarHorario-header-left{flex-direction:column}.editarHorario-title{font-size:1.5rem}.editarHorario-form-grid{grid-template-columns:1fr}.editarHorario-form-actions{flex-direction:column}.editarHorario-btn-cancel,.editarHorario-btn-submit{width:100%;justify-content:center}}.detalleHorario-container{padding:20px;background-color:#f8f9fa;min-height:100vh}.detalleHorario-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.detalleHorario-headerContent{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.detalleHorario-headerLeft{display:flex;align-items:center;gap:16px}.detalleHorario-iconContainer{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detalleHorario-headerIcon{color:#fff;font-size:20px}.detalleHorario-headerText{display:flex;flex-direction:column;gap:4px}.detalleHorario-title{margin:0;font-size:24px;font-weight:600;color:#111827;line-height:1.2}.detalleHorario-subtitle{margin:0;font-size:14px;color:#6b7280;font-weight:400}.detalleHorario-btnVolver{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:10px 20px;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.detalleHorario-btnVolver:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.detalleHorario-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}.detalleHorario-mainCard{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.detalleHorario-cardHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.detalleHorario-cardTitle{display:flex;flex-direction:column;gap:8px}.detalleHorario-cardTitle h2{margin:0;font-size:20px;font-weight:600;color:#111827}.detalleHorario-tipoBadge{display:inline-block;padding:6px 12px;border-radius:16px;color:#fff;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.detalleHorario-actions{display:flex;gap:8px}.detalleHorario-btnEdit{padding:8px 16px;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;border:none;font-size:14px}.detalleHorario-btnEdit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.detalleHorario-btnEdit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.detalleHorario-btnEdit:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.detalleHorario-alert{display:flex;align-items:center;gap:8px;background:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.detalleHorario-alert svg{color:#f59e0b;font-size:16px;flex-shrink:0}.detalleHorario-section{margin-bottom:24px}.detalleHorario-sectionTitle{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.detalleHorario-sectionTitle svg{color:#3b82f6;font-size:16px}.detalleHorario-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detalleHorario-field{display:flex;flex-direction:column;gap:4px}.detalleHorario-fieldFull{grid-column:span 2}.detalleHorario-label{font-weight:500;color:#6b7280;font-size:14px}.detalleHorario-value{font-size:15px;color:#111827;font-weight:400}.detalleHorario-ausenciaBadge{display:inline-block;background:#ef4444;color:#fff;padding:4px 8px;border-radius:4px;font-weight:500;font-size:12px;width:fit-content}.detalleHorario-motivoContainer{background:#f9fafb;padding:16px;border-radius:8px;border-left:4px solid #3b82f6}.detalleHorario-motivoContainer p{margin:0;line-height:1.6;color:#111827;font-size:15px}.detalleHorario-infoCard{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;height:fit-content}.detalleHorario-infoTitle{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.detalleHorario-infoTitle svg{color:#3b82f6;font-size:16px}.detalleHorario-horarioNormal{background:#f3f4f6;padding:16px;border-radius:8px;margin-bottom:16px}.detalleHorario-horarioNormal h4{margin:0 0 8px;color:#111827;font-size:14px;font-weight:600}.detalleHorario-horarioNormal p{margin:4px 0;color:#4b5563;font-size:13px}.detalleHorario-infoText{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.detalleHorario-tipoInfo p{margin:0 0 4px;color:#111827;font-size:14px}.detalleHorario-tipoDescripcion{font-style:italic;color:#6b7280;font-size:13px;display:block}.detalleHorario-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.detalleHorario-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:detalleHorarioSpin 1s linear infinite;margin-bottom:16px}@keyframes detalleHorarioSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detalleHorario-loading p{color:#6b7280;font-size:14px;margin:0}.detalleHorario-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;text-align:center}.detalleHorario-errorIcon{font-size:48px;color:#ef4444;margin-bottom:16px}.detalleHorario-error h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}@media (max-width: 1024px){.detalleHorario-content{grid-template-columns:1fr}}@media (max-width: 768px){.detalleHorario-container{padding:16px}.detalleHorario-header{padding:20px}.detalleHorario-headerContent{flex-direction:column;align-items:flex-start}.detalleHorario-headerLeft{width:100%}.detalleHorario-title{font-size:20px}.detalleHorario-cardHeader{flex-direction:column;gap:16px;align-items:flex-start}.detalleHorario-actions{width:100%;justify-content:flex-end}.detalleHorario-grid{grid-template-columns:1fr}.detalleHorario-fieldFull{grid-column:span 1}}@media (max-width: 480px){.detalleHorario-actions{flex-direction:column;width:100%}.detalleHorario-btnEdit,.detalleHorario-btnDelete{justify-content:center}}.detalleHorario-btnDelete{background:#ef4444;color:#fff}.detalleHorario-btnDelete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.listarCitas-container{padding:24px;background-color:#f8fafc;min-height:100vh}.listarCitas-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.listarCitas-header-content h1.listarCitas-title{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.listarCitas-subtitle{color:#64748b;font-size:16px;margin:0}.listarCitas-actions{display:flex;align-items:center;gap:16px}.listarCitas-search-input{padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;width:250px;transition:all .2s ease}.listarCitas-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.listarCitas-view-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:4px}.listarCitas-view-btn{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#64748b}.listarCitas-view-btn:hover{background:#e2e8f0;color:#2563eb}.listarCitas-view-btn.active{background:#2563eb;color:#fff;box-shadow:0 1px 2px #0000001a}.listarCitas-btn-crear{background:#2563eb;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease;border:none;cursor:pointer}.listarCitas-btn-crear:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarCitas-loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.listarCitas-loading-content{text-align:center}.listarCitas-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.listarCitas-loading-text{color:#64748b;font-size:16px;margin:0}.listarCitas-calendar-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.listarCitas-calendar-legend{display:flex;justify-content:center;gap:24px;padding:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.listarCitas-legend-item{display:flex;align-items:center;gap:8px}.listarCitas-legend-color{width:16px;height:16px;border-radius:4px}.listarCitas-color-pendiente{background-color:#2563eb}.listarCitas-color-confirmada{background-color:#f59e0b}.listarCitas-color-completada{background-color:#10b981}.listarCitas-color-cancelada{background-color:#ef4444}.listarCitas-legend-text{font-size:14px;color:#374151;font-weight:500}.listarCitas-calendar-wrapper{padding:24px}.listarCitas-calendar{font-family:inherit}.rbc-calendar{background:#fff}.rbc-header{background:#f8fafc;color:#374151;font-weight:600;padding:12px 8px;border-bottom:1px solid #e2e8f0}.rbc-toolbar{margin-bottom:20px;padding:16px 0}.rbc-toolbar button{background:#f1f5f9;border:1px solid #e2e8f0;color:#374151;padding:8px 16px;border-radius:6px;font-weight:500;transition:all .2s ease}.rbc-toolbar button:hover{background:#e2e8f0;border-color:#cbd5e1}.rbc-toolbar button.rbc-active{background:#2563eb;border-color:#2563eb;color:#fff}.rbc-toolbar-label{font-size:18px;font-weight:600;color:#1a202c}.rbc-event{border-radius:4px;border:none;font-size:12px;font-weight:500}.rbc-day-bg:hover{background-color:#f8fafc}.rbc-today{background-color:#eff6ff}.listarCitas-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.listarCitas-table-wrapper{overflow-x:auto}.listarCitas-table{width:100%;border-collapse:collapse}.listarCitas-table-header{background:#f8fafc}.listarCitas-th{padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;border-bottom:1px solid #e2e8f0}.listarCitas-table-body .listarCitas-table-row{transition:background-color .2s ease}.listarCitas-table-body .listarCitas-table-row:hover{background-color:#f8fafc}.listarCitas-td{padding:16px 12px;border-bottom:1px solid #f1f5f9;color:#374151;font-size:14px}.listarCitas-vehiculo-placa,.listarCitas-cliente-nombre,.listarCitas-mecanico-nombre{font-weight:500}.listarCitas-estado-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.listarCitas-estado-1{background-color:#dbeafe;color:#1d4ed8}.listarCitas-estado-2{background-color:#fef3c7;color:#d97706}.listarCitas-estado-3{background-color:#d1fae5;color:#059669}.listarCitas-estado-4{background-color:#fee2e2;color:#dc2626}.listarCitas-actions-cell{width:120px}.listarCitas-actions-group{display:flex;gap:8px;justify-content:center}.listarCitas-btn-action{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none}.listarCitas-btn-view{background-color:#10b981;color:#fff}.listarCitas-btn-view:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.listarCitas-btn-delete{background-color:#ef4444;color:#fff}.listarCitas-btn-delete:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.listarCitas-action-icon{font-size:14px}.listarCitas-no-data{text-align:center;padding:48px 24px;color:#64748b}.listarCitas-no-data-content{display:flex;flex-direction:column;align-items:center;gap:16px}.listarCitas-no-data-text{font-size:16px;font-weight:500}.listarCitas-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:24px;background:#f8fafc;border-top:1px solid #e2e8f0}.listarCitas-pagination-button{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:40px}.listarCitas-pagination-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.listarCitas-pagination-button.active{background:#2563eb;border-color:#2563eb;color:#fff}.listarCitas-pagination-button:disabled{opacity:.5;cursor:not-allowed}.listarCitas-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.listarCitas-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.listarCitas-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.listarCitas-modal-title{font-size:20px;font-weight:600;color:#1a202c;margin:0}.listarCitas-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:4px;border-radius:4px;transition:all .2s ease}.listarCitas-close-btn:hover{background:#f1f5f9;color:#374151}.listarCitas-modal-body{padding:0 24px}.listarCitas-modal-info{display:flex;flex-direction:column;gap:16px}.listarCitas-info-group{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.listarCitas-info-group:last-child{border-bottom:none}.listarCitas-info-label{color:#374151;font-weight:600;font-size:14px}.listarCitas-info-value{color:#64748b;font-size:14px;text-align:right;max-width:60%}.listarCitas-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0;margin-top:24px}.listarCitas-btn-edit-modal{background:#2563eb;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease;border:none;cursor:pointer}.listarCitas-btn-edit-modal:hover{background:#1d4ed8}.listarCitas-btn-close-modal{background:#f1f5f9;color:#374151;padding:10px 20px;border-radius:6px;border:1px solid #e2e8f0;font-weight:500;cursor:pointer;transition:all .2s ease}.listarCitas-btn-close-modal:hover{background:#e2e8f0}@media (max-width: 768px){.listarCitas-container{padding:16px}.listarCitas-header{flex-direction:column;gap:20px;align-items:stretch}.listarCitas-actions{flex-wrap:wrap;justify-content:space-between}.listarCitas-search-input{width:100%;order:-1}.listarCitas-table-wrapper{overflow-x:scroll}.listarCitas-table{min-width:700px}.listarCitas-modal-content{margin:20px;max-width:none}.listarCitas-modal-footer{flex-direction:column}.listarCitas-btn-edit-modal,.listarCitas-btn-close-modal{width:100%;justify-content:center}}@media (max-width: 480px){.listarCitas-actions{flex-direction:column;gap:12px}.listarCitas-view-toggle,.listarCitas-btn-crear{width:100%;justify-content:center}.listarCitas-pagination{flex-wrap:wrap;gap:4px}.listarCitas-pagination-button{min-width:36px;padding:6px 8px;font-size:12px}}.crearCita-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearCita-header{margin-bottom:30px}.crearCita-headerContent{display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearCita-iconContainer{width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb4d}.crearCita-icon{color:#fff;font-size:24px}.crearCita-titleSection h1{font-size:28px;color:#1a202c;font-weight:600;margin:0}.crearCita-subtitle{color:#6b7280;font-size:16px;margin:0}.crearCita-backButton{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearCita-backButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearCita-content{display:grid;grid-template-columns:1fr 300px;gap:30px;max-width:1200px;margin:0 auto}.crearCita-mainCard{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearCita-loading{padding:3rem;text-align:center;color:#6b7280}.crearCita-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.crearCita-form{display:flex;flex-direction:column}.crearCita-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearCita-form-section:last-of-type{border-bottom:none}.crearCita-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearCita-section-icon{color:#2563eb;font-size:16px}.crearCita-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearCita-form-group{display:flex;flex-direction:column;gap:8px}.crearCita-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearCita-label-icon{color:#6b7280;font-size:12px}.crearCita-input-container{position:relative;display:flex;align-items:center}.crearCita-form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearCita-form-input:focus{border-color:#2563eb;background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.crearCita-form-input.error{border-color:#ef4444;background-color:#fef2f2}.crearCita-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearCita-form-input.disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.crearCita-form-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.crearCita-textarea{resize:vertical;min-height:100px}.crearCita-clear-button{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.crearCita-clear-button:hover{color:#ef4444;background-color:#fef2f2}.crearCita-link-button{color:#2563eb;font-size:12px;cursor:pointer;text-decoration:underline;display:flex;align-items:center;gap:4px;transition:all .2s ease;position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;margin:0;z-index:2}.crearCita-link-button:hover{color:#1d4ed8}.crearCita-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearCita-info-text{font-size:12px;color:#2563eb;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#eff6ff;border-radius:6px;border-left:3px solid #2563eb}.crearCita-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearCita-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearCita-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearCita-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearCita-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearCita-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearCita-button-icon{font-size:12px}.crearCita-infoCard{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;height:fit-content;position:sticky;top:25px}.crearCita-infoHeader{padding:24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:12px}.crearCita-infoIcon{color:#2563eb;font-size:18px}.crearCita-infoTitle{margin:0;font-size:16px;font-weight:600;color:#1a202c}.crearCita-infoContent{padding:24px}.crearCita-infoItem{margin-bottom:20px}.crearCita-infoItem:last-child{margin-bottom:0}.crearCita-infoItem strong{display:block;margin-bottom:8px;color:#374151;font-size:14px;font-weight:600}.crearCita-infoItem p{margin:4px 0;color:#6b7280;font-size:14px}.crearCita-infoNote{color:#2563eb!important;font-style:italic}.crearCita-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.listarCompra-proveedor-modal{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.listarCompra-proveedor-modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.listarCompra-proveedor-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1a202c;display:flex;align-items:center;gap:8px}.listarCompra-modal-header-icon{color:#2563eb;font-size:16px}.listarCompra-proveedor-close-button{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.listarCompra-proveedor-close-button:hover{background:#f3f4f6;color:#374151}.listarCompra-proveedor-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.listarCompra-proveedor-search-container{padding:20px 24px;border-bottom:1px solid #f1f5f9}.listarCompra-proveedor-search-wrapper{position:relative;display:flex;align-items:center}.listarCompra-proveedor-search-icon{position:absolute;left:12px;color:#9ca3af;font-size:14px}.listarCompra-proveedor-search-input{width:100%;padding:12px 16px 12px 40px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease}.listarCompra-proveedor-search-input:focus{border-color:#2563eb;background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.listarCompra-proveedor-list{flex:1;overflow-y:auto;padding:12px}.listarCompra-proveedor-table{width:100%;border-collapse:collapse}.listarCompra-proveedor-table th{background:#f8fafc;padding:12px;text-align:left;font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.listarCompra-proveedor-table td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#6b7280}.listarCompra-proveedor-row:hover{background:#f8fafc}.listarCompra-proveedor-name{font-weight:500;color:#1a202c}.listarCompra-proveedor-select-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.listarCompra-proveedor-select-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.listarCompra-proveedor-no-results{text-align:center;padding:40px 20px;color:#9ca3af}.listarCompra-proveedor-no-results-icon{font-size:32px;margin-bottom:12px;color:#d1d5db}.listarCompra-proveedor-no-results p{margin:0;font-size:14px}.listarCompra-proveedor-pagination{padding:16px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.listarCompra-proveedor-pagination-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.listarCompra-proveedor-pagination-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.listarCompra-proveedor-pagination-button:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.listarCompra-proveedor-page-info{font-size:12px;color:#6b7280}.listarCompra-proveedor-total-info{color:#2563eb;font-weight:500}.crearCita-hora-modal{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;width:100%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.crearCita-modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.crearCita-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1a202c;display:flex;align-items:center;gap:8px}.crearCita-modal-header-icon{color:#2563eb;font-size:16px}.crearCita-modal-close-button{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.crearCita-modal-close-button:hover{background:#f3f4f6;color:#374151}.crearCita-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.crearCita-modal-search{padding:20px 24px;border-bottom:1px solid #f1f5f9}.crearCita-search-wrapper{position:relative;display:flex;align-items:center}.crearCita-search-icon{position:absolute;left:12px;color:#9ca3af;font-size:14px}.crearCita-search-input{width:100%;padding:12px 16px 12px 40px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease}.crearCita-search-input:focus{border-color:#2563eb;background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.crearCita-horas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:24px;overflow-y:auto;max-height:400px}.crearCita-hora-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:center}.crearCita-hora-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.crearCita-hora-card.selected{border-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 12px #2563eb33}.crearCita-hora-time{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:600;color:#1a202c;margin-bottom:8px}.crearCita-hora-icon{color:#2563eb;font-size:16px}.crearCita-hora-description{font-size:12px;color:#6b7280;font-weight:500}.crearCita-no-results{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#9ca3af}.crearCita-no-results-icon{font-size:32px;margin-bottom:12px;color:#d1d5db}.crearCita-no-results p{margin:0;font-size:14px}@media (max-width: 1024px){.crearCita-content{grid-template-columns:1fr;gap:20px}.crearCita-infoCard{position:static}}@media (max-width: 768px){.crearCita-container{padding:16px 16px 100px}.crearCita-form-grid{grid-template-columns:1fr;gap:16px}.crearCita-form-actions{flex-direction:column;gap:12px}.crearCita-cancel-button,.crearCita-submit-button{width:100%;justify-content:center}.crearCita-horas-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:16px}.listarCompra-proveedor-modal,.crearCita-hora-modal{margin:16px;max-height:90vh}}@media (max-width: 480px){.crearCita-headerContent{flex-direction:column;align-items:flex-start;gap:8px}.crearCita-form-section,.crearCita-form-actions{padding:16px}.crearCita-horas-grid{grid-template-columns:1fr}.crearCita-modal-overlay{padding:12px}}.crearCita-cliente-input-btn,.crearCita-mecanico-input-btn,.crearCita-vehiculo-input-btn{display:flex;align-items:center;gap:12px;position:relative}.crearCita-cliente-input-btn .crearCita-form-input,.crearCita-mecanico-input-btn .crearCita-form-input,.crearCita-vehiculo-input-btn .crearCita-form-input{flex:1;min-width:0}.crearCita-create-button,.crearCita-nuevo-cliente-btn,.crearCita-nuevo-mecanico-btn,.crearCita-nuevo-vehiculo-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:6px;min-width:80px;height:48px;justify-content:center}.crearCita-create-button:hover:not(:disabled),.crearCita-nuevo-cliente-btn:hover:not(:disabled),.crearCita-nuevo-mecanico-btn:hover:not(:disabled),.crearCita-nuevo-vehiculo-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearCita-nuevo-vehiculo-btn:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.crearCita-cliente-input-btn,.crearCita-mecanico-input-btn,.crearCita-vehiculo-input-btn{flex-direction:column;gap:8px}.crearCita-nuevo-cliente-btn,.crearCita-nuevo-mecanico-btn,.crearCita-nuevo-vehiculo-btn{width:100%;justify-content:center}}.editarCita-container{padding:24px;background-color:#f8fafc;min-height:100vh}.editarCita-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center}.editarCita-headerContent{display:flex;align-items:center;gap:16px}.editarCita-iconContainer{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center}.editarCita-headerIcon{color:#fff;font-size:20px}.editarCita-headerText h1{margin:0;font-size:24px;font-weight:700;color:#1f2937}.editarCita-headerText p{margin:4px 0 0;color:#6b7280;font-size:14px}.editarCita-backButton{background:#f3f4f6;color:#374151;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s}.editarCita-backButton:hover{background:#e5e7eb;color:#1f2937}.editarCita-content{display:grid;grid-template-columns:1fr 300px;gap:24px}.editarCita-mainCard{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.editarCita-form{padding:24px}.editarCita-section{margin-bottom:32px}.editarCita-section:last-child{margin-bottom:0}.editarCita-sectionTitle{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.editarCita-sectionIcon{color:#3b82f6;font-size:16px}.editarCita-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editarCita-field{margin-bottom:20px}.editarCita-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.editarCita-fieldIcon{color:#6b7280;font-size:14px}.editarCita-input,.editarCita-select,.editarCita-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.editarCita-input:focus,.editarCita-select:focus,.editarCita-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.editarCita-inputError{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.editarCita-error{color:#ef4444;font-size:12px;margin-top:4px;display:block}.editarCita-textarea{resize:vertical;min-height:100px}.editarCita-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #f3f4f6}.editarCita-cancelButton{background:#f3f4f6;color:#374151;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s}.editarCita-cancelButton:hover{background:#e5e7eb;color:#1f2937}.editarCita-submitButton{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.editarCita-submitButton:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}.editarCita-submitButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.editarCita-infoCard{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;height:fit-content}.editarCita-infoTitle{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.editarCita-infoContent{space-y:16px}.editarCita-infoItem{margin-bottom:16px}.editarCita-infoItem strong{color:#374151;font-weight:600;display:block;margin-bottom:4px}.editarCita-infoItem p{color:#6b7280;font-size:14px;margin:2px 0}.editarCita-infoNote{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px;margin-top:16px}.editarCita-infoNote p{color:#1e40af;font-size:13px;margin:0}.editarCita-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b7280}.editarCita-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 1024px){.editarCita-content{grid-template-columns:1fr}.editarCita-infoCard{order:-1}}@media (max-width: 768px){.editarCita-container{padding:16px}.editarCita-header{flex-direction:column;gap:16px;text-align:center}.editarCita-row{grid-template-columns:1fr}.editarCita-actions{flex-direction:column}.editarCita-cancelButton,.editarCita-submitButton{width:100%;text-align:center}}.detalleCita-container{padding:0;background-color:#f8fafc;min-height:100vh}.detalleCita-header{background:#fff;padding:24px 32px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.detalleCita-header-content{display:flex;align-items:center;gap:16px}.detalleCita-icon-container{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f666}.detalleCita-icon{color:#fff;font-size:20px}.detalleCita-header-text h1,.detalleCita-title{margin:0;font-size:24px;font-weight:700;color:#1e293b;line-height:1.2}.detalleCita-subtitle{margin:4px 0 0;font-size:14px;color:#64748b;font-weight:400}.detalleCita-btn-volver{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.detalleCita-btn-volver:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px)}.detalleCita-content{display:grid;grid-template-columns:1fr 300px;gap:24px;padding:24px 32px;max-width:1400px;margin:0 auto}.detalleCita-main{display:flex;flex-direction:column;gap:24px}.detalleCita-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.detalleCita-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.detalleCita-section-icon{color:#3b82f6;font-size:18px}.detalleCita-section h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.detalleCita-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detalleCita-field{display:flex;flex-direction:column;gap:6px}.detalleCita-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detalleCita-label svg{font-size:12px;color:#3b82f6}.detalleCita-value{font-size:16px;font-weight:500;color:#1e293b;padding:8px 0}.detalleCita-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detalleCita-estado-section{margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.detalleCita-estado-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.detalleCita-estado-buttons{display:flex;flex-wrap:wrap;gap:12px}.detalleCita-btn-estado{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.detalleCita-btn-estado:disabled{opacity:.5;cursor:not-allowed}.btn-pendiente{background-color:#fef3c7;color:#92400e}.btn-pendiente:hover:not(:disabled){background-color:#fde68a}.btn-confirmada{background-color:#d1fae5;color:#065f46}.btn-confirmada:hover:not(:disabled){background-color:#a7f3d0}.btn-cancelada{background-color:#fee2e2;color:#991b1b}.btn-cancelada:hover:not(:disabled){background-color:#fecaca}.btn-completada{background-color:#dbeafe;color:#1e40af}.btn-completada:hover:not(:disabled){background-color:#bfdbfe}.detalleCita-observaciones{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;min-height:100px;white-space:pre-wrap;font-size:14px;line-height:1.6;color:#475569}.detalleCita-no-data{color:#64748b;font-style:italic;text-align:center;padding:20px;background-color:#f8fafc;border-radius:8px;margin:0}.detalleCita-sidebar{display:flex;flex-direction:column;gap:24px}.detalleCita-info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;height:fit-content}.detalleCita-info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.detalleCita-info-icon{color:#3b82f6;font-size:16px}.detalleCita-info-card h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.detalleCita-info-text{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:20px}.detalleCita-actions{display:flex;flex-direction:column;gap:12px}.detalleCita-btn-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.btn-print{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-print:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.detalleCita-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.detalleCita-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.detalleCita-loading p{color:#64748b;font-size:16px}.detalleCita-error{text-align:center;padding:40px;background:#fff;border-radius:12px;margin:24px;box-shadow:0 1px 3px #0000001a}.detalleCita-error h2{color:#dc2626;margin-bottom:12px}.detalleCita-error p{color:#64748b;margin-bottom:24px}@media (max-width: 1024px){.detalleCita-content{grid-template-columns:1fr;gap:20px;padding:20px}.detalleCita-header{padding:20px}}@media (max-width: 768px){.detalleCita-header{flex-direction:column;align-items:flex-start;gap:16px}.detalleCita-grid{grid-template-columns:1fr}.detalleCita-estado-buttons{flex-direction:column}.detalleCita-btn-estado{width:100%}}.listarRoles-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center;box-shadow:0 2px 4px #0000000d}.listarRoles-sort-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.listarRoles-sort-icon{font-size:18px}.listarRoles-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.listarRoles-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.listarRoles-title-section{display:flex;flex-direction:column;gap:4px}.listarRoles-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.listarRoles-title-icon{color:#2563eb;font-size:24px}.listarRoles-subtitle{color:#6b7280;font-size:16px;margin:0}.listarRoles-create-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.listarRoles-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.listarRoles-button-icon{font-size:12px}.listarRoles-filters-container{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;align-items:end;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarRoles-filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.listarRoles-filter-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px}.listarRoles-search-container{position:relative;display:flex;align-items:center}.listarRoles-search-icon{position:absolute;left:12px;color:#6b7280;font-size:14px;z-index:1}.listarRoles-search-input{width:100%;padding:10px 14px 10px 36px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarRoles-search-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarRoles-filter-select{width:100%;padding:10px 14px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.listarRoles-filter-select:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.listarRoles-table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.listarRoles-table{width:100%;border-collapse:collapse;font-size:14px}.listarRoles-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:14px;position:sticky;top:0;z-index:1}.listarRoles-table td{border:none;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:14px;color:#1a202c}.listarRoles-table tr:hover{background-color:#f8fafc}.listarRoles-table tr:last-child td{border-bottom:none}.listarRoles-role-info{display:flex;flex-direction:column;gap:2px}.listarRoles-role-name{font-weight:600;color:#1a202c}.listarRoles-role-code{font-size:12px;color:#6b7280;font-family:Courier New,monospace}.listarRoles-descripcion{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listarRoles-tipo-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #bfdbfe}.listarRoles-permisos,.listarRoles-usuarios{display:flex;align-items:center;gap:6px;font-size:13px}.listarRoles-permisos-icon,.listarRoles-usuarios-icon{color:#6b7280;font-size:12px}.listarRoles-estado-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600}.listarRoles-estado-toggle.activo{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.listarRoles-estado-toggle.inactivo{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.listarRoles-estado-toggle:hover{transform:scale(1.05)}.listarRoles-toggle-icon{font-size:14px}.listarRoles-estado-text{font-size:11px}.listarRoles-actions{display:flex;gap:8px;justify-content:center;padding:8px}.listarRoles-action-button{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:14px}.listarRoles-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.listarRoles-action-button.edit{background-color:#3b82f6;color:#fff}.listarRoles-action-button.delete{background-color:#ef4444;color:#fff}.listarRoles-action-button.detail{background-color:#10b981;color:#fff}.listarRoles-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.listarRoles-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.listarRoles-no-results p{margin:0;font-size:16px}.listarRoles-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.listarRoles-pagination-button{min-width:40px;height:40px;padding:8px 12px;border:2px solid #e2e8f0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;justify-content:center}.listarRoles-pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.listarRoles-pagination-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.listarRoles-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background-color:#f9fafb;color:#9ca3af}.listarRoles-pagination-button:disabled:hover{background-color:#f9fafb;border-color:#e2e8f0;transform:none;box-shadow:none}.listarRoles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.listarRoles-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.listarRoles-container{padding:16px}.listarRoles-header{flex-direction:column;gap:16px;align-items:stretch}.listarRoles-filters-container{flex-direction:column;gap:15px}.listarRoles-filter-item{min-width:auto}.listarRoles-table-container{overflow-x:auto}.listarRoles-table{min-width:900px}.listarRoles-pagination{flex-wrap:wrap;gap:4px}.listarRoles-pagination-button{min-width:36px;height:36px;font-size:12px}}@media (max-width: 480px){.listarRoles-page-title{font-size:24px}.listarRoles-header,.listarRoles-filters-container,.listarRoles-pagination{padding:16px}}.crearRol-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.crearRol-header{margin-bottom:30px}.crearRol-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.crearRol-title-icon{color:#2563eb;font-size:24px}.crearRol-subtitle{color:#6b7280;font-size:16px;margin:0}.crearRol-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.crearRol-form-section{padding:24px;border-bottom:1px solid #f1f5f9}.crearRol-form-section:last-child{border-bottom:none}.crearRol-section-title{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.crearRol-section-icon{color:#2563eb;font-size:16px}.crearRol-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.crearRol-form-group{display:flex;flex-direction:column;gap:8px}.crearRol-form-group-full{grid-column:1 / -1}.crearRol-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.crearRol-label-icon{color:#6b7280;font-size:12px}.crearRol-form-input,.crearRol-form-textarea{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.crearRol-form-input:focus,.crearRol-form-textarea:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.crearRol-form-input.error,.crearRol-form-textarea.error{border-color:#ef4444;background-color:#fef2f2}.crearRol-form-input.error:focus,.crearRol-form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crearRol-form-textarea{resize:vertical;min-height:100px}.crearRol-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.crearRol-permisos-error{margin-bottom:16px}.crearRol-permisos-container{display:flex;flex-direction:column;gap:20px}.crearRol-categoria-permisos{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;background-color:#f8fafc}.crearRol-categoria-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #e2e8f0}.crearRol-categoria-toggle{width:100%;padding:16px 20px;border:none;background:none;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;font-weight:600;color:#374151}.crearRol-categoria-toggle:hover{background-color:#3b82f60d}.crearRol-categoria-toggle.selected{color:#2563eb}.crearRol-categoria-toggle.partial{color:#f59e0b}.crearRol-categoria-check{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;transition:all .2s ease}.crearRol-categoria-toggle.selected .crearRol-categoria-check{background-color:#2563eb;border-color:#2563eb;color:#fff}.crearRol-categoria-toggle.partial .crearRol-categoria-check{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.crearRol-categoria-nombre{flex:1;text-align:left;font-size:16px}.crearRol-categoria-count{font-size:12px;color:#6b7280;background-color:#fff;padding:4px 8px;border-radius:12px}.crearRol-permisos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;padding:20px}.crearRol-permiso-item{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease}.crearRol-permiso-item:hover{border-color:#2563eb;background-color:#eff6ff}.crearRol-permiso-checkbox{display:none}.crearRol-permiso-content{display:flex;align-items:center;gap:8px;flex:1}.crearRol-permiso-check{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;transition:all .2s ease}.crearRol-permiso-checkbox:checked+.crearRol-permiso-content .crearRol-permiso-check{background-color:#2563eb;border-color:#2563eb;color:#fff}.crearRol-permiso-nombre{font-size:14px;font-weight:500;color:#374151}.crearRol-permiso-checkbox:checked+.crearRol-permiso-content .crearRol-permiso-nombre{color:#2563eb;font-weight:600}.crearRol-form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background-color:#f8fafc}.crearRol-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.crearRol-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.crearRol-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.crearRol-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.crearRol-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.crearRol-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.crearRol-button-icon{font-size:12px}.crearRol-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.crearRol-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.crearRol-container{padding:16px}.crearRol-form-grid{grid-template-columns:1fr;gap:16px}.crearRol-form-actions{flex-direction:column;gap:12px}.crearRol-cancel-button,.crearRol-submit-button{width:100%;justify-content:center}.crearRol-permisos-grid{grid-template-columns:1fr}}@media (max-width: 480px){.crearRol-page-title{font-size:24px}.crearRol-form-section,.crearRol-form-actions{padding:16px}}.editarRol-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.editarRol-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.editarRol-header-left{display:flex;align-items:flex-start;gap:20px}.editarRol-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6b72804d}.editarRol-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarRol-title-section{display:flex;flex-direction:column;gap:4px}.editarRol-page-title{font-size:28px;color:#1a202c;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.editarRol-title-icon{color:#2563eb;font-size:24px}.editarRol-subtitle{color:#6b7280;font-size:16px;margin:0;line-height:1.5;max-width:600px}.editarRol-form{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.editarRol-form-section{padding:24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#fff,#f8fafc);transition:all .3s ease}.editarRol-form-section:last-child{border-bottom:none}.editarRol-section-title{font-size:20px;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;transition:all .3s ease}.editarRol-section-icon{color:#2563eb;font-size:16px}.editarRol-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.editarRol-form-group{display:flex;flex-direction:column;gap:8px}.editarRol-form-group-full{grid-column:1 / -1}.editarRol-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px;transition:all .3s ease;padding:4px 0}.editarRol-label-icon{color:#6b7280;font-size:12px}.editarRol-form-input{width:100%;padding:14px 18px;font-size:14px;border:2px solid #e2e8f0;border-radius:12px;background-color:#f8fafc;transition:all .3s ease;font-family:inherit;box-sizing:border-box;box-shadow:0 2px 4px #00000005}.editarRol-form-input:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarRol-form-input.error{border-color:#ef4444;background-color:#fef2f2}.editarRol-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarRol-form-textarea{width:100%;padding:14px 18px;font-size:14px;border:2px solid #e2e8f0;border-radius:12px;background-color:#f8fafc;transition:all .3s ease;font-family:inherit;min-height:100px;resize:vertical;box-sizing:border-box;box-shadow:0 2px 4px #00000005}.editarRol-form-textarea:focus{border-color:#3b82f6;background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editarRol-form-textarea.error{border-color:#ef4444;background-color:#fef2f2}.editarRol-form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.editarRol-error-text{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px;margin-top:4px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}.editarRol-permisos-section{padding:24px}.editarRol-permisos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:16px}.editarRol-permiso-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #00000005}.editarRol-permiso-item:hover{border-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px);box-shadow:0 6px 12px #2563eb1a}.editarRol-permiso-item.selected{border-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.editarRol-permiso-checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.editarRol-permiso-checkbox.checked{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff}.editarRol-permiso-nombre{font-size:14px;font-weight:500;color:#374151}.editarRol-form-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}.editarRol-cancel-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px}.editarRol-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.editarRol-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #6b728033}.editarRol-submit-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;display:flex;align-items:center;gap:8px}.editarRol-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.editarRol-submit-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.editarRol-button-icon{font-size:12px}.spinning{animation:spin 1s linear infinite}.editarRol-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.editarRol-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@media (max-width: 768px){.editarRol-container{padding:16px}.editarRol-header{flex-direction:column;gap:16px;align-items:stretch}.editarRol-header-left{flex-direction:column;gap:12px}.editarRol-form-grid{grid-template-columns:1fr;gap:16px}.editarRol-permisos-grid{grid-template-columns:1fr}.editarRol-form-actions{flex-direction:column;gap:12px}.editarRol-cancel-button,.editarRol-submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.editarRol-page-title{font-size:24px}.editarRol-form-section,.editarRol-form-actions{padding:16px}}.detalleRol-container{padding:25px;background-color:#f9fafb;min-height:100vh;font-family:Montserrat,sans-serif}.detalleRol-header{padding:12px 20px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0}.detalleRol-header-left{display:flex;align-items:flex-start;gap:16px}.detalleRol-btn-back{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d;display:flex;align-items:center;gap:8px;white-space:nowrap}.detalleRol-btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.detalleRol-title-section{flex:1}.detalleRol-page-title{font-size:28px;color:#1a202c;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.detalleRol-title-icon{color:#2563eb;font-size:24px}.detalleRol-subtitle{color:#6b7280;font-size:16px;margin:0}.detalleRol-header-actions{display:flex;gap:12px}.detalleRol-btn-edit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #7c3aed4d;display:flex;align-items:center;gap:8px;white-space:nowrap}.detalleRol-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.detalleRol-section{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;margin-bottom:24px;overflow:hidden}.detalleRol-section-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.detalleRol-section-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.detalleRol-section-icon{color:#2563eb;font-size:16px}.detalleRol-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.detalleRol-info-card{display:flex;align-items:flex-start;gap:16px;padding:24px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.detalleRol-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#2563eb,#1d4ed8);opacity:0;transition:opacity .3s ease}.detalleRol-info-card:hover{transform:translateY(-4px)}.detalleRol-info-card-full{grid-column:1 / -1}.detalleRol-info-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 12px #2563eb4d;flex-shrink:0}.detalleRol-info-content{flex:1;display:flex;flex-direction:column;gap:4px}.detalleRol-info-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;transition:color .3s ease}.detalleRol-info-value{font-size:18px;font-weight:600;color:#1a202c;word-break:break-word;line-height:1.4}.detalleRol-codigo{font-family:Courier New,monospace;background-color:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:14px}.detalleRol-estado{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.detalleRol-estado.activo{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.detalleRol-estado.inactivo{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.detalleRol-tipo-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.detalleRol-tipo-badge.administrativo{background-color:#dbeafe;color:#1e40af}.detalleRol-tipo-badge.operativo{background-color:#dcfce7;color:#166534}.detalleRol-tipo-badge.supervisor{background-color:#fef3c7;color:#92400e}.detalleRol-tipo-badge.cliente{background-color:#e0e7ff;color:#3730a3}.detalleRol-tipo-badge.personalizado{background-color:#f3e8ff;color:#7c2d12}.detalleRol-tipo-badge.default{background-color:#f3f4f6;color:#374151}.detalleRol-permisos-container{padding:24px}.detalleRol-categoria-permisos{margin-bottom:24px;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;background-color:#fff;transition:all .3s ease;position:relative}.detalleRol-categoria-permisos:hover{border-color:#2563eb;box-shadow:0 8px 25px #2563eb1a}.detalleRol-categoria-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 24px;border-bottom:1px solid #e2e8f0;transition:all .3s ease}.detalleRol-categoria-permisos:hover .detalleRol-categoria-header{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.detalleRol-categoria-titulo{font-size:16px;font-weight:600;color:#374151;margin:0;display:flex;align-items:center;gap:8px}.detalleRol-categoria-icon{color:#2563eb;font-size:14px}.detalleRol-categoria-count{font-size:12px;color:#6b7280;background-color:#fff;padding:4px 8px;border-radius:12px;margin-left:auto}.detalleRol-permisos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;padding:20px}.detalleRol-permiso-item{display:flex;align-items:center;gap:12px;padding:16px;background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.detalleRol-permiso-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#2563eb,#1d4ed8);opacity:0;transition:opacity .3s ease}.detalleRol-permiso-item:hover{border-color:#2563eb;background-color:#f8fafc;transform:translate(4px)}.detalleRol-permiso-item:hover:before{opacity:1}.detalleRol-permiso-check{width:16px;height:16px;background-color:#10b981;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;flex-shrink:0}.detalleRol-permiso-nombre{font-size:14px;font-weight:500;color:#374151}.detalleRol-no-permisos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.detalleRol-no-permisos-icon{font-size:48px;margin-bottom:16px;opacity:.5}.detalleRol-no-permisos p{margin:0;font-size:16px}.detalleRol-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.detalleRol-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2563eb;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.detalleRol-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;padding:40px}.detalleRol-error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.detalleRol-error h2{font-size:24px;color:#1a202c;margin-bottom:8px}.detalleRol-error p{color:#6b7280;margin-bottom:24px;font-size:16px}@media (max-width: 768px){.detalleRol-container{padding:16px}.detalleRol-header{flex-direction:column;align-items:stretch;gap:16px}.detalleRol-header-left{flex-direction:column;gap:12px}.detalleRol-header-actions{justify-content:stretch}.detalleRol-btn-edit,.detalleRol-btn-back{width:100%;justify-content:center}.detalleRol-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}.detalleRol-info-card,.detalleRol-section-header,.detalleRol-permisos-container{padding:16px}.detalleRol-permisos-grid{grid-template-columns:1fr}}@media (max-width: 480px){.detalleRol-page-title{font-size:24px}.detalleRol-info-card{flex-direction:column;text-align:center;gap:12px}.detalleRol-info-icon{align-self:center}}.lcc-body{padding:2rem;background-color:#f4f7f6}.lcc-header{margin-bottom:2rem}.lcc-title{font-size:2.5rem;color:#333}.lcc-content{margin-bottom:100px}.lcc-citas-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.lcc-cita-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .2s}.lcc-cita-card:hover{transform:translateY(-5px)}.lcc-cita-header{background-color:#007bff;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.lcc-cita-fecha{font-weight:700}.lcc-cita-hora{display:flex;align-items:center;gap:.5rem}.lcc-cita-info{padding:1rem}.lcc-vehiculo{color:#555;margin:.5rem 0}.lcc-cita-detalles{margin-top:1rem}.lcc-cita-estado{padding:.3rem .8rem;border-radius:15px;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.lcc-cita-estado.confirmada{background-color:#d4edda;color:#155724}.lcc-cita-estado.pendiente{background-color:#fff3cd;color:#856404}.lcc-empty-state{text-align:center;padding:3rem;background-color:#fff;border-radius:8px}.lcc-empty-state svg{font-size:3rem;color:#ccc;margin-bottom:1rem}.lcc-agendar-btn{background-color:#007bff;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.lcc-agendar-btn:hover{background-color:#0056b3}.lcc-error{color:red}.lcc-filters{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex-wrap:wrap}.lcc-filter-group{display:flex;flex-direction:column;flex:1;min-width:150px}.lcc-filter-group label{margin-bottom:.5rem;font-weight:700;color:#555}.lcc-filter-group select,.lcc-filter-group input[type=date]{padding:.6rem .8rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%;box-sizing:border-box}.lcc-filter-group select:focus,.lcc-filter-group input[type=date]:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.dvc-facturas-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.dvc-factura-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column}.dvc-factura-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;font-weight:600}.dvc-estado{padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;text-transform:capitalize}.dvc-estado.pagada{background-color:#dcfce7;color:#166534}.dvc-estado.pendiente{background-color:#fef9c3;color:#854d0e}.dvc-estado.anulada{background-color:#fee2e2;color:#991b1b}.dvc-factura-body{padding:1rem;flex-grow:1}.dvc-factura-body p{margin:0 0 .5rem;color:#475569}.dvc-factura-body p strong{color:#1e293b}.dvc-factura-footer{padding:1rem;border-top:1px solid #e2e8f0;text-align:right}.dvc-detalle-btn{background-color:#0ea5e9;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:500;transition:background-color .2s}.dvc-detalle-btn:hover{background-color:#0284c7}.dvc-empty-state{text-align:center;padding:3rem;background-color:#fff;border-radius:8px;color:#64748b}.dvc-empty-state svg{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.dvc-error{color:#ef4444;text-align:center;padding:2rem}.dvc-loading-container,.dvc-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;color:#4a5568}.dvc-spinner{font-size:3rem;animation:spin 1s linear infinite}.dvc-error-container svg{font-size:3rem;color:#ef4444;margin-bottom:1rem}.dvc-detalle-factura-container{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #00000014}.dvc-factura-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid #f1f5f9;padding-bottom:1rem}.dvc-factura-header-actions h2{margin:0;color:#1e293b}.dvc-header-buttons{display:flex;gap:1rem}.dvc-download-btn,.dvc-share-btn{color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s}.dvc-download-btn{background-color:#10b981}.dvc-download-btn:hover{background-color:#059669}.dvc-share-btn{background-color:#3b82f6}.dvc-share-btn:hover{background-color:#2563eb}.dvc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.dvc-info-card{background-color:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.dvc-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#0ea5e9;font-size:1.25rem;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.dvc-card-header h3{margin:0;font-size:1.1rem;color:#334155}.dvc-info-card p{margin:.5rem 0;color:#475569}.dvc-info-card p strong{color:#1e293b}.dvc-items-section h3{margin-bottom:1rem;color:#1e293b;font-size:1.25rem}.dvc-items-table{width:100%;border-collapse:collapse}.dvc-items-table th,.dvc-items-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.dvc-items-table th{background-color:#f1f5f9;color:#475569;font-size:.875rem;text-transform:uppercase}.dvc-items-table td{color:#334155}.dvc-items-table tbody tr:last-child td{border-bottom:none}.dvc-total-section{margin-top:2rem;max-width:350px;margin-left:auto;padding:1rem;background-color:#f8fafc;border-radius:8px}.dvc-total-line{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#475569}.dvc-total-line.grand-total{font-weight:700;font-size:1.25rem;color:#1e293b;margin-top:1rem;padding-top:1rem;border-top:2px solid #e2e8f0}@media (max-width: 768px){.dvc-info-grid{grid-template-columns:1fr}.dvc-factura-header-actions{flex-direction:column;align-items:flex-start;gap:1rem}.dvc-header-buttons{width:100%;flex-direction:column}.dvc-download-btn,.dvc-share-btn{width:100%;justify-content:center}.dvc-items-table thead{display:none}.dvc-items-table tr{display:block;margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d}.dvc-items-table td{display:block;text-align:right;border-bottom:1px dotted #ccc;padding:.75rem .5rem;position:relative}.dvc-items-table td:last-child{border-bottom:none}.dvc-items-table td:before{content:attr(data-label);position:absolute;left:.5rem;font-weight:700;text-align:left;white-space:nowrap}.dvc-total-section{max-width:none;width:100%}.dvc-items-table td[data-label=Descripción]{text-align:left}.dvc-items-table td[data-label=Descripción]:before{position:static;display:block;margin-bottom:.25rem;font-size:.9em;color:#555}}.lrm-container{padding:24px;background-color:#f8fafc;min-height:100vh}.lrm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.lrm-header-content h1.lrm-title{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.lrm-subtitle{color:#64748b;font-size:16px;margin:0}.lrm-filters-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.lrm-filter-item{display:flex;flex-direction:column;gap:8px}.lrm-filter-label{font-size:14px;font-weight:600;color:#374151}.lrm-search-wrapper{position:relative;display:flex;align-items:center}.lrm-search-icon{position:absolute;left:12px;color:#9ca3af;font-size:16px}.lrm-search-input,.lrm-filter-select{padding:10px 16px 10px 40px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;width:250px;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:1em}.lrm-filter-select{padding-left:16px}.lrm-search-input:focus,.lrm-filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.lrm-sort-button{background:#f1f5f9;border:2px solid #e2e8f0;color:#374151;padding:10px 16px;border-radius:8px;font-weight:500;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;gap:8px}.lrm-sort-button:hover{background:#e2e8f0;border-color:#cbd5e1}.lrm-sort-icon{font-size:16px}.lrm-repuestos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.lrm-repuesto-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.lrm-repuesto-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.lrm-card-title{font-size:20px;color:#1a202c;margin:0}.lrm-card-info{font-size:14px;color:#4a5568;margin:0}.lrm-card-info strong{color:#2d3748}.lrm-no-results{text-align:center;padding:48px 24px;color:#64748b;font-size:16px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.lrm-no-results-icon{font-size:24px;margin-bottom:8px;color:#9ca3af}.lrm-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:24px}.lrm-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lrm-loading-text{color:#64748b;font-size:16px;margin:0}.lrm-empty-state{text-align:center;padding:48px 24px;color:#64748b;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:24px}.lrm-empty-state p{font-size:16px;font-weight:500;margin-top:16px}.lrm-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:24px;background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:24px;border-radius:12px}.lrm-pagination-button{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:40px}.lrm-pagination-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.lrm-pagination-button.active{background:#2563eb;border-color:#2563eb;color:#fff}.lrm-pagination-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.lrm-filters-container{flex-direction:column;align-items:stretch}.lrm-filter-item,.lrm-search-input,.lrm-filter-select{width:100%}}@media (max-width: 768px){.lrm-container{padding:16px;margin-bottom:100px}.lrm-header{flex-direction:column;gap:20px;align-items:stretch}.lrm-search-input{width:100%}.lrm-pagination{flex-wrap:wrap;gap:4px}.lrm-pagination-button{min-width:36px;padding:6px 8px;font-size:12px}}@media (max-width: 600px){.lrm-filters-container{padding:16px;gap:12px}.lrm-sort-button{width:100%;justify-content:center}}@media (max-width: 480px){.lrm-repuestos-list{grid-template-columns:1fr}.lrm-card-title{font-size:18px}.lrm-card-info{font-size:13px}}body{margin:0;padding:0;font-family:Montserrat}