body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#000;background-image:linear-gradient(0deg,#22a357 -100%,#000);background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:120%;margin:0;padding-top:70px;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#myVideo{height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-1}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.inputBox{position:relative;width:250px}.inputBox input{background:#0000;border:1px solid #fff;border-radius:5px;font-size:16px;font-size:1em;letter-spacing:1px;outline:none;padding:5px 0 5px 5px;width:100%}.inputBox input,.inputBox span{color:#fff;font-family:Roboto,sans-serif;transition:.5s}.inputBox span{font-size:14px;left:0;margin:-30px 0 0 5px;pointer-events:none;position:absolute;text-transform:uppercase}.inputBox input:focus~span,.inputBox input:valid~span{background:#000;background:#22a357;border-left:1px solid #22a357;border-radius:4px;border-right:1px solid #22a357;color:#22a357;color:#fff;font-size:13px;letter-spacing:.2em;margin:-50px 0 0;padding:0 10px;transform:translateX(10px)}.inputBox input:focus,.inputBox input:valid{border:1px solid #22a357}.formlogin{align-items:center;background:#000000b3;border-radius:10px;box-shadow:0 10px 50px 10px #000c;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:50%;padding:20px 20px 50px;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translate(-50% -50%)}.boton-inicio,.formlogin{font-family:Roboto,sans-serif}.boton-inicio{background-color:#0009;border:1px solid #fff;border-radius:7px;color:#fff;cursor:pointer;font-size:14px;margin:0 100px;padding:10px;text-align:center;text-decoration:none;width:150px}.boton-inicio:hover{background-color:#22a357;border:1px solid #000;color:#000;padding:10px;transition:.5s}.logo{height:100%;margin:0 0 20px;width:250px}@keyframes errorAnimation{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error{animation:errorAnimation .5s ease;background-color:#0006;border:1px groove red;border-radius:5px;color:red;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:10px;text-align:center;width:70%}.formCarga{flex-direction:column;font-family:Roboto,sans-serif;gap:20px;padding:4px;position:relative}.btnCloseCarga,.formCarga{align-items:center;display:flex}.btnCloseCarga{background:#0000;border:none;border-radius:50%;cursor:pointer;height:36px;justify-content:center;padding:8px;position:absolute;right:8px;top:-16px;transition:all .3s ease;width:36px;z-index:10}.btnCloseCarga:hover{background:#ffffff1a;transform:rotate(90deg)}.btnCloseCarga img{filter:brightness(0) invert(1);height:20px;width:20px}.bntCargar{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;margin:16px 0;min-width:140px;padding:12px 24px;transition:all .3s ease}.bntCargar:hover{background:linear-gradient(135deg,#218838,#1ba184);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.bntCargar:active{transform:translateY(0)}.bntCargar:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.bntCargar:focus{box-shadow:0 0 0 2px #52df8c80;outline:none}.bntAct{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;margin:8px;padding:10px 20px;text-align:center;transition:all .3s ease}.bntAct:hover{background:linear-gradient(135deg,#218838,#1ba184);box-shadow:0 6px 16px #28a74566;transform:translateY(-1px)}select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #52df8c4d;border-radius:8px;color:#ffffffe6;font-family:Roboto,sans-serif;font-size:14px;height:44px;letter-spacing:.5px;outline:none;padding:10px 14px;transition:all .3s ease;width:260px}select:focus{background:#ffffff14;border-color:#52df8cb3;box-shadow:0 0 0 3px #52df8c1a;transform:translateY(-1px)}select:hover{background:#ffffff12;border-color:#52df8c80}select option{background-color:#1a1a1a;border-radius:4px;color:#fff;padding:8px}input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #52df8c4d;border-radius:8px;color:#ffffffe6;font-family:Roboto,sans-serif;font-size:14px;height:44px;letter-spacing:.3px;outline:none;padding:10px 14px;transition:all .3s ease;width:232px}input:focus{background:#ffffff14;border-color:#52df8cb3;box-shadow:0 0 0 3px #52df8c1a;transform:translateY(-1px)}input:hover{background:#ffffff12;border-color:#52df8c80}input::placeholder{color:#ffffff80;font-style:italic}textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #52df8c4d;border-radius:8px;color:#ffffffe6;font-family:Roboto,sans-serif;font-size:14px;min-height:70px;outline:none;padding:10px 14px;resize:vertical;transition:all .3s ease;width:232px}textarea:focus{background:#ffffff14;border-color:#52df8cb3;box-shadow:0 0 0 3px #52df8c1a}.campo-formulario{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;max-width:260px;width:100%}.campo-formulario label{color:#52df8ce6;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.separador{color:#52df8c99;font-size:14px;margin:16px 0}.swal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000d9}.alertaEliminar{background:linear-gradient(135deg,#000000f2,#080707fa);border:1px solid #52df8c4d;border-radius:12px;box-shadow:0 25px 50px -12px #000c;font-size:14px}.alertaBtn1{background:linear-gradient(135deg,#28a745,#20c997)}.alertaBtn1,.alertaBtn2{border:none;border-radius:6px;font-weight:500;padding:8px 16px;transition:all .3s ease}.alertaBtn2{background:linear-gradient(135deg,#dc3545,#c82333)}.alertaBtn1:hover{background:linear-gradient(135deg,#218838,#1ba184);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.alertaBtn2:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.formCarga .react-select-container{margin-bottom:16px}.formCarga .react-select__control{background:#ffffff0d!important;border:1px solid #52df8c4d!important;border-radius:8px!important;box-shadow:none!important;min-height:48px!important}.formCarga .react-select__control:hover{border-color:#52df8c80!important}.formCarga .react-select__control--is-focused{border-color:#52df8cb3!important;box-shadow:0 0 0 3px #52df8c1a!important}.formCarga .react-select__indicator-separator,.formCarga .react-select__indicator-separator:after,.formCarga .react-select__indicator-separator:before{background:none!important;background-color:initial!important;border:none!important;display:none!important;height:0!important;margin:0!important;opacity:0!important;padding:0!important;visibility:hidden!important;width:0!important}.formCarga .react-select__indicators{padding:8px!important}.formCarga .react-select__dropdown-indicator{border-left:none!important;color:#52df8cb3!important;padding:8px!important}.formCarga .react-select__control *,.formCarga .react-select__control :after,.formCarga .react-select__control :before{border-left:none!important;border-right:none!important}.formCarga .react-select div[class*=indicator]{border:none!important}.formCarga .react-select [class*=separator]{display:none!important}.FormModal__content .formCarga .react-select__indicator-separator{background:#0000!important;border:none!important;display:none!important;margin:0!important;padding:0!important;width:0!important}.FormModal__content .formCarga div[class$=indicator-separator]{display:none!important;opacity:0!important;visibility:hidden!important}.formCarga .react-select__control>div:last-child>div:first-child{display:none!important}.formCarga .react-select__indicators{border-left:none!important;padding:8px 8px 8px 0!important}.formCarga .react-select__dropdown-indicator:hover{color:#52df8ce6!important}.formCarga .react-select__placeholder{color:#ffffff80!important;font-style:italic!important}.formCarga .react-select__input-container,.formCarga .react-select__single-value{color:#ffffffe6!important}.formCarga .react-select__menu{background:#000000f2!important;border:1px solid #52df8c4d!important;border-radius:8px!important;box-shadow:0 8px 24px #0006!important}.formCarga .react-select__menu-list{max-height:200px!important;padding:0!important}.formCarga .react-select__option{background:#0000!important;border-bottom:1px solid #52df8c1a!important;color:#ffffffe6!important;cursor:pointer!important;padding:12px 16px!important;transition:all .3s ease!important}.FormModal__content .formCarga .react-select__option--is-focused,.FormModal__content .formCarga .react-select__option:hover,.formCarga .react-select__option--is-focused,.formCarga .react-select__option:hover{background:linear-gradient(135deg,#52df8c40,#3ecb7840)!important;border-left:3px solid #52df8cb3!important;color:#fff!important;transform:translateX(3px)!important}.formCarga .react-select__option--is-selected{background:#52df8c4d!important;color:#fff!important;font-weight:500!important}.formCarga .react-select__option:last-child{border-bottom:none!important}.formCarga [class*=react-select] [class*=indicator-separator]{background:#0000!important;border:none!important;display:none!important;height:0!important;margin:0!important;opacity:0!important;padding:0!important;visibility:hidden!important;width:0!important}.formCarga .react-select__indicators>div:first-child,.formCarga .react-select__indicators>span:first-child{display:none!important}.formCarga .react-select__indicators :not(:last-child){margin-right:0!important}@media (max-width:768px){.formCarga{gap:16px;padding:4px}input,select,textarea{max-width:260px;width:100%}.campo-formulario{max-width:260px}.btnCloseCarga{height:32px;right:4px;top:-12px;width:32px}.bntCargar{font-size:13px;padding:10px 20px}}.carddia{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000a6,#080707b3);border:1px solid #52df8c73;border-radius:16px;box-shadow:0 8px 32px #0006,0 0 0 1px #52df8c33,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100%;justify-content:space-between;margin:10px;overflow:hidden;padding:20px 10px 10px;position:absolute;position:relative;text-align:center;transition:all .3s ease;width:100%}.carddia:hover{border-color:#52df8c80;box-shadow:0 12px 40px #00000080,0 0 0 1px #52df8c33,inset 0 1px 0 #ffffff14;transform:translateY(-2px)}@media screen and (max-width:768px){.carddia{align-content:space-around;display:grid;justify-content:space-around;justify-items:center;margin:0;padding:0}}@media (min-width:768px) and (max-width:1080px){.carddia{align-content:space-around;display:flex;height:100%;justify-content:space-around;margin:0;padding:0;position:relative;width:100%}.BotonAgregarHora{font-family:Roboto,sans-serif;width:100px}}h2{color:#fff;font-size:16px;font-weight:600;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}p{color:#9eafa2e6;font-size:13px;line-height:1.4;margin:4px 0}.totalhoras{color:#52df8ce6!important;font-size:14px;font-weight:500}.nohayhoras{color:#fff9!important;font-style:italic;opacity:.8}.BotonAgregarHora{background:linear-gradient(135deg,#22a357,#52df8c);border:none;border-radius:10px;box-shadow:0 4px 12px #22a3574d;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;letter-spacing:.3px;margin:8px 0;padding:8px 16px;position:relative;text-align:center;transition:all .3s ease;width:110px}.BotonAgregarHora:hover{background:linear-gradient(135deg,#1e8e4f,#45c77d);box-shadow:0 6px 16px #22a35766;transform:translateY(-2px)}.BotonAgregarHora:disabled{background:#6c757d99;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.BotonAgregarHora:focus{box-shadow:0 0 0 2px #52df8c80;outline:none}.close{color:#aaa;float:right;font-family:Roboto,sans-serif;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.btnElim{background:#0000;border:2px solid #52df8cb3;border-radius:8px;box-shadow:0 2px 8px #52df8c1a;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;margin:2px;padding:4px 8px;text-align:center;transition:all .3s ease}.btnElim:hover{background:#52df8c1a;border-color:#52df8ce6;box-shadow:0 4px 12px #52df8c33;color:#fff;transform:translateY(-1px)}.btnEdit{background:#0000;border:2px solid #52df8cb3;border-radius:8px;box-shadow:0 2px 8px #52df8c1a;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;margin:2px;padding:4px 8px;text-align:center;transition:all .3s ease}.btnEdit:hover{background:#52df8c1a;border-color:#52df8ce6;box-shadow:0 4px 12px #52df8c33;color:#fff;transform:translateY(-1px)}.btnEdit:disabled,.btnElim:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.swal-overlay{background-color:#000c}.alertaEliminar{background-color:#22a357;border:1px solid #52df8c;border-radius:7px;color:#fff;font-family:Roboto,sans-serif;font-size:10px;text-align:center}.alertaBtn1{border:1px #000}.alertaBtn1,.alertaBtn2{background-color:#000;color:#fff;font-family:Roboto,sans-serif}.alertaBtn1:hover,.alertaBtn2:hover{background-color:#000;color:#000}.separador{color:#52df8c4d;font-size:12px;font-weight:300;margin:8px 0;position:relative}.separador:before{background:linear-gradient(90deg,#0000,#52df8c4d 50%,#0000);content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.carddia>div{background:#ffffff05;border:1px solid #52df8c1a;border-radius:8px;margin:4px 0;padding:12px 8px;transition:all .3s ease;width:95%}.carddia>div:hover{background:#ffffff0d;border-color:#52df8c33;transform:translateX(2px)}.carddia .btnEdit,.carddia .btnElim{margin:4px 2px;min-width:60px}.loading-spinner-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #000;border-radius:50%;border-top-color:#22a357;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.FormModal__overlay{align-items:center;animation:fadeIn 0s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:none;display:flex;height:100%;justify-content:center;left:0;outline:none;position:fixed;top:0;width:100%;z-index:1000}.FormModal__content{animation:slideIn 0s ease-out;background:linear-gradient(135deg,#000000f2,#080707fa);border:1px solid #52df8c4d;border-radius:16px;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #52df8c1a,inset 0 1px 0 #ffffff1a;margin-top:60px;max-height:85vh;max-width:380px;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#52df8c80 #0000;scrollbar-width:thin;width:90vw;z-index:1001}.FormModal__content::-webkit-scrollbar{width:6px}.FormModal__content::-webkit-scrollbar-track{background:#0000}.FormModal__content::-webkit-scrollbar-thumb{background:#52df8c80;border-radius:3px}.FormModal__content::-webkit-scrollbar-thumb:hover{background:#52df8cb3}.FormModal__overlay:hover{border:none}@media (max-width:768px){.FormModal__content{border-radius:12px;margin:40px 10px 20px;max-height:80vh;max-width:95vw;padding:16px}}.cardsemana{align-content:center;align-self:center;display:flex;font-family:Roboto,sans-serif;height:100%;justify-content:center;justify-content:space-around;margin:0;padding:10px 0 0;width:100%}@media screen and (max-width:768px){.cardsemana{align-content:center;display:flex;flex-direction:column;justify-content:center;position:relative}}@media (min-width:768px) and (max-width:1080px){.cardsemana{align-content:center;display:flex;flex-direction:row;justify-content:space-around;position:relative}}.btnSemanaIzq{border:none;border-radius:8px 0 0 8px}.btnSemanaDer,.btnSemanaIzq{background-color:initial;color:#fff;cursor:pointer;justify-content:center;margin:0}.btnSemanaDer{border:none}.btnSemana{align-content:flex-start;color:#fff;display:flex;flex-direction:row;justify-content:center;padding:10px 0}.textSemana{color:#fff;font-family:Roboto,sans-serif;font-size:18px;margin:0;padding:10px;text-align:center}.flechaDer{transform:rotate(-90deg)}.flechaIzq{transform:rotate(90deg)}.home-page{background-attachment:fixed;background-color:#000;background-image:url(/static/media/Fondo%2002.96171b608e3091c83faa.jpg);background-repeat:no-repeat;background-size:cover;margin:0;min-height:100vh;width:100%}.BotonCerrarSesion{align-items:baseline;background-color:#000;border:2px solid #52df8c;border-radius:7px;color:#fff;cursor:pointer;flex-direction:row;font-family:Roboto,sans-serif;padding:5px;position:absolute;right:10px;text-align:center;text-decoration:none;top:15px;width:100px}.BotonCerrarSesion:hover{background-color:#22a357;color:#fff}h1{color:#9eafa2;font-size:3rem;padding:0}.nameUser,h1{font-family:Roboto,sans-serif;margin:0;text-align:center}.nameUser{color:#fff;font-size:25px;font-style:bold;padding:10px 5px 10px 0}.nameUserContainer{align-items:center;display:flex;font-style:bold;justify-content:center;position:relative;top:5px}.isologo{left:5px;position:absolute}.navbar{background-color:#080707;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}.logo-container,.navbar{align-items:center;display:flex}.logo-container{height:100%;justify-content:center}.isologo{display:flex;height:45px;left:-15px;margin:2px;padding:2px;position:relative;top:5px;width:45px}.nav-button{background:none;border:none;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;padding:0;text-decoration:none;transition:all .3s ease-in-out}.nav-button:hover{color:#22a357}.nav-button.active{color:#000}.nav-button-consultar,.nav-button-crear,.nav-button-editar{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:0;transition:all .3s ease-in-out}.nav-button-consultar:hover,.nav-button-crear:hover,.nav-button-editar:hover{background:none;box-shadow:none;color:#22a357;transform:none}.nav-links{display:flex;font-family:Roboto,sans-serif;list-style:none;margin:0;padding:0}.nav-links li{box-sizing:border-box;margin-right:10px}.nav-links a{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.nav-links a:hover{color:#22a357}.nav-links.active a{color:#fff}.menu-toggle{cursor:pointer;display:none}.menu-icon{display:flex;flex-direction:column;height:24px;justify-content:space-between;width:24px;span{background-color:#333;height:2px;transition:all .3s ease-in-out;width:100%}}.menu-icon span:first-child{margin-top:0}.menu-icon span:nth-child(2){margin:4px 0}.menu-icon span:nth-child(3){margin-bottom:0}.menu-icon.active span:first-child{transform:rotate(45deg) translate(5px,10px)}.menu-icon.active span:nth-child(2){opacity:0}.menu-icon.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-10px)}.user-info{color:#fff;font-family:Roboto,sans-serif;font-size:25px;justify-content:flex-start;margin:0 10px 0 0;padding:10px 5px 10px 0;text-align:center}.user-info,.user-info div{align-items:center;display:flex;font-style:bold;position:relative}.user-info div{justify-content:center;margin-right:10px;top:0}.navbar-container{height:100px}@media (max-width:768px){.user-info{height:60px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.nav-links{align-items:flex-start;background-color:#080707;flex-direction:column;left:70%;padding:20px;position:absolute;top:256%;transform:translateY(-100%);transition:all .3s ease-in-out;width:100%;z-index:10}.nav-links.active{display:flex}.nav-links{display:none;list-style:none;margin:0;padding:0}.nav-links li{margin-right:0}.nav-links a{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.nav-links a:hover{color:#22a357}.nav-links.active a{color:#fbf7f7}.nav-links.active a:hover{color:#22a357}.nav-button{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:4px 0;text-decoration:none;transition:all .3s ease-in-out}.nav-button:hover{color:#22a357}.nav-button.active{color:#fff}.menu-toggle{display:block;position:absolute;right:20px;top:30px;z-index:1001}}.cliente-accordion{position:relative}.accordion-toggle{align-items:center;display:flex;justify-content:space-between;min-width:180px;width:100%}.accordion-arrow{font-size:12px;margin-left:8px;transition:transform .3s ease}.accordion-arrow.open{transform:rotate(180deg)}.accordion-content{background-color:#080707;border:1px solid #333;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;max-height:0;min-width:180px;opacity:0;overflow:hidden;position:absolute;top:100%;transition:max-height .3s ease,opacity .3s ease;z-index:1000}.accordion-content.open{max-height:200px;opacity:1}.accordion-item{border-bottom:1px solid #333;display:block;padding:10px 15px;text-align:left;width:100%}.accordion-item:last-child{border-bottom:none}.accordion-item:hover{background-color:#1a1a1a}@media (max-width:768px){.accordion-content{background-color:initial;border:none;box-shadow:none;margin-left:20px;position:static}.accordion-item{border-bottom:none;padding:8px 0}}.usuario-accordion{position:relative}.nav-link-item{border-bottom:1px solid #333;color:#fff!important;display:block;font-size:16px;font-weight:500;padding:10px 15px;text-align:left;text-decoration:none!important;transition:all .3s ease-in-out;width:100%}.nav-link-item:hover{background-color:#1a1a1a;color:#22a357!important}.nav-link-item:last-child{border-bottom:none}.cliente-accordion,.usuario-accordion{position:relative}.cliente-accordion .accordion-toggle,.usuario-accordion .accordion-toggle{align-items:center;display:flex;justify-content:space-between;min-width:180px;width:100%}.crear-cliente-modal{align-items:center;animation:fadeIn 0s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.crear-cliente-container{animation:slideIn 0s ease-out;background:linear-gradient(145deg,#080707fa,#141414fa);border:1px solid #52df8c4d;border-radius:16px;box-shadow:0 20px 60px #0009;max-height:80vh;max-width:650px;overflow:hidden;width:90%}.crear-cliente-header{align-items:center;background:linear-gradient(135deg,#22a35726,#52df8c26);border-bottom:1px solid #52df8c4d;display:flex;justify-content:space-between;padding:24px 32px}.crear-cliente-header h2{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.asignar-servicios-form,.crear-cliente-form{background:#080707f2;max-height:calc(80vh - 120px);overflow-y:auto;padding:32px}.form-group label{font-size:16px;font-weight:500;margin-bottom:12px;text-shadow:0 1px 2px #0000004d}.form-group input,.form-group textarea{background:#080707cc;font-size:16px;padding:12px 16px;transition:all .3s ease}.react-select-container{font-size:16px}.react-select__control{background:#080707cc!important;min-height:48px!important;transition:all .3s ease!important}.react-select__control:hover{border-color:#52df8c80!important}.react-select__control--is-focused{border-color:#52df8cb3!important;box-shadow:0 0 0 3px #52df8c1a!important}.react-select__placeholder{color:#ffffff80!important}.react-select__menu{background:#080707f2!important;box-shadow:0 8px 24px #0006!important}.react-select__option{background:#0000!important;cursor:pointer!important;padding:12px 16px!important;transition:all .3s ease!important}.react-select__option--is-focused{background:linear-gradient(135deg,#22a35733,#52df8c33)!important;color:#fff!important}.btn-asignar,.btn-cancelar,.btn-crear,.btn-volver{border:none;border-radius:8px;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-asignar,.btn-crear{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:5px;padding:10px 20px;transition:background-color .3s ease,transform .1s ease}.btn-asignar:hover,.btn-crear:hover{background:#218838;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-asignar:disabled,.btn-crear:disabled{background:#6b7280;box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.6;transform:none}.btn-cancelar,.btn-volver{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:5px;padding:10px 20px;transition:background-color .3s ease}.btn-cancelar:hover,.btn-volver:hover{background:#545b62}.cliente-info{border-left:4px solid #22a357;border-radius:8px;padding:16px}.cliente-info h3{font-family:Roboto,sans-serif;font-size:1.1rem}.servicios-seleccionados-detalle{background:#22a3571a;border:1px solid #22a3574d;border-radius:6px;margin-top:16px;padding:12px}.servicios-seleccionados-detalle h4{color:#52df8c;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 8px}.servicios-seleccionados-detalle ul{margin:0;padding-left:16px}.servicios-seleccionados-detalle li{color:#ffffffe6;font-family:Roboto,sans-serif;font-size:.85rem;margin:4px 0}.react-select-container .react-select__multi-value{background:linear-gradient(135deg,#22a357,#52df8c);border:1px solid #52df8c80;border-radius:6px}.react-select-container .react-select__multi-value__label{color:#fff;font-family:Roboto,sans-serif;font-weight:500;padding:3px 6px}.react-select-container .react-select__multi-value__remove{background-color:#ffffff1a;border-radius:0 6px 6px 0;color:#fffc}.react-select-container .react-select__multi-value__remove:hover{background-color:#fff3;background:#ef4444;color:#fff}@media (max-width:640px){.crear-cliente-modal{padding:10px}.crear-cliente-container{max-height:85vh}.asignar-servicios-form,.crear-cliente-form,.crear-cliente-header{padding:16px}.crear-cliente-header h2{font-size:1.2rem}.form-actions{flex-direction:column-reverse}.btn-asignar,.btn-cancelar,.btn-crear,.btn-volver{width:100%}}.editar-cliente-modal{align-items:center;animation:fadeIn 0s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.editar-cliente-container{animation:slideIn 0s ease-out;background:linear-gradient(145deg,#080707fa,#141414fa);border:1px solid #52df8c4d;border-radius:16px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.editar-cliente-header{align-items:center;background:linear-gradient(135deg,#22a35726,#52df8c26);border-bottom:1px solid #52df8c4d;display:flex;justify-content:space-between;padding:24px 32px}.editar-cliente-header h2{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.btn-close{transition:all 0s ease}.editar-cliente-content{background:#080707f2;flex:1 1;max-height:calc(85vh - 120px);overflow-y:auto}.paso-1,.paso-2{padding:32px}.paso-1{display:flex;flex-direction:column;justify-content:center;min-height:300px}.editar-cliente-content::-webkit-scrollbar{width:8px}.editar-cliente-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.editar-cliente-content::-webkit-scrollbar-thumb{background:#52df8c80;border-radius:4px}.editar-cliente-content::-webkit-scrollbar-thumb:hover{background:#52df8cb3}.editar-cliente-form,.seleccionar-cliente-form{color:#fff}.cliente-info{background:linear-gradient(135deg,#22a3571a,#52df8c1a);border:1px solid #52df8c33;border-radius:12px;margin-bottom:24px;padding:20px}.cliente-info h3{font-size:18px;margin:0 0 8px}.cliente-info p{color:#fffc;font-family:Roboto,sans-serif;font-size:.9rem;margin:0}.form-section{background:#52df8c0d;border:1px solid #52df8c33;border-radius:8px;margin-bottom:32px;padding:20px}.form-section h4{border-bottom:1px solid #52df8c33;color:#52df8c;font-size:1.1rem;font-weight:600;padding-bottom:8px}.form-section h4,.section-description{font-family:Roboto,sans-serif;margin:0 0 16px}.section-description{color:#fffc;font-size:.9rem;font-style:italic}.form-group{margin-bottom:24px}.form-group label{color:#fff;display:block;font-family:Roboto,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background-color:#000c;border:1px solid #52df8c4d;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Roboto,sans-serif;font-size:1rem;padding:12px;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{background-color:#000000e6;border-color:#22a35799;box-shadow:0 0 0 2px #22a3571a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group textarea{min-height:80px;resize:vertical}.form-group label input[type=checkbox]{accent-color:#22a357;margin-bottom:0;margin-right:8px;transform:scale(1.2);width:auto}.form-group label:has(input[type=checkbox]){align-items:center;cursor:pointer;display:flex;font-weight:500;padding:8px 0}.react-select-container{font-size:1rem}.react-select__control{background-color:#000c!important;border:1px solid #52df8c4d!important;border-radius:8px!important;min-height:44px!important;transition:all .2s!important}.react-select__control:hover{border-color:#22a35780!important}.react-select__control--is-focused{border-color:#22a35799!important;box-shadow:0 0 0 2px #22a3571a!important}.react-select__placeholder{color:#fff9!important}.react-select__input-container,.react-select__single-value{color:#fff!important}.react-select__menu{background-color:#000!important;border:1px solid #52df8c4d!important;border-radius:8px!important}.react-select__option{background-color:initial!important;color:#fff!important}.react-select__option--is-focused{background-color:#22a35733!important}.react-select__multi-value,.react-select__option--is-selected{background-color:#22a357!important}.react-select__multi-value{border-radius:6px!important}.react-select__multi-value__label{color:#fff!important;font-family:Roboto,sans-serif}.react-select__multi-value__remove{background-color:#ffffff1a!important;border-radius:0 6px 6px 0!important;color:#fff!important}.react-select__multi-value__remove:hover{background-color:#fff3!important}.react-select-group-label{align-items:center;background:linear-gradient(135deg,#22a357,#52df8c);border-bottom:1px solid #52df8c80;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:600;justify-content:space-between;letter-spacing:.05em;padding:8px 12px;text-transform:uppercase}.react-select-group-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;min-width:20px;padding:2px 6px;text-align:center}.react-select-container .react-select__group-heading{margin:0;padding:0}.react-select-container .react-select__option{background:#000;border-left:3px solid #0000;color:#fff;font-family:Roboto,sans-serif;font-size:.95rem;padding:10px 20px;transition:all .2s ease}.react-select-container .react-select__option:hover{background:#52df8c1a;border-left-color:#52df8c}.react-select-container .react-select__option--is-selected{background:linear-gradient(135deg,#22a357,#52df8c);border-left-color:#22a357;color:#fff}.react-select-container .react-select__option--is-focused{background:#22a35733;border-left-color:#22a357}.servicios-count{background:#52df8c1a;border:1px solid #52df8c4d;border-radius:6px;margin-top:16px;padding:12px}.servicios-count p{font-size:.9rem;margin:4px 0}.loading-message,.servicios-count p{color:#fffc;font-family:Roboto,sans-serif}.loading-message{padding:20px;text-align:center}.form-actions{border-top:1px solid #52df8c33;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-actualizar,.btn-volver{border:none;border-radius:8px;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-volver{background-color:#52df8c0d;border:1px solid #52df8c4d;color:#fff}.btn-volver:hover{background-color:#52df8c1a;border-color:#22a35780;box-shadow:0 4px 12px #52df8c33;transform:translateY(-1px)}.btn-actualizar{background:linear-gradient(135deg,#22a357,#52df8c);border:1px solid #0000;color:#fff;overflow:hidden;position:relative}.btn-actualizar:hover{background:linear-gradient(135deg,#1d8549,#45c875);box-shadow:0 4px 12px #22a35766;transform:translateY(-1px)}.btn-actualizar:disabled{background:#6b7280;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:640px){.editar-cliente-modal{padding:10px}.editar-cliente-container{max-height:90vh;max-width:100%}.editar-cliente-form,.editar-cliente-header,.seleccionar-cliente-form{padding:16px}.editar-cliente-header h2{font-size:1.2rem}.form-actions{flex-direction:column-reverse}.btn-actualizar,.btn-volver{width:100%}.form-section{padding:16px}}.paso-1,.paso-2{padding:20px}.info-text{background:#52df8c1a;border-left:3px solid #22a357;border-radius:4px;color:#fff;margin:10px 0;padding:10px}.info-text strong{color:#52df8c}.buttons-row{display:flex;gap:10px;margin:10px 0}.btn-secondary{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-secondary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.btn-primary{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:5px;padding:10px 20px;transition:background-color .3s ease,transform .1s ease}.btn-primary:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-primary:active{background-color:#1e7e34;transform:translateY(0)}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.btn-cancel{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:5px;padding:10px 20px;transition:background-color .3s ease}.btn-cancel:hover:not(:disabled){background-color:#545b62}.paso-1 h3{color:#fff;font-size:20px;font-weight:500;margin-bottom:25px;text-align:center}.paso-1 .react-select-container{margin-bottom:30px}.paso-1 .react-select__control{border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:16px;min-height:45px}.paso-1 .react-select__control:hover{border-color:#007bff}.paso-1 .react-select__control--is-focused{border-color:#007bff;box-shadow:0 0 0 1px #007bff}.paso-1 .react-select__menu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 24px #00000040;margin-top:4px;max-height:300px;overflow:hidden;z-index:9999}.paso-1 .react-select__menu-list{max-height:280px;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-color:#1e7e34 #f0f0f0;scrollbar-width:thin}.paso-1 .react-select__menu-list::-webkit-scrollbar{width:6px}.paso-1 .react-select__menu-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.paso-1 .react-select__menu-list::-webkit-scrollbar-thumb{background:#1e7e34;border-radius:3px}.paso-1 .react-select__menu-list::-webkit-scrollbar-thumb:hover{background:#155724}@media (max-height:600px){.paso-1 .react-select__menu{max-height:200px}.paso-1 .react-select__menu-list{max-height:180px}}@media (max-height:800px){.paso-1 .react-select__menu{max-height:250px}.paso-1 .react-select__menu-list{max-height:230px}}.paso-1 .react-select__option{border-bottom:none;cursor:pointer;font-size:14px;padding:12px 16px;transition:background-color .2s ease}.paso-1 .react-select__option:hover{background-color:#f8f9fa}.paso-1 .react-select__option--is-focused{background-color:#e3f2fd;color:#1976d2}.paso-1 .react-select__option--is-selected{background-color:#007bff;color:#fff}.paso-1 .react-select__placeholder{color:#6c757d;font-style:italic}.paso-1 .react-select__input-container{color:#333}.paso-1 .react-select__indicators{padding:8px}.paso-1 .react-select__indicator-separator{background-color:#ddd}.paso-1 .react-select__dropdown-indicator{color:#6c757d;padding:8px}.paso-1 .react-select__dropdown-indicator:hover{color:#007bff}.success-text{background:#52df8c26;border:1px solid #52df8c4d;border-radius:6px;color:#52df8c;margin:10px 0;padding:12px}.agregar-areas,.agregar-servicios{background:#ffffff0d;border:1px solid #52df8c33;border-radius:8px;margin-top:15px;padding:20px}.agregar-areas label,.agregar-servicios label{color:#fff;display:block;font-weight:500;margin-bottom:8px}.button-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:15px}@media (max-width:768px){.button-group{flex-direction:column}.btn-cancel,.btn-primary,.btn-secondary{margin:2px 0;width:100%}}.consultar-cliente-overlay{align-items:center;animation:fadeIn 0s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.consultar-cliente-modal{animation:slideIn 0s ease-out;background:linear-gradient(145deg,#080707fa,#141414fa);border:1px solid #52df8c4d;border-radius:16px;box-shadow:0 20px 60px #0009;max-height:80vh;max-width:650px;overflow:hidden;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#22a35726,#52df8c26);border-bottom:1px solid #52df8c4d;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.btn-close{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.btn-close:hover{background:#ffffff1a;transform:rotate(90deg)}.btn-close img{filter:brightness(0) invert(1);height:20px;width:20px}.modal-body{background:#080707f2;max-height:calc(80vh - 120px);overflow-y:auto;padding:32px}.selector-cliente{margin-bottom:32px}.selector-cliente label{color:#fff;display:block;font-size:16px;font-weight:500;margin-bottom:12px;text-shadow:0 1px 2px #0000004d}.selector-cliente .react-select__menu,.selector-cliente .react-select__menu-portal{z-index:9999!important}.consultar-cliente-select .react-select__menu{position:fixed!important;z-index:9999!important}.consultar-cliente-select .react-select__menu-portal{z-index:9999!important}.cargando{color:#fffc;font-size:16px}.cargando,.sin-datos{font-style:italic;padding:40px;text-align:center}.sin-datos{background:#ffffff08;border:2px dashed #52df8c4d;border-radius:12px;color:#fff9;margin-top:20px}.sin-datos p{font-size:16px;margin:0}.tabla-cliente-container{background:#080707cc;border:1px solid #52df8c4d;border-radius:12px;margin-top:20px;min-height:400px;padding:24px}.cliente-info{margin-bottom:32px}.cliente-info h3{border-bottom:2px solid #52df8c4d;color:#fff;font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.cliente-detalle{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cliente-detalle p{background:#ffffff0d;border-left:3px solid #52df8c80;border-radius:8px;color:#ffffffe6;margin:0;padding:12px}.cliente-detalle strong{color:#52df8ce6;font-weight:600}.areas-servicios-container h4{background:linear-gradient(135deg,#52df8c26,#3ecb7826);border:1px solid #52df8c4d;border-radius:8px;color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;padding:12px;text-align:center}.tabla-areas-servicios{background:#080707e6;border-collapse:collapse;border-radius:12px;box-shadow:0 8px 24px #0006;margin-top:20px;overflow:hidden;width:100%}.tabla-areas-servicios thead{background:linear-gradient(135deg,#22a3574d,#52df8c4d)}.tabla-areas-servicios th{border-bottom:2px solid #52df8c4d;color:#fff;font-size:16px;font-weight:600;padding:16px 20px;text-align:left;text-shadow:0 1px 2px #0000004d}.tabla-areas-servicios td{border-bottom:1px solid #52df8c1a;padding:16px 20px;vertical-align:top}.tabla-areas-servicios tbody tr{transition:all .3s ease}.tabla-areas-servicios tbody tr:hover{background:#22a3571f;transform:translateX(2px)}.tabla-areas-servicios tbody tr:last-child td{border-bottom:none}.area-cell{background:#22a35714;border-radius:6px;color:#52df8cf2;font-size:16px;font-weight:600;min-width:250px;padding:16px!important}.servicios-cell{color:#ffffffe6}.servicios-lista{list-style:none;margin:0;padding:0}.servicio-item{background:#ffffff14;border-left:3px solid #52df8c66;border-radius:6px;font-size:14px;margin-bottom:6px;padding:8px 12px;transition:all .2s ease}.servicio-item:hover{background:#22a35726;border-left-color:#52df8ccc;transform:translateX(4px)}.servicio-item:last-child{margin-bottom:0}.sin-servicios{border-radius:6px;color:#ffffff80;font-size:14px;padding:12px}.sin-areas,.sin-servicios{background:#ffffff08;font-style:italic;text-align:center}.sin-areas{border:2px dashed #52df8c33;border-radius:12px;color:#fff9;padding:40px}.sin-areas p{font-size:16px;margin:0}.debug-servicios{background:#ffffff08;border:1px dashed #52df8c4d;border-radius:8px;margin-top:30px;padding:20px}.debug-servicios h4{color:#fffc;font-size:14px;margin-bottom:15px;text-align:center}.servicios-debug{display:flex;flex-direction:column;gap:8px}.servicio-debug{background:#ffffff0d;border-radius:4px;color:#ffffffb3;font-size:12px;padding:8px 12px}.servicio-debug strong{color:#52df8ccc}@media (max-width:768px){.consultar-cliente-modal{margin:16px;max-height:calc(90vh - 32px);width:calc(100% - 32px)}.modal-header{padding:16px 20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.tabla-areas-servicios{font-size:14px}.tabla-areas-servicios td,.tabla-areas-servicios th{padding:12px 16px}.cliente-detalle{grid-template-columns:1fr}.area-cell{min-width:auto}}@media (max-width:480px){.tabla-areas-servicios{display:block;overflow-x:auto;white-space:nowrap}.tabla-areas-servicios tbody,.tabla-areas-servicios td,.tabla-areas-servicios th,.tabla-areas-servicios thead,.tabla-areas-servicios tr{display:block}.tabla-areas-servicios thead tr{left:-9999px;position:absolute;top:-9999px}.tabla-areas-servicios tr{background:#ffffff0d;border:1px solid #52df8c33;border-radius:8px;margin-bottom:16px;padding:16px}.tabla-areas-servicios td{border:none;padding:8px 0;position:relative;white-space:normal}.tabla-areas-servicios td:before{color:#52df8ce6;content:attr(data-label) ": ";font-weight:600;left:0;padding-right:10px;position:absolute;white-space:nowrap;width:50%}}.reports-page{background-attachment:fixed;background-color:#000;background-image:url(/static/media/Fondo%2002.96171b608e3091c83faa.jpg);background-repeat:no-repeat;background-size:cover;padding:0}.reports-container,.reports-page{box-sizing:border-box;min-height:100vh}.reports-container{margin:0 auto;max-width:1400px;padding:120px 40px 40px}.reports-header{border-bottom:2px solid #52df8c4d;margin-bottom:40px;padding-bottom:20px;text-align:center}.reports-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#52df8ce6);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Roboto,sans-serif;font-size:36px;font-weight:700;letter-spacing:.5px;margin:0}.reports-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#08080cf2,#141419e6);border:1px solid #52df8c4d;border-radius:20px;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #52df8c1a,inset 0 1px 0 #ffffff0d;box-sizing:border-box;padding:60px}.section-title{color:#52df8ce6;font-family:Roboto,sans-serif;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0 0 24px;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#0000,#52df8cb3,#0000);border-radius:1px;bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.reports-filters-section{margin-bottom:20px}.filter-buttons{flex-wrap:wrap;gap:15px;margin-top:15px}.filter-button,.filter-buttons{display:flex;justify-content:center}.filter-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#52df8c1a,#52df8c0d);border:2px solid #52df8c4d;border-radius:10px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;min-width:120px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-button:hover{background:linear-gradient(135deg,#52df8c33,#52df8c1a);border-color:#52df8c99;box-shadow:0 8px 25px -8px #52df8c4d,0 0 0 1px #52df8c33;transform:translateY(-2px)}.filter-icon{font-size:20px;opacity:.9}.reports-selection-section{margin-bottom:20px}.selection-group{margin-bottom:16px}.selection-label{color:#ffffffe6;display:block;font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}.reports-select,.selection-label{font-family:Roboto,sans-serif}.reports-select .react-select__control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid #52df8c4d;border-radius:12px;box-shadow:0 4px 15px -3px #0000004d,inset 0 1px 0 #ffffff1a;cursor:pointer;min-height:50px;transition:all .3s cubic-bezier(.4,0,.2,1)}.reports-select .react-select__control:hover{border-color:#52df8c80;box-shadow:0 6px 20px -3px #0006,0 0 0 1px #52df8c33,inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.reports-select .react-select__control--is-focused{border-color:#52df8cb3;box-shadow:0 8px 25px -3px #00000080,0 0 0 3px #52df8c26,inset 0 1px 0 #fff3}.reports-select .react-select__value-container{padding:8px 16px}.reports-select .react-select__single-value{color:#fff;font-weight:500}.reports-select .react-select__placeholder{color:#fff9;font-weight:400}.reports-select .react-select__input-container{color:#fff}.reports-select .react-select__menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#141419fa,#08080cf2);border:1px solid #52df8c4d;border-radius:12px;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #52df8c1a;overflow:hidden;z-index:1000}.reports-select .react-select__menu-list{max-height:200px;padding:8px}.reports-select .react-select__option{background:#0000;border-radius:8px;color:#ffffffe6;cursor:pointer;font-weight:400;margin-bottom:4px;padding:12px 16px;transition:all .2s ease}.reports-select .react-select__option:hover{background:linear-gradient(135deg,#52df8c26,#52df8c14);color:#fff}.reports-select .react-select__option--is-selected{background:linear-gradient(135deg,#52df8c40,#52df8c26);color:#fff;font-weight:500}.reports-select .react-select__option--is-focused{background:linear-gradient(135deg,#52df8c33,#52df8c1a);color:#fff}.reports-select .react-select__dropdown-indicator{color:#52df8cb3;padding:8px;transition:all .3s ease}.reports-select .react-select__control:hover .react-select__dropdown-indicator{color:#52df8ce6}.reports-select .react-select__indicator-separator{background-color:#52df8c4d}.reports-dates-section{margin-bottom:20px}.date-inputs-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-left:auto;margin-right:auto;margin-top:15px;max-width:500px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-label{color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-input,.date-label{font-family:Roboto,sans-serif}.date-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid #52df8c4d;border-radius:12px;box-shadow:0 4px 15px -3px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:16px;font-weight:400;margin-left:-15px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.date-input:hover{border-color:#52df8c80;box-shadow:0 6px 20px -3px #0006,0 0 0 1px #52df8c33,inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.date-input:focus{border-color:#52df8cb3;box-shadow:0 8px 25px -3px #00000080,0 0 0 3px #52df8c26,inset 0 1px 0 #fff3;outline:none}.reports-actions-section{border-top:1px solid #52df8c33;margin-top:20px;padding-top:15px}.action-buttons{flex-wrap:nowrap;gap:12px;margin-top:12px}.action-button,.action-buttons{align-items:center;display:flex;justify-content:center}.action-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;box-shadow:0 4px 15px -3px #0000004d;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;gap:6px;max-width:150px;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button.primary{background:linear-gradient(135deg,#52df8ccc,#52df8c99);box-shadow:0 4px 15px -3px #52df8c66,0 0 0 1px #52df8c4d;color:#fff}.action-button.primary:hover{background:linear-gradient(135deg,#52df8ce6,#52df8cb3);box-shadow:0 8px 25px -8px #52df8c80,0 0 0 1px #52df8c66;transform:translateY(-2px)}.action-button.primary.disabled{box-shadow:0 4px 15px -3px #0000004d;cursor:not-allowed;opacity:.5;transform:none}.action-button.secondary{background:linear-gradient(135deg,#6c757dcc,#6c757d99);box-shadow:0 4px 15px -3px #6c757d66,0 0 0 1px #6c757d4d;color:#fff}.action-button.secondary:hover{background:linear-gradient(135deg,#6c757de6,#6c757db3);box-shadow:0 8px 25px -8px #6c757d80,0 0 0 1px #6c757d66;transform:translateY(-2px)}.action-button.tertiary{background:linear-gradient(135deg,#dc3545cc,#dc354599);box-shadow:0 4px 15px -3px #dc354566,0 0 0 1px #dc35454d;color:#fff}.action-button.tertiary:hover{background:linear-gradient(135deg,#dc3545e6,#dc3545b3);box-shadow:0 8px 25px -8px #dc354580,0 0 0 1px #dc354566;transform:translateY(-2px)}.button-icon{font-size:18px;opacity:.9}@media (max-width:1200px){.reports-container{max-width:1200px;padding:100px 30px 30px}.reports-content{padding:50px 40px}}@media (max-width:768px){.reports-container{padding:100px 20px 20px}.reports-content{padding:40px 30px}.reports-title{font-size:28px}.filter-buttons{gap:15px}.filter-button{min-width:150px;padding:16px 30px}.date-inputs-container{gap:25px}.action-buttons{gap:20px}.action-button{min-width:180px;padding:16px 35px}}@media (max-width:600px){.date-inputs-container{gap:20px;grid-template-columns:1fr;max-width:400px}.filter-buttons{align-items:center;flex-direction:column;gap:15px}.filter-button{max-width:280px;width:100%}.action-buttons{align-items:center;flex-direction:column;gap:15px}.action-button{flex:none;max-width:280px;width:100%}}@media (max-width:480px){.reports-container{padding:90px 15px 15px}.reports-content{padding:25px 15px}.reports-title{font-size:24px}.section-title{font-size:18px}.Modal__content{width:95%}.reports-modal-content{padding:25px 20px}.reports-modal-header{padding:20px 25px 15px}.reports-modal-title{font-size:22px}}.Modal__overlay{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000000a6!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:40px!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.Modal__content{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:linear-gradient(135deg,#08080cfa,#141419f2)!important;border:1px solid #52df8c4d!important;border-radius:16px!important;bottom:auto!important;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #52df8c1a,inset 0 1px 0 #ffffff0d!important;left:auto!important;margin:0!important;max-height:75vh!important;max-width:650px!important;outline:none!important;overflow-y:auto!important;padding:0!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:75%!important}.reports-modal{max-height:70vh;min-height:350px;overflow-y:auto;width:100%}.reports-modal-header{align-items:center;border-bottom:1px solid #52df8c33;display:flex;justify-content:space-between;padding:20px 25px 15px;position:relative}.reports-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#52df8ce6);-webkit-background-clip:text;background-clip:text;color:#fff;flex:1 1;font-family:Roboto,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;line-height:1;padding:8px;position:absolute;right:20px;top:15px;transition:color .3s ease;width:32px}.modal-close-button:hover{background:#ffffff0d;color:#52df8ccc}.reports-modal-content{padding:25px}.open-modal-button{background:linear-gradient(135deg,#52df8ccc,#52df8c99);border:none;border-radius:12px;box-shadow:0 8px 25px -8px #52df8c66;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:18px;font-weight:600;padding:20px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.open-modal-button:hover{background:linear-gradient(135deg,#52df8ce6,#52df8cb3);box-shadow:0 12px 35px -10px #52df8c80;transform:translateY(-2px)}.mis-horas-container{background-color:#080707;min-height:100vh}.mis-horas-content{margin:0 auto;max-width:1400px;padding:80px 20px 20px}.mis-horas-header{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000004d;margin-bottom:20px;padding:20px}.mis-horas-header h1{color:#fff;font-size:2rem;font-weight:600;margin-bottom:20px}.filtros-container{gap:15px}.filtro-item,.filtros-container{display:flex;flex-direction:column}.filtro-item{gap:8px}.filtro-item label{color:#ccc;font-size:14px;font-weight:500}.filtro-btn{align-items:center;background-color:#22a357;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:38px;justify-content:center;padding:10px 20px;transition:background-color .3s ease}.filtro-btn.active,.filtro-btn:hover{background-color:#1e8c4a}.filtro-btn.active{box-shadow:0 2px 4px #0003}.filtro-btn-limpiar{background-color:#6c757d}.filtro-btn-limpiar:hover{background-color:#5a6268}.filtro-cliente{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filtro-cliente .filtro-btn{align-items:center!important;box-sizing:border-box!important;display:flex!important;height:38px!important;justify-content:center!important;margin-right:5px;min-width:150px!important}.select-cliente{flex:1 1;min-width:200px}.tipo-filtro-fecha{display:flex;flex-direction:column;gap:5px;min-width:200px}.select-tipo-filtro{align-items:center;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;display:flex;font-size:14px;height:38px;min-width:200px;padding:8px;width:200px}.fecha-especifica,.fecha-mes-año,.rango-fechas{align-items:center;display:flex;gap:5px}.fecha-especifica input,.fecha-mes-año input,.rango-fechas input{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:12px;height:38px;padding:8px;width:100px}.fecha-especifica input[type=date],.fecha-mes-año input[type=date],.rango-fechas input[type=date]{color-scheme:dark;position:relative;z-index:1}.fecha-especifica input[type=date]::-webkit-calendar-picker-indicator,.fecha-mes-año input[type=date]::-webkit-calendar-picker-indicator,.rango-fechas input[type=date]::-webkit-calendar-picker-indicator{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 0 0-1 1v1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1V3a1 1 0 1 0-2 0v1H7V3a1 1 0 0 0-1-1zm0 5a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2H6z' clip-rule='evenodd'/%3E%3C/svg%3E");border-radius:3px;cursor:pointer;filter:none;height:20px;opacity:1;width:20px}.rango-fechas span{color:#ccc;font-size:14px}.filtro-semana{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filtro-semana .filtro-btn{height:38px!important;margin-right:5px}.filtro-semana span{color:#ccc;font-size:14px}.filtro-fecha{align-items:center;display:flex;gap:10px}.filtro-fecha .filtro-btn{height:38px!important;margin-right:5px}.filtro-fecha input,.filtro-semana input{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:12px;height:38px;min-width:130px;padding:8px}.filtro-fecha input[type=date],.filtro-semana input[type=date]{color-scheme:dark;position:relative;z-index:1}.filtro-fecha input[type=date]::-webkit-calendar-picker-indicator,.filtro-semana input[type=date]::-webkit-calendar-picker-indicator{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 0 0-1 1v1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1V3a1 1 0 1 0-2 0v1H7V3a1 1 0 0 0-1-1zm0 5a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2H6z' clip-rule='evenodd'/%3E%3C/svg%3E");border-radius:3px;cursor:pointer;filter:none;height:20px;opacity:1;width:20px}.resumen-horas{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000004d;margin-bottom:20px;padding:20px}.resumen-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.resumen-horas h3{color:#fff;font-size:1.3rem;margin:0}.btn-exportar{background-color:#17a2b8!important;font-size:13px!important;height:auto!important;padding:8px 15px!important}.btn-exportar:hover{background-color:#138496!important}.btn-exportar:disabled{background-color:#6c757d!important;cursor:not-allowed}.resumen-stats{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px}.stat-item{display:flex;flex-direction:column;gap:5px}.cliente-filtrado{background:#22a3571a;border:1px solid #22a3574d;border-radius:6px;padding:10px}.cliente-filtrado .cliente-nombre,.cliente-filtrado .stat-label{color:#22a357!important;font-weight:600}.cliente-filtrado .cliente-nombre{font-size:1.1em}.resumen-clientes{border-top:1px solid #333;margin-top:20px;padding-top:20px}.resumen-clientes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.resumen-clientes h4,.resumen-clientes-header h4{color:#fff;font-size:1.1rem;margin:0}.btn-exportar-small{font-size:12px!important;height:32px!important;padding:6px 12px!important}.tabla-clientes-container{border:1px solid #333;border-radius:6px;overflow-x:auto}.tabla-clientes{background:#2a2a2a;border-collapse:collapse;margin:0;width:100%}.tabla-clientes th{background:#333;border-bottom:2px solid #444;color:#fff;font-weight:600;padding:12px;text-align:left}.tabla-clientes td{border-bottom:1px solid #444;color:#ccc;padding:10px 12px}.tabla-clientes tr:hover{background:#22a3571a}.tabla-clientes .cliente-nombre{color:#fff;font-weight:500}.tabla-clientes .horas-total{color:#22a357;font-weight:600;text-align:center}.tabla-clientes .porcentaje{color:#17a2b8;font-weight:500;text-align:center}.stat-label{color:#ccc;font-size:14px;font-weight:500}.stat-value{color:#22a357;font-size:24px;font-weight:600}.tabla-horas-container{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000004d;overflow-x:auto;padding:20px}.tabla-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tabla-header h3{color:#fff;font-size:1.3rem;margin:0}.tabla-horas{border-collapse:collapse;margin-top:10px;width:100%}.tabla-horas th{background-color:#2a2a2a;border-bottom:2px solid #444;color:#fff;font-size:14px;font-weight:600;padding:12px;text-align:left}.tabla-horas td{border-bottom:1px solid #333;color:#ccc;font-size:14px;padding:10px 12px}.tabla-horas tr:hover{background-color:#2a2a2a}.horas-cell{color:#22a357;font-weight:600;text-align:right}.descripcion-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin:20px 0;padding:15px}.no-data-message{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000004d;padding:40px;text-align:center}.no-data-message p{color:#ccc;font-size:16px;margin:0}@media (max-width:768px){.mis-horas-content{padding:80px 10px 20px}.mis-horas-header{padding:15px}.mis-horas-header h1{font-size:1.5rem}.filtro-cliente,.filtro-semana{align-items:stretch;flex-direction:column}.select-cliente{min-width:auto}.resumen-stats{flex-direction:column;gap:15px}.tabla-horas-container{padding:10px}.tabla-horas{font-size:12px}.tabla-horas td,.tabla-horas th{padding:8px 6px}.descripcion-cell{max-width:120px}}@media (max-width:480px){.filtros-container{gap:10px}.filtro-btn{font-size:13px;padding:8px 16px}.fecha-mes-año input{width:60px}.stat-value{font-size:20px}}.select-cliente .css-control,.select-cliente .react-select__control{background-color:#1a1a1a!important;border-color:#444!important;font-size:14px;min-height:38px}.select-cliente .css-control:hover,.select-cliente .react-select__control:hover{border-color:#22a357!important}.select-cliente .css-control--is-focused,.select-cliente .react-select__control--is-focused{border-color:#22a357!important;box-shadow:0 0 0 1px #22a357!important}.select-cliente .css-option--is-selected,.select-cliente .react-select__option--is-selected{background-color:#22a357!important;color:#fff!important}.select-cliente .css-option--is-focused,.select-cliente .react-select__option--is-focused{background-color:#22a35733!important;color:#fff!important}.select-cliente .css-menu,.select-cliente .react-select__menu{background-color:#1a1a1a!important;border:1px solid #444!important;box-shadow:0 4px 6px #0000004d!important}.select-cliente .css-menu-list,.select-cliente .react-select__menu-list{background-color:#1a1a1a!important}.select-cliente .css-option,.select-cliente .react-select__option{background-color:#1a1a1a!important;color:#fff!important;cursor:pointer}.select-cliente .css-option:hover,.select-cliente .react-select__option:hover{background-color:#22a35733!important;color:#fff!important}.select-cliente .css-single-value,.select-cliente .react-select__single-value{color:#fff!important}.select-cliente .css-placeholder,.select-cliente .react-select__placeholder{color:#ccc!important}.select-cliente .css-input,.select-cliente .css-input-container,.select-cliente .react-select__input,.select-cliente .react-select__input-container{color:#fff!important}.select-cliente .css-indicators,.select-cliente .css-value-container,.select-cliente .react-select__indicators,.select-cliente .react-select__value-container{background-color:initial!important}.select-cliente .css-indicator-separator,.select-cliente .react-select__indicator-separator{background-color:#444!important}.select-cliente .css-dropdown-indicator,.select-cliente .react-select__dropdown-indicator{color:#ccc!important}.select-cliente .css-dropdown-indicator:hover,.select-cliente .react-select__dropdown-indicator:hover{color:#22a357!important}.select-cliente .css-clear-indicator,.select-cliente .react-select__clear-indicator{color:#ccc!important}.select-cliente .css-clear-indicator:hover,.select-cliente .react-select__clear-indicator:hover{color:#ff6b6b!important}
/*# sourceMappingURL=main.13ff1de1.css.map*/