@charset "UTF-8";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:3px 3px 3px 5px;width:100%}.inputBox input,.inputBox span{color:#fff;font-family:Roboto,sans-serif;transition:.5s}.inputBox span{font-size:14px;left:0;margin:-32px 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:-62px 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:8px}.formCarga .react-select__control{align-items:center!important;background:#ffffff0d!important;border:1px solid #52df8c4d!important;border-radius:8px!important;box-shadow:none!important;display:flex!important;height:48px!important;min-height:48px!important;overflow:hidden!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__single-value{color:#ffffffe6!important}.formCarga .react-select__value-container{align-items:center!important;display:flex!important;min-height:48px!important;padding:12px 16px!important}.formCarga .react-select__input-container{margin:0!important;padding:0!important}.formCarga .react-select__input,.formCarga .react-select__input input{caret-color:#52df8ccc!important;color:#ffffffe6!important;font-size:14px!important;line-height:1.4!important;margin:0!important;padding:0!important}.formCarga .react-select__input input{background:#0000!important;border:none!important;box-shadow:none!important;height:auto!important;outline:none!important}.formCarga .react-select__input-container{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}.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;margin:2px;padding:2px;position:absolute;top:5px}.navbar{background-color:#080707;box-shadow:0 4px 8px #0000004d;box-sizing:border-box;justify-content:space-between;left:0;padding:12px 20px;position:fixed;top:0;width:100%;z-index:1000}.left-section,.navbar{align-items:center;display:flex}.left-section{gap:0}.logo-container{align-items:center;display:flex;height:100%;justify-content:center}.isologo{display:flex;height:45px;left:0;margin:0;padding:0;position:relative;top:0;width:45px}.nav-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;gap:8px;padding:8px 12px;text-decoration:none;transition:all .3s ease-in-out}.nav-button:hover{background-color:#22a3571a;border-radius:4px;color:#22a357}.nav-button.active{background-color:#22a35733;border-radius:4px;color:#22a357}.nav-links a{align-items:center;border-radius:4px;display:flex;font-family:Roboto,sans-serif;gap:8px;padding:6px 10px}.nav-links a:hover{background-color:#22a3571a}.nav-links a.active{background-color:#22a35733;color:#22a357}.logout-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;gap:8px;padding:6px 10px;text-decoration:none;transition:all .3s ease-in-out}.logout-button:hover{background-color:#22a3571a!important;color:#22a357!important}.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{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:20px;justify-content:flex-start;margin:0 0 0 15px;max-width:350px;padding:0}.user-info,.user-info .user-fullname{color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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,.reportes-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{align-items:center!important;background:none!important;border:none!important;border-bottom:1px solid #333!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:500!important;gap:8px!important;padding:10px 15px!important;text-align:left!important;text-decoration:none!important;transition:all .3s ease-in-out!important;width:100%!important}.accordion-item:last-child{border-bottom:none!important}.accordion-item:hover{background-color:#1a1a1a!important;color:#22a357!important}@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,.reportes-accordion,.usuario-accordion{position:relative}.cliente-accordion .accordion-toggle,.reportes-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}.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;font-family:Roboto,sans-serif;font-size:.95rem}.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;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{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}.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;gap:12px;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}.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}.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%}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.reporte-usuario-container{background:linear-gradient(135deg,#050505,#0a0a0a 20%,#0d1510 40%,#1a3d22 60%,#0d1510 80%,#050505);color:#fff;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.reporte-usuario-container:before{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:linear-gradient(45deg,#0000,#0000 45%,#22a35714 46%,#22a35733 48%,#22a35740 50%,#22a35733 52%,#22a35714 54%,#0000 55%,#0000),linear-gradient(-45deg,#0000,#0000 45%,#2ecc7114 46%,#2ecc712e 48%,#2ecc7138 50%,#2ecc712e 52%,#2ecc7114 54%,#0000 55%,#0000),radial-gradient(ellipse at 50% 50%,#22a35726 0,#22a35714 20%,#0000 40%),radial-gradient(ellipse at 15% 15%,#22a3571f 0,#0000 30%),radial-gradient(ellipse at 85% 15%,#2ecc711a 0,#0000 30%),radial-gradient(ellipse at 15% 85%,#2ecc711a 0,#0000 30%),radial-gradient(ellipse at 85% 85%,#22a3571f 0,#0000 30%);content:"";height:150%;left:-25%;pointer-events:none;position:fixed;top:-25%;width:150%;z-index:0}.reporte-usuario-container:after{background-image:radial-gradient(circle at 25% 25%,#22a35705 1px,#0000 0),radial-gradient(circle at 75% 75%,rgba(46,204,113,.015) 1px,#0000 0),radial-gradient(circle at 50% 10%,#22a35703 2px,#0000 0);background-position:0 0,40px 40px,80px 80px;background-size:80px 80px,120px 120px,160px 160px;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.reporte-usuario-main-content{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.reporte-usuario-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;overflow:hidden;padding:30px;position:relative;text-align:center;transform:translateZ(0)}.reporte-usuario-header:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-usuario-header:not(:hover){animation:cardGlow 6s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-usuario-header:before{animation:shimmer 4s infinite;background:linear-gradient(90deg,#0000,#22a35726,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:0}.reporte-usuario-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 10px;position:relative;text-align:center;z-index:1}.reporte-usuario-header p{color:#ccc;font-size:1rem;margin:0;position:relative;z-index:1}.reporte-usuario-filtros-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;padding:28px;position:relative;transform:translateZ(0);z-index:999999999}.reporte-usuario-filtros-container:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-usuario-filtros-container:not(:hover){animation:cardGlowFilters 8s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-usuario-filtros-layout{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:320px 1fr auto}.reporte-usuario-filtros-usuarios{display:flex;flex-direction:column;gap:15px}.reporte-usuario-filtros-fechas{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:1fr 1fr}.reporte-usuario-botones-accion{align-items:stretch;display:flex;flex-direction:row;gap:10px;justify-content:start}.reporte-usuario-form-group{display:flex;flex-direction:column;gap:8px}.reporte-usuario-form-group label{color:#edf6f1;font-size:.9rem;font-weight:600;letter-spacing:.5px}.reporte-usuario-checkbox-container{align-items:center;display:flex;margin-bottom:15px}.reporte-usuario-checkbox-container label{align-items:center;color:#edf6f1;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-usuario-checkbox-container label:hover{color:#fff}.reporte-usuario-checkbox-container input[type=checkbox]{accent-color:#22a357;border-radius:3px;cursor:pointer;height:16px;margin:0;width:16px}.reporte-usuario-select-usuario{width:100%!important}.reporte-usuario-select__control{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1acc!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 4px 15px #0003!important;height:45px!important;max-height:45px!important;min-height:45px!important;padding:0 16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.reporte-usuario-select__control:hover{border-color:#22a3574d!important;box-shadow:0 6px 20px #0000004d!important;transform:translateY(-1px)!important}.reporte-usuario-select__control--is-focused{border-color:#22a35766!important;box-shadow:0 0 0 3px #22a3571a,0 8px 25px #0006!important;transform:translateY(-1px)!important}.reporte-usuario-select__value-container{align-items:center!important;color:#fff!important;display:flex!important;height:43px!important;justify-content:flex-start!important;padding:0!important;text-align:left!important}.reporte-usuario-select__single-value{color:#fffffff2!important;font-weight:500!important;text-shadow:0 1px 2px #0000004d!important}.reporte-usuario-select__placeholder{color:#fff9!important;font-style:italic!important}.reporte-usuario-select__input-container{color:#fff!important}.reporte-usuario-select__input{caret-color:#0000!important}.reporte-usuario-select__input input{caret-color:#0000!important;text-align:left!important}.reporte-usuario-select__input-container input[type=text]{direction:ltr!important;text-align:left!important}.reporte-usuario-select__menu{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1ae6!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 8px 25px #0006!important;margin-top:8px!important;max-height:250px!important;min-width:200px!important;overflow-y:auto!important;position:absolute!important;z-index:9999!important}.reporte-usuario-select__menu-list{max-height:200px!important;padding:0!important;scrollbar-color:#22a3574d #1a1a1a80!important;scrollbar-width:thin!important}.reporte-usuario-select__menu-list::-webkit-scrollbar{width:8px!important}.reporte-usuario-select__menu-list::-webkit-scrollbar-track{background:#ffffff1a!important;border-radius:4px!important}.reporte-usuario-select__menu-list::-webkit-scrollbar-thumb{background:#22a35780!important;border-radius:4px!important}.reporte-usuario-select__menu-list::-webkit-scrollbar-thumb:hover{background:#22a357b3!important}.reporte-usuario-select__menu-portal{z-index:9999!important}.reporte-usuario-select__option{background-color:initial!important;border-radius:8px!important;color:#ffffffe6!important;cursor:pointer!important;margin:2px 8px!important;padding:12px 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.reporte-usuario-select__option--is-focused,.reporte-usuario-select__option:hover{background:#22a35733!important;color:#fff!important;transform:translateX(4px)!important}.reporte-usuario-select__option--is-selected{background:linear-gradient(135deg,#22a357cc,#1e8c4acc)!important;box-shadow:0 2px 4px #22a3574d!important;color:#fff!important;font-weight:600!important}.reporte-usuario-select__indicators{padding:0 8px!important}.reporte-usuario-select__indicator-separator{background-color:#22a3574d!important}.reporte-usuario-select__dropdown-indicator{color:#fff9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.reporte-usuario-select__dropdown-indicator:hover{color:#22a357e6!important;transform:scale(1.1)!important}.reporte-usuario-select__clear-indicator{color:#fff9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.reporte-usuario-select__clear-indicator:hover{color:#ff6b6be6!important;transform:scale(1.2)!important}.reporte-usuario-datepicker-wrapper{position:relative!important;width:100%!important;z-index:99999999!important}.reporte-usuario-datepicker-wrapper .react-datepicker__input-container input,.reporte-usuario-datepicker-wrapper input{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1acc!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 4px 15px #0003!important;box-sizing:border-box!important;color:#fffffff2!important;font-size:14px!important;font-weight:500!important;height:45px!important;padding:12px 16px!important;text-shadow:0 1px 2px #0000004d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.reporte-usuario-datepicker-wrapper .react-datepicker__input-container input:focus,.reporte-usuario-datepicker-wrapper input:focus{border-color:#22a35766!important;box-shadow:0 0 0 3px #22a3571a,0 8px 25px #0006!important;outline:none!important;transform:translateY(-1px)!important}.reporte-usuario-datepicker-wrapper .react-datepicker__input-container input:hover,.reporte-usuario-datepicker-wrapper input:hover{border-color:#22a3574d!important;box-shadow:0 6px 20px #0000004d!important;transform:translateY(-1px)!important}.reporte-usuario-datepicker-wrapper .react-datepicker__input-container input::placeholder,.reporte-usuario-datepicker-wrapper input::placeholder{color:#fff9!important;font-style:italic!important}.reporte-usuario-btn-buscar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22a357e6,#1e8c4ae6);border:1px solid #22a35780;border-radius:12px;box-shadow:0 4px 15px #22a3574d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:26px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.reporte-usuario-btn-buscar:hover{background:linear-gradient(135deg,#22a357,#1e8c4a);border-color:#22a357cc;box-shadow:0 8px 25px #22a35766,0 0 20px #22a3574d,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.reporte-usuario-btn-buscar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reporte-usuario-btn-buscar:hover:before{left:100%}.reporte-usuario-btn-buscar:disabled{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#55555580;border-color:#5555554d;box-shadow:none;cursor:not-allowed;transform:none}.reporte-usuario-btn-limpiar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6c757dcc;border:1px solid #6c757d80;border-radius:12px;box-shadow:0 4px 15px #6c757d33,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:26px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.reporte-usuario-btn-limpiar:hover{background:#5a6268e6;border-color:#6c757db3;box-shadow:0 6px 20px #6c757d4d,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(1.02)}.reporte-usuario-btn-limpiar:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reporte-usuario-btn-limpiar:hover:before{left:100%}.reporte-usuario-btn-exportar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e8c4ae6,#1a7a40e6);border:1px solid #1e8c4a80;border-radius:10px;box-shadow:0 4px 12px #1e8c4a33,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-right:12px;margin-top:20px;overflow:hidden;padding:10px 20px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-usuario-btn-exportar:hover{background:linear-gradient(135deg,#1e8c4a,#1a7a40);border-color:#1e8c4acc;box-shadow:0 6px 18px #1e8c4a66,0 0 15px #1e8c4a33,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.reporte-usuario-btn-exportar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reporte-usuario-btn-exportar:hover:before{left:100%}.reporte-usuario-btn-exportar:disabled{background:#6c757d80!important;border-color:#6c757d4d!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6;transform:none!important}.reporte-usuario-btn-exportar:disabled:before{display:none}.reporte-usuario-exportar-container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border-bottom:1px solid #22a35733;display:flex;justify-content:flex-end;padding:20px}.reporte-usuario-exportar-container .reporte-usuario-btn-exportar{margin:0}.reporte-usuario-tabla-container,.reporte-usuario-table-container{border:1px solid #22a35733;border-radius:12px;margin-top:30px;overflow:hidden;position:relative;z-index:1}.reporte-usuario-tabla-container,.reporte-usuario-tabla-header,.reporte-usuario-table-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;box-shadow:0 4px 15px #0003}.reporte-usuario-tabla-header{align-items:center;border-bottom:1px solid #22a35733;display:flex;justify-content:space-between;padding:20px}.reporte-usuario-tabla-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000004d}.reporte-usuario-tabla-acciones{align-items:center;display:flex;gap:15px}.reporte-usuario-total{color:#1e8c4a;font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.reporte-usuario-tabla-wrapper{overflow-x:auto}.reporte-usuario-tabla,.reporte-usuario-tabla-detalle,.reporte-usuario-tabla-resumen,.reporte-usuario-table{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border-collapse:collapse;font-size:14px;width:100%}.reporte-usuario-tabla thead,.reporte-usuario-tabla-detalle thead,.reporte-usuario-tabla-resumen thead,.reporte-usuario-table thead{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1afa}.reporte-usuario-tabla th,.reporte-usuario-tabla-detalle th,.reporte-usuario-tabla-resumen th,.reporte-usuario-table th{border-bottom:1px solid #22a35733;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.reporte-usuario-tabla tbody tr,.reporte-usuario-tabla-detalle tbody tr,.reporte-usuario-tabla-resumen tbody tr,.reporte-usuario-table tbody tr{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#1e1e1eb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-usuario-tabla tbody tr:nth-child(2n),.reporte-usuario-tabla-detalle tbody tr:nth-child(2n),.reporte-usuario-tabla-resumen tbody tr:nth-child(2n),.reporte-usuario-table tbody tr:nth-child(2n){background-color:#141414cc}.reporte-usuario-tabla tbody tr:hover,.reporte-usuario-tabla-detalle tbody tr:hover,.reporte-usuario-tabla-resumen tbody tr:hover,.reporte-usuario-table tbody tr:hover{background-color:#22a3571a;box-shadow:0 2px 8px #22a35733;transform:translateX(2px)}.reporte-usuario-tabla td,.reporte-usuario-tabla-detalle td,.reporte-usuario-tabla-resumen td,.reporte-usuario-table td{border-bottom:1px solid #22a35726;color:#fff;padding:12px;text-shadow:0 1px 2px #0000004d;vertical-align:middle}.reporte-usuario-horas{color:#1e8c4a!important;font-weight:600}.reporte-usuario-porcentaje-total{color:#17a2b8!important;font-weight:600;text-shadow:0 1px 2px #0000004d}.reporte-usuario-porcentaje-total.completo{color:#1e8c4a!important}.reporte-usuario-porcentaje-badge{background:#17a2b81a;border:1px solid #17a2b833;border-radius:4px;color:#17a2b8!important;font-weight:600;padding:2px 6px;text-shadow:0 1px 2px #0000004d}.reporte-usuario-porcentaje-badge.completo{background:#0000;border:none;color:#fff!important;text-shadow:0 1px 2px #0000004d}.reporte-usuario-tabla tfoot,.reporte-usuario-tabla-detalle tfoot,.reporte-usuario-tabla-resumen tfoot,.reporte-usuario-table tfoot{background-color:#1e8c4a!important;border-top:2px solid #1a7a40;font-weight:600}.reporte-usuario-tabla tfoot td,.reporte-usuario-tabla-detalle tfoot td,.reporte-usuario-tabla-resumen tfoot td,.reporte-usuario-table tfoot td{border-bottom:none;color:#fff!important;font-size:14px;font-weight:400;padding:12px;text-shadow:0 1px 2px #0000004d}.reporte-usuario-horas-cell{color:#1e8c4a!important;font-weight:600;text-align:left}.reporte-usuario-tabla tfoot .reporte-usuario-horas-cell,.reporte-usuario-tabla-detalle tfoot .reporte-usuario-horas-cell,.reporte-usuario-tabla-resumen tfoot .reporte-usuario-horas-cell,.reporte-usuario-table tfoot .reporte-usuario-horas-cell{color:#fff!important}.reporte-usuario-loading{align-items:center;color:#22a357;display:flex;font-size:18px;font-weight:600;justify-content:center;padding:50px;text-shadow:0 1px 2px #0000004d}.reporte-usuario-sin-datos{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#222c;border:1px solid #22a35733;border-radius:12px;box-shadow:0 4px 15px #0003;margin-top:30px;padding:50px;text-align:center}.reporte-usuario-sin-datos-contenido h3{color:#fff;font-size:1.5rem;margin:0 0 15px;text-shadow:0 1px 2px #0000004d}.reporte-usuario-sin-datos-contenido p{color:#ccc;font-size:1rem;margin:0}.reporte-usuario-no-data{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1acc;border:1px solid #22a35733;border-radius:12px;box-shadow:0 4px 15px #0003;color:#999;font-size:16px;margin-top:30px;padding:50px;text-align:center}.reporte-usuario-no-data p{margin:0}.reporte-usuario-no-data-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.reporte-usuario-no-data h3{color:#fff;font-size:1.2rem;margin:0 0 10px;text-shadow:0 1px 2px #0000004d}@media (max-width:1200px){.reporte-usuario-filtros-layout{gap:20px;grid-template-columns:280px 1fr auto}}@media (max-width:768px){.reporte-usuario-header h1{font-size:1.5rem}.reporte-usuario-filtros-layout{gap:20px;grid-template-columns:1fr}.reporte-usuario-filtros-fechas{gap:12px;grid-template-columns:1fr}.reporte-usuario-botones-accion{flex-direction:row;justify-content:center}.reporte-usuario-tabla-detalle,.reporte-usuario-tabla-resumen,.reporte-usuario-table{font-size:12px}.reporte-usuario-tabla-detalle td,.reporte-usuario-tabla-detalle th,.reporte-usuario-tabla-resumen td,.reporte-usuario-tabla-resumen th,.reporte-usuario-table td,.reporte-usuario-table th{padding:8px 6px}}@media (max-width:480px){.reporte-usuario-container{padding:15px}.reporte-usuario-header h1{font-size:1.3rem}.reporte-usuario-filtros-container{padding:20px}.reporte-usuario-table-container{margin-top:20px;overflow-x:auto}.reporte-usuario-tabla-detalle,.reporte-usuario-tabla-resumen,.reporte-usuario-table{min-width:600px}}.reporte-clientes-container{background:linear-gradient(135deg,#050505,#0a0a0a 20%,#0d1510 40%,#1a3d22 60%,#0d1510 80%,#050505);color:#fff;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.reporte-clientes-container:before{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:linear-gradient(45deg,#0000,#0000 45%,#22a35714 46%,#22a35733 48%,#22a35740 50%,#22a35733 52%,#22a35714 54%,#0000 55%,#0000),linear-gradient(-45deg,#0000,#0000 45%,#2ecc7114 46%,#2ecc712e 48%,#2ecc7138 50%,#2ecc712e 52%,#2ecc7114 54%,#0000 55%,#0000),radial-gradient(ellipse at 50% 50%,#22a35726 0,#22a35714 20%,#0000 40%),radial-gradient(ellipse at 15% 15%,#22a3571f 0,#0000 30%),radial-gradient(ellipse at 85% 15%,#2ecc711a 0,#0000 30%),radial-gradient(ellipse at 15% 85%,#2ecc711a 0,#0000 30%),radial-gradient(ellipse at 85% 85%,#22a3571f 0,#0000 30%);content:"";height:150%;left:-25%;pointer-events:none;position:fixed;top:-25%;width:150%;z-index:0}.reporte-clientes-container:after{background-image:radial-gradient(circle at 25% 25%,#22a35705 1px,#0000 0),radial-gradient(circle at 75% 75%,rgba(46,204,113,.015) 1px,#0000 0),radial-gradient(circle at 50% 10%,#22a35703 2px,#0000 0);background-position:0 0,40px 40px,80px 80px;background-size:80px 80px,120px 120px,160px 160px;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.reporte-clientes-main-content{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.reporte-clientes-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;overflow:hidden;padding:30px;position:relative;text-align:center;transform:translateZ(0)}.reporte-clientes-header:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-clientes-header:not(:hover){animation:cardGlow 6s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-clientes-header:before{animation:shimmer 4s infinite;background:linear-gradient(90deg,#0000,#22a35726,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:0}.reporte-clientes-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 10px;position:relative;text-align:center;z-index:1}.reporte-clientes-header p{color:#ccc;font-size:1rem;margin:0;position:relative;z-index:1}.reporte-clientes-filtros-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;padding:28px;position:relative;transform:translateZ(0);z-index:999999999}.reporte-clientes-filtros-container:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-clientes-filtros-container:not(:hover){animation:cardGlowFilters 8s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-clientes-filtros-layout{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:320px 1fr auto}.reporte-clientes-filtros-clientes{display:flex;flex-direction:column;gap:15px}.reporte-clientes-filtros-fechas{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:1fr 1fr}.reporte-clientes-botones-accion{align-items:stretch;display:flex;flex-direction:row;gap:10px;justify-content:start}.reporte-clientes-form-group{display:flex;flex-direction:column;gap:8px}.reporte-clientes-form-group label{color:#edf6f1;font-size:.9rem;font-weight:600;letter-spacing:.5px}.reporte-clientes-select-cliente{width:100%!important}.reporte-clientes-select__control{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1acc!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 4px 15px #0003!important;height:45px!important;max-height:45px!important;min-height:45px!important;padding:0 16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.reporte-clientes-select__control:hover{border-color:#22a3574d!important;box-shadow:0 6px 20px #0000004d!important;transform:translateY(-1px)!important}.reporte-clientes-select__control--is-focused{border-color:#22a35766!important;box-shadow:0 0 0 3px #22a3571a,0 8px 25px #0006!important;transform:translateY(-1px)!important}.reporte-clientes-select__value-container{align-items:center!important;color:#fff!important;display:flex!important;height:43px!important;justify-content:flex-start!important;padding:0!important;text-align:left!important}.reporte-clientes-select__single-value{color:#fffffff2!important;font-weight:500!important;text-shadow:0 1px 2px #0000004d!important}.reporte-clientes-select__placeholder{color:#fff9!important;font-style:italic!important}.reporte-clientes-select__input-container{color:#fff!important}.reporte-clientes-select__input{caret-color:#0000!important}.reporte-clientes-select__input input{caret-color:#0000!important;text-align:left!important}.reporte-clientes-select__input-container input[type=text]{direction:ltr!important;text-align:left!important}.reporte-clientes-select__menu{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1ae6!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 8px 25px #0006!important;margin-top:8px!important;max-height:250px!important;min-width:200px!important;overflow-y:auto!important;position:absolute!important;z-index:9999!important}.reporte-clientes-select__menu-list{max-height:200px!important;padding:0!important;scrollbar-color:#22a3574d #1a1a1a80!important;scrollbar-width:thin!important}.reporte-clientes-select__menu-list::-webkit-scrollbar{width:8px!important}.reporte-clientes-select__menu-list::-webkit-scrollbar-track{background:#ffffff1a!important;border-radius:4px!important}.reporte-clientes-select__menu-list::-webkit-scrollbar-thumb{background:#22a35780!important;border-radius:4px!important}.reporte-clientes-select__menu-list::-webkit-scrollbar-thumb:hover{background:#22a357b3!important}.reporte-clientes-select__menu-portal{z-index:9999!important}.reporte-clientes-select__option{background-color:initial!important;border-radius:8px!important;color:#ffffffe6!important;cursor:pointer!important;margin:2px 8px!important;padding:12px 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.reporte-clientes-select__option--is-focused,.reporte-clientes-select__option:hover{background:#22a35733!important;color:#fff!important;transform:translateX(4px)!important}.reporte-clientes-select__option--is-selected{background:linear-gradient(135deg,#22a357cc,#1e8c4acc)!important;box-shadow:0 2px 4px #22a3574d!important;color:#fff!important;font-weight:600!important}.reporte-clientes-select__indicators{padding:0 8px!important}.reporte-clientes-select__indicator-separator{background-color:#22a3574d!important}.reporte-clientes-select__dropdown-indicator{color:#fff9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.reporte-clientes-select__dropdown-indicator:hover{color:#22a357e6!important;transform:scale(1.1)!important}.reporte-clientes-select__clear-indicator{color:#fff9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.reporte-clientes-select__clear-indicator:hover{color:#ff6b6be6!important;transform:scale(1.2)!important}.reporte-clientes-datepicker-wrapper{position:relative!important;width:100%!important;z-index:99999999!important}.reporte-clientes-datepicker-wrapper .react-datepicker__input-container input,.reporte-clientes-datepicker-wrapper input{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1acc!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 4px 15px #0003!important;box-sizing:border-box!important;color:#fffffff2!important;font-size:14px!important;font-weight:500!important;height:45px!important;padding:12px 16px!important;text-shadow:0 1px 2px #0000004d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.reporte-clientes-datepicker-wrapper .react-datepicker__input-container input:focus,.reporte-clientes-datepicker-wrapper input:focus{border-color:#22a35766!important;box-shadow:0 0 0 3px #22a3571a,0 8px 25px #0006!important;outline:none!important;transform:translateY(-1px)!important}.reporte-clientes-datepicker-wrapper .react-datepicker__input-container input:hover,.reporte-clientes-datepicker-wrapper input:hover{border-color:#22a3574d!important;box-shadow:0 6px 20px #0000004d!important;transform:translateY(-1px)!important}.reporte-clientes-datepicker-wrapper .react-datepicker__input-container input::placeholder,.reporte-clientes-datepicker-wrapper input::placeholder{color:#fff9!important;font-style:italic!important}.react-datepicker__day--today{background:#22a35766!important}.react-datepicker__navigation{background:#0000!important;z-index:100000!important}.react-datepicker__triangle{border-bottom-color:#1a1a1af2!important}.reporte-clientes-btn-buscar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22a357e6,#1e8c4ae6);border:1px solid #22a35780;border-radius:12px;box-shadow:0 4px 15px #22a3574d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:26px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.reporte-clientes-btn-buscar:hover{background:linear-gradient(135deg,#22a357,#1e8c4a);border-color:#22a357cc;box-shadow:0 8px 25px #22a35766,0 0 20px #22a3574d,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.reporte-clientes-btn-buscar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reporte-clientes-btn-buscar:hover:before{left:100%}.reporte-clientes-btn-buscar:disabled{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#55555580;border-color:#5555554d;box-shadow:none;cursor:not-allowed;transform:none}.reporte-clientes-btn-limpiar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6c757dcc;border:1px solid #6c757d80;border-radius:12px;box-shadow:0 4px 15px #6c757d33,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:26px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.reporte-clientes-btn-limpiar:hover{background:#5a6268e6;border-color:#6c757db3;box-shadow:0 6px 20px #6c757d4d,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(1.02)}.reporte-clientes-btn-limpiar:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reporte-clientes-btn-limpiar:hover:before{left:100%}.reporte-clientes-btn-exportar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e8c4ae6,#1a7a40e6);border:1px solid #1e8c4a80;border-radius:10px;box-shadow:0 4px 12px #1e8c4a33,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-right:12px;margin-top:20px;overflow:hidden;padding:10px 20px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-clientes-btn-exportar:hover{background:linear-gradient(135deg,#1e8c4a,#1a7a40);border-color:#1e8c4acc;box-shadow:0 6px 18px #1e8c4a66,0 0 15px #1e8c4a33,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.reporte-clientes-btn-exportar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reporte-clientes-btn-exportar:hover:before{left:100%}.reporte-clientes-btn-exportar:disabled{background:#6c757d80!important;border-color:#6c757d4d!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6;transform:none!important}.reporte-clientes-btn-exportar:disabled:before{display:none}.reporte-clientes-tabla-container,.reporte-clientes-table-container{border:1px solid #22a35733;border-radius:12px;margin-top:30px;overflow:hidden;position:relative;z-index:1}.reporte-clientes-tabla-container,.reporte-clientes-tabla-header,.reporte-clientes-table-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;box-shadow:0 4px 15px #0003}.reporte-clientes-tabla-header{align-items:center;border-bottom:1px solid #22a35733;display:flex;justify-content:space-between;padding:20px}.reporte-clientes-tabla-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000004d}.reporte-clientes-tabla-acciones{align-items:center;display:flex;gap:15px}.reporte-clientes-total{color:#1e8c4a;font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.reporte-clientes-tabla-wrapper{overflow-x:auto}.reporte-clientes-tabla,.reporte-clientes-tabla-detalle,.reporte-clientes-tabla-resumen,.reporte-clientes-table{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border-collapse:collapse;font-size:14px;width:100%}.reporte-clientes-tabla thead,.reporte-clientes-tabla-detalle thead,.reporte-clientes-tabla-resumen thead,.reporte-clientes-table thead{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1afa}.reporte-clientes-tabla th,.reporte-clientes-tabla-detalle th,.reporte-clientes-tabla-resumen th,.reporte-clientes-table th{border-bottom:1px solid #22a35733;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.reporte-clientes-tabla tbody tr,.reporte-clientes-tabla-detalle tbody tr,.reporte-clientes-tabla-resumen tbody tr,.reporte-clientes-table tbody tr{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#1e1e1eb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-clientes-tabla tbody tr:nth-child(2n),.reporte-clientes-tabla-detalle tbody tr:nth-child(2n),.reporte-clientes-tabla-resumen tbody tr:nth-child(2n),.reporte-clientes-table tbody tr:nth-child(2n){background-color:#141414cc}.reporte-clientes-tabla tbody tr:hover,.reporte-clientes-tabla-detalle tbody tr:hover,.reporte-clientes-tabla-resumen tbody tr:hover,.reporte-clientes-table tbody tr:hover{background-color:#22a3571a;box-shadow:0 2px 8px #22a35733;transform:translateX(2px)}.reporte-clientes-tabla td,.reporte-clientes-tabla-detalle td,.reporte-clientes-tabla-resumen td,.reporte-clientes-table td{border-bottom:1px solid #22a35726;color:#fff;padding:12px;text-shadow:0 1px 2px #0000004d;vertical-align:middle}.reporte-clientes-horas{color:#1e8c4a!important;font-weight:600}.reporte-clientes-porcentaje-total{color:#17a2b8!important;font-weight:600;text-shadow:0 1px 2px #0000004d}.reporte-clientes-porcentaje-total.completo{color:#1e8c4a!important}.reporte-clientes-porcentaje-badge{color:#17a2b8!important;font-weight:600;text-shadow:0 1px 2px #0000004d}.reporte-clientes-porcentaje-badge.completo{background:#0000;border:none;color:#fff!important;text-shadow:0 1px 2px #0000004d}.reporte-clientes-tabla tbody .reporte-clientes-porcentaje-badge,.reporte-clientes-tabla tbody .reporte-clientes-porcentaje-total,.reporte-clientes-tabla-detalle tbody .reporte-clientes-porcentaje-badge,.reporte-clientes-tabla-detalle tbody .reporte-clientes-porcentaje-total,.reporte-clientes-tabla-resumen tbody .reporte-clientes-porcentaje-badge,.reporte-clientes-tabla-resumen tbody .reporte-clientes-porcentaje-total,.reporte-clientes-table tbody .reporte-clientes-porcentaje-badge,.reporte-clientes-table tbody .reporte-clientes-porcentaje-total{color:#17a2b8!important;font-weight:600!important;text-shadow:0 1px 2px #0000004d!important}.reporte-clientes-tabla tfoot,.reporte-clientes-tabla-detalle tfoot,.reporte-clientes-tabla-resumen tfoot,.reporte-clientes-table tfoot{background-color:#1e8c4a!important;border-top:2px solid #1a7a40;font-weight:600}.reporte-clientes-tabla tfoot td,.reporte-clientes-tabla-detalle tfoot td,.reporte-clientes-tabla-resumen tfoot td,.reporte-clientes-table tfoot td{border-bottom:none;color:#fff!important;font-size:14px;font-weight:400;padding:12px;text-shadow:0 1px 2px #0000004d}.reporte-clientes-container .reporte-clientes-tabla tfoot td,.reporte-clientes-container .reporte-clientes-tabla-detalle tfoot td,.reporte-clientes-container .reporte-clientes-tabla-resumen tfoot td,.reporte-clientes-container .reporte-clientes-table tfoot td{color:#fff!important}.reporte-clientes-horas-cell{color:#1e8c4a!important;font-weight:600;text-align:left}.reporte-clientes-tabla tfoot .reporte-clientes-horas-cell,.reporte-clientes-tabla-detalle tfoot .reporte-clientes-horas-cell,.reporte-clientes-tabla-resumen tfoot .reporte-clientes-horas-cell,.reporte-clientes-table tfoot .reporte-clientes-horas-cell{color:#fff!important}.reporte-clientes-loading{align-items:center;color:#22a357;display:flex;font-size:18px;font-weight:600;justify-content:center;padding:50px;text-shadow:0 1px 2px #0000004d}.reporte-clientes-sin-datos{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#222c;border:1px solid #22a35733;border-radius:12px;box-shadow:0 4px 15px #0003;margin-top:30px;padding:50px;text-align:center}.reporte-clientes-sin-datos-contenido h3{color:#fff;font-size:1.5rem;margin:0 0 15px;text-shadow:0 1px 2px #0000004d}.reporte-clientes-sin-datos-contenido p{color:#ccc;font-size:1rem;margin:0}.reporte-clientes-no-data{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1acc;border:1px solid #22a35733;border-radius:12px;box-shadow:0 4px 15px #0003;color:#999;font-size:16px;margin-top:30px;padding:50px;text-align:center}.reporte-clientes-no-data p{margin:0}@media (max-width:1200px){.reporte-clientes-filtros-layout{gap:20px;grid-template-columns:280px 1fr auto}}@media (max-width:768px){.reporte-clientes-header h1{font-size:1.5rem}.reporte-clientes-filtros-layout{gap:20px;grid-template-columns:1fr}.reporte-clientes-filtros-fechas{gap:12px;grid-template-columns:1fr}.reporte-clientes-botones-accion{flex-direction:row;justify-content:center}.reporte-clientes-tabla-detalle,.reporte-clientes-tabla-resumen,.reporte-clientes-table{font-size:12px}.reporte-clientes-tabla-detalle td,.reporte-clientes-tabla-detalle th,.reporte-clientes-tabla-resumen td,.reporte-clientes-tabla-resumen th,.reporte-clientes-table td,.reporte-clientes-table th{padding:8px 6px}}@media (max-width:480px){.reporte-clientes-container{padding:15px}.reporte-clientes-header h1{font-size:1.3rem}.reporte-clientes-filtros-container{padding:20px}.reporte-clientes-table-container{margin-top:20px;overflow-x:auto}.reporte-clientes-tabla-detalle,.reporte-clientes-tabla-resumen,.reporte-clientes-table{min-width:600px}}.reporte-area-container{background:linear-gradient(135deg,#050505,#0a0a0a 20%,#0d1510 40%,#1a3d22 60%,#0d1510 80%,#050505);color:#fff;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.reporte-area-container:before{background:linear-gradient(45deg,#0000,#0000 45%,#22a35714 46%,#22a35733 48%,#22a35740 50%,#22a35733 52%,#22a35714 54%,#0000 55%,#0000),linear-gradient(-45deg,#0000,#0000 45%,#2ecc7114 46%,#2ecc712e 48%,#2ecc7138 50%,#2ecc712e 52%,#2ecc7114 54%,#0000 55%,#0000),radial-gradient(ellipse at 50% 50%,#22a35726 0,#22a35714 20%,#0000 40%),radial-gradient(ellipse at 15% 15%,#22a3571f 0,#0000 30%),radial-gradient(ellipse at 85% 15%,#2ecc711a 0,#0000 30%),radial-gradient(ellipse at 15% 85%,#2ecc711a 0,#0000 30%),radial-gradient(ellipse at 85% 85%,#22a3571f 0,#0000 30%);content:"";height:150%;left:-25%;pointer-events:none;position:fixed;top:-25%;width:150%;z-index:0}.reporte-area-content{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.reporte-area-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;overflow:hidden;padding:30px;position:relative;text-align:center;transform:translateZ(0)}.reporte-area-header:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-area-header:not(:hover){animation:cardGlow 6s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-area-header:before{animation:shimmer 4s infinite;background:linear-gradient(90deg,#0000,#22a35726,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:0}.reporte-area-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 10px;position:relative;text-align:center;z-index:1}.reporte-area-header p{color:#ccc;font-size:1rem;margin:0;position:relative;z-index:1}.reporte-area-filtros-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;padding:28px;position:relative;transform:translateZ(0);z-index:999999999}.reporte-area-filtros-container:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px) translateZ(0)}.reporte-area-filtros-container:hover,.reporte-area-filtros-container:not(:hover){transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-area-filtros-layout{grid-gap:25px;align-items:end;display:grid;gap:25px;grid-template-columns:320px 1fr auto}.reporte-area-filtros-areas{align-self:end;display:flex;flex-direction:column;gap:15px}.reporte-area-filtros-fechas{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:1fr 1fr}.reporte-area-botones-accion{align-items:end;display:flex;flex-direction:row;gap:10px;justify-content:start}.reporte-area-form-group{display:flex;flex-direction:column;gap:12px}.reporte-area-form-group label{color:#edf6f1;font-size:.9rem;font-weight:600;letter-spacing:.5px}.reporte-area-filtro-area{display:flex;flex-direction:column;gap:8px}.reporte-area-filtros-fecha{display:contents}.reporte-area-filtro-fecha{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.reporte-area-filtro-boton{align-items:end;display:flex;gap:15px}.reporte-area-filtro-label{color:#edf6f1;font-size:.9rem;font-weight:600;letter-spacing:.5px}.reporte-area-select-area{width:100%!important}.reporte-area-select__control{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1acc!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 4px 15px #0003!important;height:45px!important;max-height:45px!important;min-height:45px!important;padding:0 16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.reporte-area-select__control:hover{border-color:#22a3574d!important;box-shadow:0 6px 20px #0000004d!important;transform:translateY(-1px)!important}.reporte-area-select__control--is-focused{border-color:#22a35766!important;box-shadow:0 0 0 3px #22a3571a,0 8px 25px #0006!important;transform:translateY(-1px)!important}.reporte-area-select__value-container{align-items:center!important;color:#fff!important;display:flex!important;height:43px!important;justify-content:flex-start!important;padding:0!important;text-align:left!important}.reporte-area-select__single-value{color:#fffffff2!important;font-weight:500!important;text-shadow:0 1px 2px #0000004d!important}.reporte-area-select__placeholder{color:#fff9!important;font-style:italic!important}.reporte-area-select__input-container{color:#fff!important}.reporte-area-select__input{caret-color:#0000!important}.reporte-area-select__input input{caret-color:#0000!important;text-align:left!important}.reporte-area-select__input-container input[type=text]{direction:ltr!important;text-align:left!important}.reporte-area-select__menu{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1ae6!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 8px 25px #0006!important;margin-top:8px!important;max-height:250px!important;min-width:200px!important;overflow-y:auto!important;position:absolute!important;z-index:9999!important}.reporte-area-select__menu-list{max-height:200px!important;padding:0!important;scrollbar-color:#22a3574d #1a1a1a80!important;scrollbar-width:thin!important}.reporte-area-select__menu-list::-webkit-scrollbar{width:8px!important}.reporte-area-select__menu-list::-webkit-scrollbar-track{background:#ffffff1a!important;border-radius:4px!important}.reporte-area-select__menu-list::-webkit-scrollbar-thumb{background:#22a35780!important;border-radius:4px!important}.reporte-area-select__menu-list::-webkit-scrollbar-thumb:hover{background:#22a357b3!important}.reporte-area-select__menu-portal{z-index:9999!important}.reporte-area-select__option{background-color:initial!important;border-radius:8px!important;color:#ffffffe6!important;cursor:pointer!important;margin:2px 8px!important;padding:12px 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.reporte-area-select__option--is-focused,.reporte-area-select__option:hover{background:#22a35733!important;color:#fff!important;transform:translateX(4px)!important}.reporte-area-select__option--is-selected{background:linear-gradient(135deg,#22a357cc,#1e8c4acc)!important;box-shadow:0 2px 4px #22a3574d!important;color:#fff!important;font-weight:600!important}.reporte-area-select__indicators{padding:0 8px!important}.reporte-area-select__indicator-separator{background-color:#22a3574d!important}.reporte-area-select-area .react-select__clear-indicator{color:#999!important}.reporte-area-select-area .react-select__clear-indicator:hover{color:#ff6b6b!important}.reporte-area-datepicker-wrapper{position:relative!important;width:100%!important;z-index:999999999!important}.reporte-area-datepicker-wrapper .react-datepicker__input-container input,.reporte-area-datepicker-wrapper input{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1acc!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 4px 15px #0003!important;box-sizing:border-box!important;color:#fffffff2!important;font-size:14px!important;font-weight:500!important;height:45px!important;padding:12px 16px!important;text-shadow:0 1px 2px #0000004d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.reporte-area-datepicker-wrapper .react-datepicker__input-container input:focus,.reporte-area-datepicker-wrapper input:focus{border-color:#22a35766!important;box-shadow:0 0 0 3px #22a3571a,0 8px 25px #0006!important;outline:none!important;transform:translateY(-1px)!important}.reporte-area-datepicker-wrapper .react-datepicker__input-container input:hover,.reporte-area-datepicker-wrapper input:hover{border-color:#22a3574d!important;box-shadow:0 6px 20px #0000004d!important;transform:translateY(-1px)!important}.reporte-area-datepicker-wrapper .react-datepicker__input-container input::placeholder,.reporte-area-datepicker-wrapper input::placeholder{color:#fff9!important;font-style:italic!important}.reporte-area-date-picker::placeholder{color:#999}.react-datepicker-wrapper,.react-datepicker__input-container{display:block!important;width:100%!important}.react-datepicker__month-container{float:none!important;width:100%!important}.react-datepicker__month{margin:0!important;text-align:center!important;width:100%!important}.react-datepicker__week{box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:0 6px!important;width:100%!important}.react-datepicker__day{flex:1 1!important;height:32px!important;line-height:32px!important;margin:0!important;max-width:calc(14.28571% - 1.71429px)!important;min-width:calc(14.28571% - 1.71429px)!important;padding:0!important;width:calc(14.28571% - 1.71429px)!important}.react-datepicker{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1af2!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 8px 25px #0006!important;max-width:100%!important;min-width:100%!important;position:relative!important;width:100%!important;z-index:999999999!important}.react-datepicker-popper,.react-datepicker-popper[data-placement^=bottom]{position:absolute!important;width:100%!important;z-index:99999999!important}.react-datepicker__tab-loop{z-index:99999999!important}.react-datepicker__header{background:#22a35733!important;border-bottom:1px solid #22a3574d!important;border-radius:12px 12px 0 0!important;box-sizing:border-box!important;color:#fff!important;padding:10px!important;width:100%!important}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important;font-weight:600!important}.react-datepicker__day-names{box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:0 6px!important;width:100%!important}.react-datepicker__day-name{flex:1 1!important;margin:0!important;max-width:calc(14.28571% - 1.71429px)!important;min-width:calc(14.28571% - 1.71429px)!important;padding:0!important;text-align:center!important;width:calc(14.28571% - 1.71429px)!important}.react-datepicker__day{background:#0000!important;border-radius:4px!important;text-align:center!important;transition:all .2s ease!important}.react-datepicker__day:hover{background:#22a3574d!important;color:#fff!important}.react-datepicker__day--selected{background:#22a357cc!important;color:#fff!important}.react-datepicker__day--today{background:#ffffff1a!important;color:#fff!important;font-weight:700!important}.react-datepicker__navigation{background:none!important;border:none!important;color:#fff!important}.react-datepicker__navigation--next,.react-datepicker__navigation--previous{border-color:#fff!important}.react-datepicker__triangle{display:none!important}.reporte-area-btn-exportar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e8c4ae6,#1a7a40e6);border:1px solid #1e8c4a80;border-radius:10px;box-shadow:0 4px 12px #1e8c4a33,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-right:12px;margin-top:20px;overflow:hidden;padding:10px 20px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-area-btn-exportar:hover{background:linear-gradient(135deg,#1e8c4a,#1a7a40);border-color:#1e8c4acc;box-shadow:0 6px 18px #1e8c4a66,0 0 15px #1e8c4a33,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.reporte-area-btn-exportar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reporte-area-btn-exportar:hover:before{left:100%}.reporte-area-btn-exportar:disabled{background:#6c757d80!important;border-color:#6c757d4d!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6;transform:none!important}.reporte-area-btn-exportar:disabled:before{left:-100%}.reporte-area-btn-buscar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22a357e6,#1e8c4ae6);border:1px solid #22a35780;border-radius:12px;box-shadow:0 4px 15px #22a3574d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:26px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.reporte-area-btn-buscar:hover{background:linear-gradient(135deg,#22a357,#1e8c4a);border-color:#22a357cc;box-shadow:0 8px 25px #22a35766,0 0 20px #22a3574d,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.reporte-area-btn-buscar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reporte-area-btn-buscar:hover:before{left:100%}.reporte-area-btn-buscar:disabled{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#55555580;border-color:#5555554d;box-shadow:none;cursor:not-allowed;transform:none}.reporte-area-btn-limpiar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6c757dcc;border:1px solid #6c757d80;border-radius:12px;box-shadow:0 4px 15px #6c757d33,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:26px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.reporte-area-btn-limpiar:hover{background:#5a6268e6;border-color:#6c757db3;box-shadow:0 6px 20px #6c757d4d,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(1.02)}.reporte-area-btn-limpiar:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reporte-area-btn-limpiar:hover:before{left:100%}.reporte-area-btn-limpiar:hover:not(:disabled){background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.reporte-area-btn-limpiar:disabled{background:linear-gradient(135deg,#666,#555);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.reporte-area-spinner{animation:reporte-area-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes reporte-area-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.reporte-area-filtros-row{gap:15px;grid-template-columns:1fr 1fr 1fr}.reporte-area-filtro-boton{grid-column:1/-1;justify-content:center}}@media (max-width:768px){.reporte-area-filtros-row{gap:15px;grid-template-columns:1fr}.reporte-area-filtro-boton{justify-content:stretch}.reporte-area-filtro-boton button{flex:1 1}}.filtro-area{display:flex;flex-direction:column;gap:10px}.filtro-area label{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px}.select-area{width:100%}.filtros-fecha{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.filtro-fecha{display:flex;flex-direction:column;gap:10px}.filtro-fecha label{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px}.filtro-boton{align-items:end;display:flex}.date-picker{background-color:#2c2c2c;border:2px solid #555;border-radius:8px;color:#fff;font-size:.95rem;padding:12px 14px;transition:all .3s ease;width:100%}.date-picker:focus{border-color:#1e7e34;box-shadow:0 0 0 3px #1e7e3433;outline:none;transform:translateY(-1px)}.btn-buscar{align-items:center;background:linear-gradient(135deg,#1e7e34,#198754);border:none;border-radius:10px;box-shadow:0 4px 8px #1e7e344d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.btn-buscar:hover:not(:disabled){background:linear-gradient(135deg,#198754,#157347);box-shadow:0 6px 12px #1e7e3466;transform:translateY(-2px)}.btn-buscar:disabled{background:#555;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.info-consulta{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000004d;margin-bottom:20px;padding:20px}.info-consulta h3{color:#1e7e34;font-size:1.3rem;font-weight:600;margin-bottom:15px}.info-consulta p{color:#ccc;font-size:.95rem;margin:5px 0}.resultados-container{display:flex;flex-direction:column;gap:30px}.reporte-area-tabla-container,.reporte-area-table-container,.tabla-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:12px;box-shadow:0 4px 15px #0003;margin-top:30px;overflow:hidden;position:relative;z-index:1}.reporte-area-tabla-header,.tabla-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border-bottom:1px solid #22a35733;box-shadow:0 4px 15px #0003;display:flex;justify-content:space-between;padding:20px}.reporte-area-tabla-header h3,.tabla-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000004d}.reporte-area-tabla-acciones{align-items:center;display:flex;gap:15px}.reporte-area-total{color:#1e8c4a;font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.reporte-area-tabla-wrapper,.tabla-wrapper{overflow-x:auto}.reporte-area-tabla,.reporte-area-tabla-detalle,.reporte-area-tabla-resumen,.reporte-area-table,.tabla-detalle,.tabla-distribucion,.tabla-resumen{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border-collapse:collapse;font-size:14px;width:100%}.reporte-area-tabla thead,.reporte-area-tabla-detalle thead,.reporte-area-tabla-resumen thead,.reporte-area-table thead,.tabla-detalle thead,.tabla-distribucion thead,.tabla-resumen thead{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1afa}.reporte-area-tabla th,.reporte-area-tabla-detalle th,.reporte-area-tabla-resumen th,.reporte-area-table th,.tabla-detalle th,.tabla-distribucion th,.tabla-resumen th{border-bottom:1px solid #22a35733;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.reporte-area-tabla tbody tr,.reporte-area-tabla-detalle tbody tr,.reporte-area-tabla-resumen tbody tr,.reporte-area-table tbody tr,.tabla-detalle tbody tr,.tabla-distribucion tbody tr,.tabla-resumen tbody tr{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#1e1e1eb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.reporte-area-tabla tbody tr:nth-child(2n),.reporte-area-tabla-detalle tbody tr:nth-child(2n),.reporte-area-tabla-resumen tbody tr:nth-child(2n),.reporte-area-table tbody tr:nth-child(2n),.tabla-detalle tbody tr:nth-child(2n),.tabla-distribucion tbody tr:nth-child(2n),.tabla-resumen tbody tr:nth-child(2n){background-color:#141414cc}.reporte-area-tabla tbody tr:hover,.reporte-area-tabla-detalle tbody tr:hover,.reporte-area-tabla-resumen tbody tr:hover,.reporte-area-table tbody tr:hover,.tabla-detalle tbody tr:hover,.tabla-distribucion tbody tr:hover,.tabla-resumen tbody tr:hover{background-color:#22a3571a;box-shadow:0 2px 8px #22a35733;transform:translateX(2px)}.reporte-area-tabla td,.reporte-area-tabla-detalle td,.reporte-area-tabla-resumen td,.reporte-area-table td,.tabla-detalle td,.tabla-distribucion td,.tabla-resumen td{border-bottom:1px solid #22a35726;color:#fff;padding:12px;text-shadow:0 1px 2px #0000004d;vertical-align:middle}.reporte-area-horas{color:#1e8c4a!important;font-weight:600}.reporte-area-porcentaje-badge,.reporte-area-porcentaje-total{font-weight:600;text-shadow:0 1px 2px #0000004d}.reporte-area-porcentaje-badge{color:#17a2b8!important}.reporte-area-porcentaje-badge.completo{background:#0000;border:none;color:#fff!important;text-shadow:0 1px 2px #0000004d}.tabla-detalle,.tabla-resumen{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border-collapse:collapse;font-size:14px;width:100%}.tabla-detalle thead,.tabla-resumen thead{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1afa}.tabla-detalle th,.tabla-resumen th{border-bottom:1px solid #22a35733;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.tabla-detalle tbody tr,.tabla-resumen tbody tr{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#1e1e1eb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.tabla-detalle tbody tr:nth-child(2n),.tabla-resumen tbody tr:nth-child(2n){background-color:#141414cc}.tabla-detalle tbody tr:hover,.tabla-resumen tbody tr:hover{background-color:#22a3571a;box-shadow:0 2px 8px #22a35733;transform:translateX(2px)}.tabla-detalle td,.tabla-resumen td{border-bottom:1px solid #22a35726;color:#fff;padding:12px;text-shadow:0 1px 2px #0000004d;vertical-align:middle}.tabla-detalle tfoot,.tabla-resumen tfoot{background-color:#1e8c4a!important;border-top:2px solid #1a7a40;font-weight:600}.tabla-detalle tfoot td,.tabla-resumen tfoot td{border-bottom:none;color:#fff!important;font-size:14px;font-weight:400;padding:12px;text-shadow:0 1px 2px #0000004d}.tabla-detalle tfoot tr.total-row,.tabla-resumen tfoot tr.total-row,tfoot .total-row{background-color:#1e8c4a!important;border-top:2px solid #1a7a40!important}.tabla-detalle tfoot tr.total-row td,.tabla-resumen tfoot tr.total-row td,tfoot .total-row td{background-color:#1e8c4a!important;border-bottom:none!important;color:#fff!important;font-size:14px!important;font-weight:400!important;padding:12px!important;text-shadow:0 1px 2px #0000004d!important}.horas-cell,.reporte-area-horas,.reporte-area-horas-cell{color:#1e8c4a!important;font-weight:600}.reporte-area-horas-cell{text-align:left}.tabla-detalle tfoot .reporte-area-horas-cell,.tabla-resumen tfoot .reporte-area-horas-cell{color:#fff!important}.tabla-resumen tbody td:nth-child(5){color:#17a2b8!important;font-weight:600!important;text-shadow:0 1px 2px #0000004d!important}.tabla-resumen tbody td:nth-child(5):contains("100%"){background:#0000!important;border:none!important;color:#fff!important}.porcentaje-completo{background:#0000!important;border:none!important;color:#fff!important;text-shadow:0 1px 2px #0000004d!important}.reporte-area-porcentaje-total{color:#17a2b8!important;font-weight:600!important;text-shadow:0 1px 2px #0000004d!important}.reporte-area-porcentaje-total.completo{color:#1e8c4a!important}.descripcion-cell{cursor:help}.horas-cell{color:#1e7e34;text-align:right}.sin-resultados{background:#222;border:1px solid #333;border-radius:12px;box-shadow:0 4px 15px #0003;margin-bottom:30px;padding:40px 20px;text-align:center}.sin-resultados h3{color:#fff;font-size:1.3rem;margin-bottom:15px}.sin-resultados p{color:#ccc;font-size:1rem}.react-select__control{background-color:#2c2c2c!important;border:2px solid #555!important;border-radius:8px!important;box-shadow:none!important;min-height:48px!important;transition:all .3s ease!important}.react-select__control--is-focused,.react-select__control:hover{border-color:#1e7e34!important;transform:translateY(-1px)!important}.react-select__control--is-focused{box-shadow:0 0 0 3px #1e7e3433!important}.react-select__single-value{color:#fff!important}.react-select__placeholder{color:#ccc!important}.react-select__input{color:#fff!important}.react-select__menu{background-color:#2c2c2c!important;border:1px solid #555!important;z-index:9999!important}.react-select__option{background-color:#2c2c2c!important;color:#fff!important}.react-select__option:hover{background-color:#1a1a1a!important}.react-select__option--is-selected{background-color:#1e7e34!important}.react-select__option--is-focused{background-color:#1a1a1a!important}.react-select__indicator-separator{background-color:#555!important}.react-select__clear-indicator,.react-select__dropdown-indicator{color:#ccc!important}.react-select__clear-indicator:hover{color:#fff!important}@media (max-width:1024px){.filtros-row{gap:20px;grid-template-columns:1fr}.filtros-fecha{gap:15px;grid-template-columns:1fr}.filtro-boton{justify-content:center}.btn-buscar{padding:14px 40px}}@media (max-width:768px){.reporte-area-content{padding:80px 15px 15px}.reporte-area-header{padding:15px}.reporte-area-header h1{font-size:1.5rem}.filtros-container,.tabla-container{padding:15px}.tabla-header{align-items:stretch;flex-direction:column;gap:15px}.btn-exportar-detalle,.btn-exportar-distribucion,.btn-exportar-resumen{justify-content:center}}@media (max-width:480px){.reporte-area-content{padding:80px 10px 10px}.tabla-detalle td,.tabla-detalle th,.tabla-distribucion td,.tabla-distribucion th,.tabla-resumen td,.tabla-resumen th{font-size:.8rem;padding:8px 10px}.descripcion-cell{max-width:120px}}.resultados-container,.tabla-container{animation:fadeIn .5s ease-out}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{background-color:#2c2c2c!important;border:1px solid #555!important;border-radius:4px!important;color:#fff!important;font-size:.9rem!important;padding:10px 12px!important;width:100%!important}.react-datepicker__input-container input:focus{border-color:#1e7e34!important;box-shadow:0 0 0 2px #1e7e3433!important;outline:none!important}.react-datepicker{background-color:#2c2c2c!important;border:1px solid #555!important;color:#fff!important}.react-datepicker__header{background-color:#1e7e34!important;border-bottom:1px solid #555!important}.react-datepicker__current-month,.react-datepicker__day,.react-datepicker__day-name{color:#fff!important}.react-datepicker__day:hover{background-color:#1a1a1a!important}.react-datepicker__day--selected{background-color:#1e7e34!important}.react-datepicker__day--today{background-color:#333!important}.react-datepicker__navigation{top:10px!important}.react-datepicker__navigation--previous{border-right-color:#fff!important}.react-datepicker__navigation--next{border-left-color:#fff!important}.mis-horas-container{background:linear-gradient(135deg,#050505,#0a0a0a 20%,#0d1510 40%,#1a3d22 60%,#0d1510 80%,#050505);color:#fff;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.mis-horas-container:before{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:linear-gradient(45deg,#0000,#0000 45%,#22a35714 46%,#22a35733 48%,#22a35740 50%,#22a35733 52%,#22a35714 54%,#0000 55%,#0000),linear-gradient(-45deg,#0000,#0000 45%,#2ecc7114 46%,#2ecc712e 48%,#2ecc7138 50%,#2ecc712e 52%,#2ecc7114 54%,#0000 55%,#0000),radial-gradient(ellipse at 50% 50%,#22a35726 0,#22a35714 20%,#0000 40%),radial-gradient(ellipse at 15% 15%,#22a3571f 0,#0000 30%),radial-gradient(ellipse at 85% 15%,#2ecc711a 0,#0000 30%),radial-gradient(ellipse at 15% 85%,#2ecc711a 0,#0000 30%),radial-gradient(ellipse at 85% 85%,#22a3571f 0,#0000 30%);height:150%;left:-25%;top:-25%;width:150%}.mis-horas-container:after,.mis-horas-container:before{content:"";pointer-events:none;position:fixed;z-index:0}.mis-horas-container:after{background-image:radial-gradient(circle at 25% 25%,#22a35705 1px,#0000 0),radial-gradient(circle at 75% 75%,rgba(46,204,113,.015) 1px,#0000 0),radial-gradient(circle at 50% 10%,#22a35703 2px,#0000 0);background-position:0 0,40px 40px,80px 80px;background-size:80px 80px,120px 120px,160px 160px;height:100%;left:0;opacity:.3;top:0;width:100%}.mis-horas-content{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.mis-horas-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;overflow:hidden;padding:30px;position:relative;text-align:center;transform:translateZ(0)}.mis-horas-header:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.mis-horas-header:not(:hover){animation:cardGlow 6s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.mis-horas-header:before{animation:shimmer 4s infinite;background:linear-gradient(90deg,#0000,#22a35726,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:0}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes cardGlow{0%,to{border-color:#22a35733;box-shadow:0 4px 15px #0003}50%{border-color:#22a3574d;box-shadow:0 6px 20px #00000040}}@keyframes cardGlowFilters{0%,to{border-color:#22a35733;box-shadow:0 4px 15px #0003}50%{border-color:#22a3574d;box-shadow:0 6px 20px #00000040}}.mis-horas-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 10px;position:relative;text-align:center;z-index:1}.mis-horas-header p{color:#ccc;font-size:1rem;margin:0;position:relative;z-index:1}.mis-horas-filtros-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;padding:28px;position:relative;transform:translateZ(0);z-index:999999999}.mis-horas-filtros-header:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.mis-horas-filtros-header:not(:hover){animation:cardGlowFilters 8s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.mis-horas-filtros-container{display:flex;flex-direction:column;gap:20px}.mis-horas-filtro-item{display:flex;flex-direction:column;gap:10px}.mis-horas-filtro-label{align-items:center;display:flex;font-weight:600;gap:8px}.mis-horas-filtro-label,.mis-horas-filtro-label i{color:#fff;font-size:16px}.mis-horas-filtro-cliente,.mis-horas-filtro-fecha,.mis-horas-filtro-semana{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}.mis-horas-input-container{display:flex;flex-direction:column;gap:4px;min-width:160px}.mis-horas-input-label{color:#ccc;font-size:12px;font-weight:500;margin-bottom:2px}.mis-horas-select-tipo-container{display:flex;flex-direction:column;gap:4px;min-width:160px}.mis-horas-filtro-btn{align-items:center;background:linear-gradient(135deg,#22a357,#1e8c4a);border:none;border-radius:6px;box-shadow:0 4px 15px #22a3574d;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;height:38px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.mis-horas-filtro-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.mis-horas-filtro-btn:hover{background:linear-gradient(135deg,#1e8c4a,#1a7a40);box-shadow:0 6px 20px #22a35766;transform:translateY(-2px)}.mis-horas-filtro-btn:hover:before{left:100%}.mis-horas-filtro-btn-limpiar{background:linear-gradient(135deg,#6c757d,#495057)!important;box-shadow:0 4px 15px #6c757d4d!important;overflow:hidden;position:relative}.mis-horas-filtro-btn-limpiar:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.mis-horas-filtro-btn-limpiar:hover{background:linear-gradient(135deg,#495057,#343a40)!important;box-shadow:0 6px 20px #6c757d66!important}.mis-horas-filtro-btn-limpiar:hover:before{left:100%}.mis-horas-select-cliente{width:320px!important}.mis-horas-select__control{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1acc!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 4px 15px #0003!important;height:45px!important;max-height:45px!important;min-height:45px!important;padding:0 16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.mis-horas-select__control:hover{border-color:#22a3574d!important;box-shadow:0 6px 20px #0000004d!important;transform:translateY(-1px)!important}.mis-horas-select__control--is-focused{border-color:#22a35766!important;box-shadow:0 0 0 3px #22a3571a,0 8px 25px #0006!important;transform:translateY(-1px)!important}.mis-horas-select__value-container{align-items:center!important;color:#fff!important;display:flex!important;flex-wrap:nowrap!important;height:43px!important;justify-content:flex-start!important;padding:0!important;position:relative!important;text-align:left!important}.mis-horas-select__single-value{color:#fffffff2!important;font-weight:500!important;text-shadow:0 1px 2px #0000004d!important}.mis-horas-select__placeholder{color:#fff9!important;font-style:italic!important}.mis-horas-select__input,.mis-horas-select__input input,.mis-horas-select__input-container{color:#fff!important;margin:0!important;padding:0!important}.mis-horas-select__input input{box-sizing:border-box!important;caret-color:#fff!important;direction:ltr!important;text-align:left!important;width:100%!important}.mis-horas-select__input-container input[type=text]{direction:ltr!important;padding-left:0!important;text-align:left!important}.mis-horas-select__menu{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1ae6!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 8px 25px #0006!important;margin-top:8px!important;max-height:250px!important;min-width:200px!important;overflow-y:auto!important;position:absolute!important;z-index:9999!important}.mis-horas-select__menu-list{max-height:200px!important;padding:0!important;scrollbar-color:#22a3574d #1a1a1a80!important;scrollbar-width:thin!important}.mis-horas-select__menu-list::-webkit-scrollbar{width:8px!important}.mis-horas-select__menu-list::-webkit-scrollbar-track{background:#ffffff1a!important;border-radius:4px!important}.mis-horas-select__menu-list::-webkit-scrollbar-thumb{background:#22a35780!important;border-radius:4px!important}.mis-horas-select__menu-list::-webkit-scrollbar-thumb:hover{background:#22a357b3!important}.mis-horas-select__menu-portal{z-index:9999!important}.mis-horas-select__option{background-color:initial!important;border-radius:8px!important;color:#ffffffe6!important;cursor:pointer!important;margin:2px 8px!important;padding:12px 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.mis-horas-select__option--is-focused,.mis-horas-select__option:hover{background:#22a35733!important;color:#fff!important;transform:translateX(4px)!important}.mis-horas-select__option--is-selected{background:linear-gradient(135deg,#22a357cc,#1e8c4acc)!important;box-shadow:0 2px 4px #22a3574d!important;color:#fff!important;font-weight:600!important}.mis-horas-select__indicators{padding:0 8px!important}.mis-horas-select__indicator-separator{background-color:#22a3574d!important}.mis-horas-select__dropdown-indicator{color:#fff9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.mis-horas-select__dropdown-indicator:hover{color:#22a357e6!important;transform:scale(1.1)!important}.mis-horas-select__clear-indicator{color:#fff9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.mis-horas-select__clear-indicator:hover{color:#ff6b6be6!important;transform:scale(1.2)!important}.mis-horas-date-picker-input,.mis-horas-input-año,.mis-horas-input-mes,.mis-horas-select-tipo-filtro{background-color:#333;border:1px solid #555;border-radius:6px;box-sizing:border-box;color:#fff;flex-shrink:0;font-size:14px;height:38px;min-height:38px;padding:10px 12px;transition:all .3s ease}.mis-horas-input-año,.mis-horas-input-mes,.mis-horas-select-tipo-filtro{max-width:160px;min-width:160px;width:160px}.mis-horas-input-año,.mis-horas-input-mes{margin-bottom:20px}.mis-horas-date-picker-input{max-width:110px;min-width:110px;width:110px}.mis-horas-filtro-cliente .react-datepicker-wrapper,.mis-horas-filtro-fecha .react-datepicker-wrapper,.mis-horas-filtro-semana .react-datepicker-wrapper{margin-bottom:20px!important;max-width:160px!important;min-width:160px!important;width:160px!important}.mis-horas-filtro-cliente .react-datepicker__input-container,.mis-horas-filtro-fecha .react-datepicker__input-container,.mis-horas-filtro-semana .react-datepicker__input-container{display:block!important;max-width:160px!important;min-width:160px!important;width:160px!important}.mis-horas-filtro-cliente .react-datepicker__input-container input,.mis-horas-filtro-fecha .react-datepicker__input-container input,.mis-horas-filtro-semana .react-datepicker__input-container input{background:#333!important;border:1px solid #555!important;border-radius:6px!important;box-sizing:border-box!important;color:#fff!important;font-size:14px!important;font-weight:400!important;height:38px!important;max-width:160px!important;min-height:38px!important;min-width:160px!important;padding:10px 12px!important;width:160px!important}.mis-horas-filtro-cliente .react-datepicker__input-container input:focus,.mis-horas-filtro-fecha .react-datepicker__input-container input:focus,.mis-horas-filtro-semana .react-datepicker__input-container input:focus{border-color:#22a357!important;box-shadow:0 0 0 1px #22a357!important;outline:none!important}.mis-horas-filtro-cliente .react-datepicker__input-container input::placeholder,.mis-horas-filtro-fecha .react-datepicker__input-container input::placeholder,.mis-horas-filtro-semana .react-datepicker__input-container input::placeholder{color:#999!important}.mis-horas-date-picker-input:focus,.mis-horas-input-año:focus,.mis-horas-input-mes:focus,.mis-horas-select-tipo-filtro:focus{border-color:#22a357;box-shadow:0 0 0 1px #22a357;outline:none}.mis-horas-date-picker-input::placeholder,.mis-horas-input-año::placeholder,.mis-horas-input-mes::placeholder,.mis-horas-select-tipo-filtro::placeholder{color:#999}@media (max-width:768px){.mis-horas-filtro-cliente,.mis-horas-filtro-fecha,.mis-horas-filtro-semana{align-items:stretch;flex-direction:column;gap:10px}.mis-horas-date-picker-input,.mis-horas-input-año,.mis-horas-input-mes,.mis-horas-select-tipo-filtro{width:100%}}.resumen-titulo-container{display:flex;flex-direction:column;gap:5px}.filtro-descripcion{color:#ccc;font-size:14px;font-style:italic;font-weight:400}.rango-fechas span{color:#ccc;font-weight:500;padding:0 4px;white-space:nowrap}.mis-horas-container .react-datepicker-wrapper,.mis-horas-container .react-datepicker__input-container{display:block!important;width:100%!important}.mis-horas-container .react-datepicker{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1a1a1af2!important;border:1px solid #22a35733!important;border-radius:12px!important;box-shadow:0 8px 25px #0006!important;max-width:160px!important;min-width:160px!important;position:relative!important;width:160px!important;z-index:999999999!important}.mis-horas-container .react-datepicker-popper,.mis-horas-container .react-datepicker-popper[data-placement^=bottom]{position:absolute!important;width:160px!important;z-index:99999999!important}.mis-horas-container .react-datepicker__tab-loop{z-index:99999999!important}.mis-horas-container .react-datepicker__month-container{float:none!important;width:160px!important}.mis-horas-container .react-datepicker__month{margin:0!important;text-align:center!important;width:160px!important}.mis-horas-container .react-datepicker__week{box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:0 6px!important;width:160px!important}.mis-horas-container .react-datepicker__day{flex:1 1!important;font-size:12px!important;height:20px!important;line-height:20px!important;margin:0!important;max-width:21.14286px!important;min-width:21.14286px!important;padding:0!important;width:21.14286px!important}.mis-horas-container .react-datepicker__header{background:#22a35733!important;border-bottom:1px solid #22a3574d!important;border-radius:12px 12px 0 0!important;box-sizing:border-box!important;color:#fff!important;padding:8px!important;width:160px!important}.mis-horas-container .react-datepicker__current-month,.mis-horas-container .react-datepicker__day-name{color:#fff!important;font-size:12px!important;font-weight:600!important}.mis-horas-container .react-datepicker__day-names{box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;margin:0!important;padding:0 6px!important;width:160px!important}.mis-horas-container .react-datepicker__day-name{flex:1 1!important;margin:0!important;max-width:21.14286px!important;min-width:21.14286px!important;padding:0!important;text-align:center!important;width:21.14286px!important}.mis-horas-container .react-datepicker__day{background:#0000!important;border-radius:4px!important;color:#fff!important;text-align:center!important;transition:all .2s ease!important}.mis-horas-container .react-datepicker__day:hover{background:#22a3574d!important}.mis-horas-container .react-datepicker__day--selected{background:#22a357cc!important}.mis-horas-container .react-datepicker__day--today{background:#22a35766!important;color:#fff!important}@media (max-width:768px){.filtro-cliente,.filtro-fecha,.filtro-semana{align-items:stretch;flex-direction:column;gap:10px}.hasta-span{padding:8px 0;text-align:center}.date-picker-input,.input-año,.input-mes,.select-tipo-filtro{width:100%}}.tipo-filtro-fecha{display:flex;flex-direction:column;gap:5px;min-width:200px}.resumen-horas{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;padding:28px;position:relative;transform:translateZ(0);z-index:1}.resumen-horas:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.resumen-horas:not(:hover){animation:cardGlowFilters 8s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.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{align-items:center!important;background:linear-gradient(135deg,#22a357,#1e8c4a)!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 15px #22a3574d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:600!important;gap:6px!important;height:auto!important;overflow:hidden!important;padding:8px 15px!important;position:relative!important;transition:all .3s ease!important;white-space:nowrap!important}.btn-exportar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-exportar:hover{background:linear-gradient(135deg,#1e8c4a,#1a7a40)!important;box-shadow:0 6px 20px #22a35766!important;transform:translateY(-2px)!important}.btn-exportar:hover:before{left:100%}.btn-exportar:disabled{background:linear-gradient(135deg,#6c757d,#495057)!important;box-shadow:0 4px 15px #6c757d4d!important;cursor:not-allowed!important;transform:none!important}.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{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:16px;box-shadow:0 4px 15px #0003;margin-bottom:30px;padding:28px;position:relative;transform:translateZ(0);z-index:1}.resumen-clientes:hover{border-color:#22a3574d;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.resumen-clientes:not(:hover){animation:cardGlowFilters 8s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.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.3rem;font-weight:700;margin:0}.btn-exportar-small{align-items:center!important;background:linear-gradient(135deg,#22a357,#1e8c4a)!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 15px #22a3574d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:600!important;gap:4px!important;height:32px!important;overflow:hidden!important;padding:6px 12px!important;position:relative!important;transition:all .3s ease!important;white-space:nowrap!important}.btn-exportar-small:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-exportar-small:hover{background:linear-gradient(135deg,#1e8c4a,#1a7a40)!important;box-shadow:0 6px 20px #22a35766!important;transform:translateY(-2px)!important}.btn-exportar-small:hover:before{left:100%}.tabla-clientes-container{border:1px solid #22a35733;border-radius:12px;box-shadow:0 4px 15px #0003;margin-top:30px;overflow:hidden;position:relative;z-index:1}.tabla-clientes,.tabla-clientes-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2}.tabla-clientes{border-collapse:collapse;font-size:14px;margin:0;width:100%}.tabla-clientes thead{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1afa}.tabla-clientes th{border-bottom:1px solid #22a35733;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.tabla-clientes tbody tr{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#1e1e1eb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.tabla-clientes tbody tr:nth-child(2n){background-color:#141414cc}.tabla-clientes tbody tr:hover{background-color:#22a3571a;box-shadow:0 2px 8px #22a35733;transform:translateX(2px)}.tabla-clientes td{border-bottom:1px solid #22a35726;color:#fff;padding:12px;text-align:left;text-shadow:0 1px 2px #0000004d;vertical-align:middle}.tabla-clientes .cliente-nombre{color:#fff;font-weight:500}.tabla-clientes .horas-total{color:#1e8c4a!important;font-weight:600;text-align:left}.tabla-clientes .porcentaje{color:#17a2b8!important;font-weight:600;text-align:left;text-shadow:0 1px 2px #0000004d}.tabla-clientes .porcentaje.completo{color:#1e8c4a!important}.stat-label{color:#ccc;font-size:14px;font-weight:500}.stat-value{color:#1e8c4a;font-size:24px;font-weight:600;text-shadow:0 1px 2px #0000004d}.tabla-horas-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border:1px solid #22a35733;border-radius:12px;box-shadow:0 4px 15px #0003;margin-top:30px;overflow:hidden;position:relative;z-index:1}.tabla-wrapper{overflow-x:auto}.tabla-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a1af2;border-bottom:1px solid #22a35733;box-shadow:0 4px 15px #0003;display:flex;justify-content:space-between;padding:20px}.tabla-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000004d}.tabla-horas{background:#1a1a1af2;border-collapse:collapse;font-size:14px;width:100%}.tabla-horas,.tabla-horas thead{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.tabla-horas thead{background:#1a1a1afa}.tabla-horas th{border-bottom:1px solid #22a35733;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.tabla-horas tbody tr{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#1e1e1eb3;transition:all .3s cubic-bezier(.4,0,.2,1)}.tabla-horas tbody tr:nth-child(2n){background-color:#141414cc}.tabla-horas tbody tr:hover{background-color:#22a3571a;box-shadow:0 2px 8px #22a35733;transform:translateX(2px)}.tabla-horas td{border-bottom:1px solid #22a35726;color:#fff;padding:12px;text-align:left;text-shadow:0 1px 2px #0000004d;vertical-align:middle}.horas-cell{color:#1e8c4a!important;font-weight:600;text-align:left}.descripcion-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-message{background:#222c;color:#ff6b6b;margin-bottom:30px;padding:25px}.error-message,.no-data-message{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #22a35733;border-radius:12px;box-shadow:0 4px 15px #0003;text-align:center}.no-data-message{background:#1a1a1acc;color:#999;font-size:16px;margin-top:30px;padding:50px}.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}.date-picker-input{background-color:#2c2c2c;border:1px solid #555;border-radius:4px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px;width:100%}.date-picker-input:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74540;outline:none}.date-picker-input::placeholder{color:#999}.mis-horas-container .react-datepicker{background-color:#2c2c2c!important;border:1px solid #555!important;border-radius:8px!important;box-shadow:0 4px 20px #0000004d!important}.mis-horas-container .react-datepicker__header{background-color:#28a745!important;border-bottom:1px solid #555!important;border-radius:8px 8px 0 0!important}.mis-horas-container .react-datepicker__current-month,.mis-horas-container .react-datepicker__day,.mis-horas-container .react-datepicker__day-name{color:#fff!important}.mis-horas-container .react-datepicker__day--selected,.mis-horas-container .react-datepicker__day:hover{background-color:#28a745!important;border-radius:4px!important;color:#fff!important}.mis-horas-container .react-datepicker__day--today{background-color:#444!important;border-radius:4px!important;color:#28a745!important;font-weight:700!important}.mis-horas-container .react-datepicker__navigation{background-color:#28a745!important;border-radius:4px!important}.mis-horas-container .react-datepicker__navigation:hover{background-color:#218838!important}.mis-horas-container .react-datepicker__month-container{background-color:#2c2c2c!important}.mis-horas-container .react-datepicker__triangle{display:none!important}.tabla-clientes tfoot,.tabla-horas tfoot{background-color:#1e8c4a;border-top:2px solid #1a7a40}.tabla-clientes tfoot tr,.tabla-horas tfoot tr{background-color:#1e8c4a!important}.tabla-clientes tfoot td,.tabla-horas tfoot td{background-color:#1e8c4a!important;border-bottom:none!important;border-top:2px solid #1a7a40!important;color:#fff!important;font-weight:700!important;padding:12px 8px!important;text-align:left!important}.tabla-clientes .cliente-nombre,.tabla-clientes td,.tabla-clientes th,.tabla-horas td,.tabla-horas td:nth-child(6),.tabla-horas th{text-align:left!important}.mis-horas-horas-cell{color:#1e8c4a!important;font-weight:600!important}.mis-horas-container .tabla-clientes tfoot .horas-total,.mis-horas-container .tabla-clientes tfoot td.horas-cell,.mis-horas-container .tabla-clientes tfoot td.mis-horas-horas-cell,.mis-horas-container .tabla-horas tfoot .horas-total,.mis-horas-container .tabla-horas tfoot td.horas-cell,.mis-horas-container .tabla-horas tfoot td.mis-horas-horas-cell,.mis-horas-container tfoot .horas-total,.mis-horas-container tfoot td.horas-cell,.mis-horas-container tfoot td.mis-horas-horas-cell{background-color:#1e8c4a!important;color:#fff!important}.mis-horas-container .tabla-clientes tfoot td,.mis-horas-container .tabla-horas tfoot td,.mis-horas-container tfoot td{color:#fff!important}@media (max-width:768px){.date-picker-input{font-size:16px}}.gestion-usuarios-page{background:linear-gradient(135deg,#050505fa,#0a0a0afc 20%,#0d1510f7 40%,#1a3d22f0 60%,#0d1510f7 80%,#050505fc);color:#fff;min-height:100vh;padding:20px}.gestion-usuarios-header{margin-bottom:30px}.header-content{gap:20px;margin-bottom:20px}.btn-volver,.header-content{align-items:center;display:flex}.btn-volver{background:linear-gradient(145deg,#22a357cc,#1e8c4acc);border:1px solid #22a35766;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-volver:hover{background:linear-gradient(145deg,#1e8c4ae6,#16753ce6);box-shadow:0 6px 12px #22a35766;transform:translateY(-2px)}.gestion-usuarios-header h2{color:#22a357;font-size:32px;font-weight:700;margin:0;text-shadow:0 3px 6px #00000080}.gestion-usuarios-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12121299;border:1px solid #22a35733;border-radius:15px;display:flex;gap:15px;margin-bottom:30px;padding:15px}.nav-btn{background:linear-gradient(145deg,#232323cc,#191919cc);border:2px solid #22a3574d;border-radius:12px;color:#e0e0e0;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.nav-btn:hover{background:linear-gradient(145deg,#22a35733,#1e8c4a33);border-color:#22a35799;box-shadow:0 6px 12px #22a3574d;transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(145deg,#22a357,#1e8c4a);border-color:#22a357;box-shadow:0 4px 15px #22a35766;color:#fff;text-shadow:0 2px 4px #00000080}.nav-btn.active:hover{box-shadow:0 6px 18px #22a35780;transform:translateY(-2px)}.usuarios-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#121212f2,#232323f2);border:1px solid #22a35733;border-radius:20px;box-shadow:0 10px 30px #00000080;padding:25px}.usuarios-search-container{margin-bottom:20px}.search-input-group{align-items:center;display:flex;max-width:500px;position:relative}.search-icon{color:#22a357;font-size:16px;left:15px;position:absolute;z-index:1}.usuarios-search-input{background:#0d1510cc;border:2px solid #22a3574d;border-radius:25px;color:#e0e0e0;font-size:14px;outline:none;padding:12px 45px;transition:all .3s ease;width:100%}.usuarios-search-input:focus{background:#0d1510e6;border-color:#22a357;box-shadow:0 0 15px #22a3574d}.usuarios-search-input::placeholder{color:#888;font-style:italic}.search-clear-btn{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:15px;transition:all .3s ease}.search-clear-btn:hover{background:#22a3571a;color:#22a357}.search-results-info{color:#22a357;font-size:13px;font-style:italic;margin-top:10px}.usuarios-tabla-container{background:linear-gradient(145deg,#0d1510f2,#1a3d22d9);border:1px solid #22a3574d;border-radius:15px;overflow-x:hidden}.usuarios-tabla{border-collapse:collapse;table-layout:fixed;width:100%}.usuarios-tabla td,.usuarios-tabla th{word-wrap:break-word;border-bottom:1px solid #22a35733;overflow:hidden;padding:15px 12px;text-align:left;text-overflow:ellipsis}.usuarios-tabla th{background:linear-gradient(145deg,#22a357,#1e8c4a);color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-shadow:0 2px 4px #00000080;text-transform:uppercase;top:0;z-index:10}.usuarios-tabla td:first-child,.usuarios-tabla th:first-child{min-width:50px;width:8%}.usuarios-tabla td:nth-child(2),.usuarios-tabla th:nth-child(2){min-width:80px;width:12%}.usuarios-tabla td:nth-child(3),.usuarios-tabla th:nth-child(3){min-width:90px;width:14%}.usuarios-tabla td:nth-child(4),.usuarios-tabla th:nth-child(4){min-width:150px;width:18%}.usuarios-tabla td:nth-child(5),.usuarios-tabla th:nth-child(5){min-width:100px;width:14%}.usuarios-tabla td:nth-child(6),.usuarios-tabla th:nth-child(6){min-width:100px;width:13%}.usuarios-tabla td:nth-child(7),.usuarios-tabla th:nth-child(7){min-width:70px;width:8%}.usuarios-tabla td:nth-child(8),.usuarios-tabla th:nth-child(8){min-width:120px;width:12%}.usuarios-tabla tbody tr{transition:all .3s ease}.usuarios-tabla tbody tr:hover{background:#22a3571a;transform:scale(1.01)}.perfil-badge,.usuarios-tabla td{color:#e0e0e0;font-size:14px}.perfil-badge{font-weight:500}.areas-badges{display:flex;flex-wrap:wrap;gap:8px}.area-badge{color:#e0e0e0;font-size:13px;font-weight:400}.area-badge:not(:last-child):after{content:", ";margin-left:2px}.estado-badge{font-size:14px;font-weight:500}.estado-badge.activo{color:#22a357}.estado-badge.inactivo{color:#dc3545}.acciones-buttons{display:flex;gap:8px}.acciones-buttons button{align-items:center;background:#22a3571a;border:1px solid #22a3574d;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;min-width:36px;padding:8px;transition:all .2s ease}.btn-editar:hover{background:#ffc1074d;border-color:#ffc10799;box-shadow:0 0 10px #ffc10766;transform:scale(1.1)}.btn-resetear:hover{background:#007bff4d;border-color:#007bff99;box-shadow:0 0 10px #007bff66;transform:scale(1.1)}.btn-eliminar:hover{background:#dc35454d;border-color:#dc354599;box-shadow:0 0 10px #dc354566;transform:scale(1.1)}.usuario-formulario{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#121212f2,#232323f2);border:1px solid #22a35733;border-radius:15px;box-shadow:0 10px 30px #00000080;padding:25px}.usuario-formulario h3{border-bottom:2px solid #22a357;color:#22a357;font-size:24px;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:10px;text-shadow:0 2px 4px #00000080}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:20px}.form-group label{color:#e0e0e0;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-shadow:0 1px 2px #00000080}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select{background:#232323cc;border:2px solid #22a3574d;border-radius:12px;box-sizing:border-box;color:#e0e0e0;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#232323e6;border-color:#22a357;box-shadow:0 0 10px #22a35766;outline:none}.checkbox-label{align-items:center;background:#22a3571a;border:2px solid #0000;border-radius:12px;color:#e0e0e0;cursor:pointer;display:flex!important;gap:10px;padding:12px;transition:all .3s ease}.checkbox-label:hover{background:#22a35733;border-color:#22a35766}.checkbox-label input[type=checkbox]{margin:0;transform:scale(1.2);width:auto!important}.areas-select{background:#232323cc;border:2px solid #22a3574d;border-radius:12px;box-sizing:border-box;color:#e0e0e0;font-size:16px;min-height:120px;padding:12px 15px;transition:all .3s ease;width:100%}.areas-select:focus{background:#232323e6;border-color:#22a357;box-shadow:0 0 10px #22a35766;outline:none}.areas-select option{background:#232323f2;color:#e0e0e0;padding:8px}.areas-select option:checked{background:#22a35799;color:#fff}.form-help{color:#999;display:block;font-size:12px;font-style:italic;line-height:1.4;margin-top:5px}.areas-seleccionadas{background:#22a3571a;border:1px solid #22a35733;border-radius:8px;margin-top:15px;padding:12px}.areas-seleccionadas strong{color:#22a357;display:block;font-size:14px;margin-bottom:8px}.areas-badges-preview{display:flex;flex-wrap:wrap;gap:6px}.area-badge-preview{background:linear-gradient(145deg,#22a357cc,#1e8c4acc);border-radius:12px;box-shadow:0 2px 4px #22a3574d;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;text-shadow:0 1px 2px #00000080}.no-usuarios{color:#999;font-size:18px;font-style:italic;padding:40px;text-align:center}.react-select-container{margin-bottom:0}.react-select-container .react-select__control{background:#232323cc!important;border:2px solid #22a3574d!important;border-radius:12px!important;box-shadow:none!important;min-height:48px!important;transition:all .3s ease!important}.react-select-container .react-select__control:hover{border-color:#22a35799!important}.react-select-container .react-select__control--is-focused{background:#232323e6!important}.react-select-container .react-select__control--is-focused,.react-select-container .react-select__control--menu-is-open{border-color:#22a357!important;box-shadow:0 0 10px #22a35766!important}.react-select-container .react-select__value-container{flex-wrap:wrap!important;padding:8px 12px!important}.react-select-container .react-select__placeholder{color:#999!important;font-size:16px!important}.react-select-container .react-select__input input,.react-select-container .react-select__input-container,.react-select-container .react-select__single-value{color:#e0e0e0!important}.react-select-container .react-select__indicators{padding:8px!important}.react-select-container .react-select__dropdown-indicator{color:#22a357b3!important}.react-select-container .react-select__dropdown-indicator:hover{color:#22a357!important}.react-select-container .react-select__clear-indicator{color:#dc3545b3!important}.react-select-container .react-select__clear-indicator:hover{color:#dc3545!important}.react-select-container .react-select__menu{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#232323f2!important;border:1px solid #22a3574d!important;border-radius:12px!important;box-shadow:0 10px 25px #00000080!important;z-index:9999!important}.react-select-container .react-select__menu-list{max-height:200px!important;padding:8px!important}.react-select-container .react-select__option{background:#0000!important;border-radius:8px!important;color:#e0e0e0!important;cursor:pointer!important;margin:2px 0!important;padding:12px 16px!important;transition:all .2s ease!important}.react-select-container .react-select__option--is-focused,.react-select-container .react-select__option:hover{background:#22a35733!important}.react-select-container .react-select__option--is-selected{background:#22a35766!important;color:#fff!important}.react-select-container .react-select__option--is-selected:hover{background:#22a35780!important}.react-select-container .react-select__multi-value{background:linear-gradient(145deg,#22a357cc,#1e8c4acc)!important;border:1px solid #22a35766!important;border-radius:8px!important;box-shadow:0 2px 4px #22a35733!important;margin:2px!important}.react-select-container .react-select__multi-value__label{color:#fff!important;font-size:14px!important;font-weight:500!important;padding:6px 8px!important;text-shadow:0 1px 2px #0000004d!important}.react-select-container .react-select__multi-value__remove{border-radius:0 7px 7px 0!important;color:#fff!important;padding:6px 8px!important;transition:all .2s ease!important}.react-select-container .react-select__multi-value__remove:hover{background:#dc3545cc!important;color:#fff!important}.react-select-container .react-select__menu-notice{color:#999!important;font-style:italic!important;padding:16px!important}.form-actions{border-top:1px solid #22a35733;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-cancelar,.btn-guardar{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 30px;transition:all .3s ease}.btn-cancelar{background:linear-gradient(145deg,#6c757dcc,#5a6268cc);border:1px solid #6c757d66;box-shadow:0 4px 8px #6c757d4d;color:#fff}.btn-cancelar:hover{background:linear-gradient(145deg,#5a6268e6,#495057e6);box-shadow:0 6px 12px #6c757d66;transform:translateY(-2px)}.btn-guardar{background:linear-gradient(145deg,#22a357,#1e8c4a);border:1px solid #22a35766;box-shadow:0 4px 8px #22a3574d;color:#fff}.btn-guardar:hover:not(:disabled){background:linear-gradient(145deg,#1e8c4a,#16753c);box-shadow:0 6px 12px #22a35766;transform:translateY(-2px)}.btn-guardar:disabled{cursor:not-allowed;opacity:.6;transform:none}.password-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.password-modal{animation:modalSlideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#121212f2,#232323f2);border:1px solid #22a35766;border-radius:20px;box-shadow:0 25px 50px #000000b3,0 0 0 1px #22a35766,inset 0 1px 0 #22a35733;max-height:80vh;max-width:450px;overflow:hidden;position:relative;width:90%}.password-modal-header{align-items:center;background:linear-gradient(145deg,#22a357,#1e8c4a);border-bottom:2px solid #22a357;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.password-modal-header h3{font-size:22px;font-weight:600;margin:0;text-shadow:0 2px 4px #00000080}.btn-close-modal{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.btn-close-modal:hover{background:#fff3;transform:scale(1.1)}.password-modal-body{padding:25px}.password-modal-body p{color:#e0e0e0;font-size:16px;margin:10px 0}.password-help-container{align-items:center;display:flex;height:20px;margin-top:8px}.password-help-container small{color:#b0b0b0;font-size:12px;font-style:italic}.password-field-container{margin:20px 0}.password-field-container label{color:#e0e0e0;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-shadow:0 1px 2px #00000080}.password-input-group{align-items:center;display:flex;gap:10px}.password-input{background:#232323cc;border:2px solid #22a3574d;border-radius:12px;color:#e0e0e0;flex:1 1;font-family:Courier New,monospace;font-size:16px;letter-spacing:1px;padding:12px 15px;transition:all .3s ease}.password-input:focus{animation:pulse 2s infinite;background:#232323e6;border-color:#22a357;box-shadow:0 0 15px #22a35766;outline:none}.btn-copy-password{align-items:center;background:linear-gradient(145deg,#007bffcc,#0056b3cc);border:1px solid #007bff66;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:center;min-width:50px;padding:12px 15px;transition:all .3s ease}.btn-copy-password:hover{background:linear-gradient(145deg,#0056b3e6,#004085e6);box-shadow:0 6px 12px #007bff66;transform:translateY(-2px)}.password-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:10px}.btn-password-mode{align-items:center;background:linear-gradient(145deg,#3c3c3ccc,#282828cc);border:1px solid #7878784d;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;transition:all .3s ease}.btn-password-mode:hover{background:linear-gradient(145deg,#505050cc,#3c3c3ccc);box-shadow:0 3px 6px #0000004d;transform:translateY(-1px)}.btn-password-mode.active{background:linear-gradient(145deg,#22a357,#1e8c4a);border:1px solid #22a35799;box-shadow:0 3px 6px #22a3574d;color:#fff}.btn-password-mode.active:hover{background:linear-gradient(145deg,#1e8c4a,#16753c);box-shadow:0 4px 8px #22a35766}.btn-toggle-visibility{align-items:center;background:linear-gradient(145deg,#646464cc,#505050cc);border:1px solid #78787866;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s ease}.btn-toggle-visibility:hover{background:linear-gradient(145deg,#787878cc,#646464cc);box-shadow:0 3px 6px #0000004d;transform:translateY(-1px)}.password-success{text-align:center}.success-message{align-items:center;background:#22a3571a;border:1px solid #22a3574d;border-radius:8px;display:flex;gap:10px;justify-content:center;margin:20px 0;padding:15px}.success-icon{font-size:24px}.success-message p{color:#22a357;font-weight:600;margin:0}.password-modal-footer{background:#121212cc;border-top:1px solid #22a35733;display:flex;gap:15px;justify-content:flex-end;padding:20px 25px}.btn-cancel-password,.btn-confirm-password{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.btn-cancel-password{background:linear-gradient(145deg,#6c757dcc,#5a6268cc);border:1px solid #6c757d66;box-shadow:0 4px 8px #6c757d4d;color:#fff}.btn-cancel-password:hover{background:linear-gradient(145deg,#5a6268e6,#495057e6);box-shadow:0 6px 12px #6c757d66;transform:translateY(-2px)}.btn-confirm-password{background:linear-gradient(145deg,#dc3545cc,#b21e2dcc);border:1px solid #dc354566;box-shadow:0 4px 8px #dc35454d;color:#fff}.btn-confirm-password:hover:not(:disabled){background:linear-gradient(145deg,#b21e2de6,#8b1a1ae6);box-shadow:0 6px 12px #dc354566;transform:translateY(-2px)}.btn-confirm-password:disabled{cursor:not-allowed;opacity:.6;transform:none}.usuarios-tabla-container::-webkit-scrollbar{height:6px;width:6px}.usuarios-tabla-container::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.usuarios-tabla-container::-webkit-scrollbar-thumb{background:#22a35799;border-radius:3px}.usuarios-tabla-container::-webkit-scrollbar-thumb:hover{background:#22a357cc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #22a35766}70%{box-shadow:0 0 0 10px #22a35700}to{box-shadow:0 0 0 0 #22a35700}}@media (max-width:768px){.gestion-usuarios-page{padding:10px}.header-content{align-items:flex-start;flex-direction:column;gap:10px}.gestion-usuarios-header h2{font-size:24px}.form-row{gap:15px;grid-template-columns:1fr}.gestion-usuarios-nav{flex-direction:column;gap:10px}.nav-btn{padding:10px 16px}.nav-btn,.usuarios-tabla-container{font-size:14px}.usuarios-tabla td,.usuarios-tabla th{padding:10px 8px}.acciones-buttons{gap:4px}.acciones-buttons,.form-actions{flex-direction:column}.btn-cancelar,.btn-guardar{width:100%}.password-modal{margin:10px;width:95%}.password-modal-header h3{font-size:20px}.password-modal-body{padding:20px}.password-input-group{flex-direction:column;gap:10px}.btn-copy-password{min-width:auto;width:100%}.password-modal-footer{flex-direction:column;gap:10px}.btn-cancel-password,.btn-confirm-password{width:100%}}
/*# sourceMappingURL=main.eef1e1c6.css.map*/