@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{text-decoration:none}body,html{font-family:Poppins,sans-serif}.screen{padding:1rem;background-color:#fafafa;height:calc(100vh - 70px)}.card{padding:1rem;display:flex;flex-direction:column;box-sizing:border-box;border-radius:10px;background-color:#fff;border:1px solid #E5E5E5;color:#444}.sidebar-wide-item{animation:openSidebar .3s;overflow:hidden;white-space:nowrap;display:block}.sidebar-divider{color:#aaa;font-size:14px;margin-top:1rem}@keyframes closeSidebar{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes openSidebar{0%{opacity:0;display:none}to{opacity:1;display:block}}#sidebar-wide,#sidebar-narrow{height:calc(100vh - 70px);z-index:50;margin:0;padding:0 1rem 1rem;position:fixed;top:70px;left:0;bottom:0;box-sizing:border-box;background-color:#fafafa;border-right:1px solid #E5E5E5}#sidebar-wide{width:250px;transition:.3s}#active{color:#fafafa;background-color:#1976d2;transition:.3s}.sidebar-header{display:flex;justify-content:start;align-items:center;gap:1rem;padding-left:1rem;font-weight:600}.sidebar-menu-icon{cursor:pointer;color:#444!important;padding:0!important}.sidebar-item-list{display:flex;flex-direction:column;gap:.3125rem;margin:1rem 0;padding:0;text-align:center;list-style:none}.sidebar-item{padding:.75rem 1rem;display:flex;align-items:center;justify-content:start;gap:1rem;box-sizing:border-box;border-radius:10px;cursor:pointer;color:#444}.sidebar-item:hover{color:#fafafa;background-color:#1976d2;transition:.3s}.card{border-radius:10px;background-color:#fff;border:1px solid #E5E5E5}.app-wide-container .header-container{width:100%;transition:.3s}.header-container{z-index:99;height:70px;padding:.5rem 1rem;position:fixed;top:0;display:flex;box-shadow:0 0 15px #e5e5e5;clip-path:inset(0px -15px -10px 0px);background-color:#1976d2;color:#fafafa}.header-container .header-left-content{width:50%;display:flex;align-items:center}.header-container .header-left-content .header-logo{height:60px}.header-container .header-left-content .header-title{font-size:32px}.header-container .header-left-content .header-description{margin-left:1rem;color:#aaa}.header-container .header-user-container{width:50%;display:flex;align-items:center;justify-content:end;gap:1rem}.header-container .header-user-container .header-user-data{display:flex;flex-direction:column;align-items:end}.header-container .header-user-container .header-user-data .header-user-name{color:#fafafa;font-weight:500}.header-container .header-user-container .header-user-data .header-user-rol{font-weight:400}.header-container .header-user-container .header-user-image{height:60px;border-radius:10px}@media (max-width: 500px){.header-description{display:none}}.stat-card{height:100%;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:10px;background-color:#fff;border:1px solid #E5E5E5;color:#444}.stat-card .stat-card-info .stat-card-title{font-size:18px;color:#444}.stat-card .stat-card-info .stat-card-description{font-size:14px;color:#aaa}.stat-card .stat-card-quantity{font-size:18px;color:#444}#primary{background-color:#3764f6}#primary .stat-card-quantity,#primary .stat-card-title{color:#fafafa}#primary .stat-card-description{color:#8db1fa}#secondary .stat-card-quantity,#secondary .stat-card-title{color:#444}#tertiary{background-color:#f6f6f6;border:none}#tertiary .stat-card-quantity,#tertiary .stat-card-title{color:#444}.home-screen{height:100%;width:100%;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;background-color:#fafafa}.home-screen .home-card-header{display:flex;align-items:center;justify-content:space-between}.home-screen .home-stats-section{width:100%;display:flex;gap:1rem;box-sizing:border-box}.home-screen .home-stats-section .card{flex:1}.home-screen .home-charts-section{box-sizing:border-box;display:flex;gap:1rem}.home-screen .home-charts-section .card{flex:1}.home-screen .home-charts-section .chart-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.home-screen .home-charts-section #root>div>div.app-main>main>section>div.card.time-period-card>div{display:flex!important}.home-screen .title{font-size:18px;font-weight:500;color:#444;width:fit-content}.home-screen .description{font-size:14px;font-weight:400;color:#aaa}.home-screen .time-period-card .home-card-header{margin-bottom:1rem}.home-screen .affiliates-card,.home-screen .registers-card,.home-screen .leaves-card{max-height:300px}.home-screen .affiliates-card .home-card-header,.home-screen .registers-card .home-card-header,.home-screen .leaves-card .home-card-header{display:flex;align-items:center;justify-content:space-between}.home-screen .affiliates-card .home-card-content,.home-screen .registers-card .home-card-content,.home-screen .leaves-card .home-card-content{display:flex;align-items:center;justify-content:start;gap:1rem}.home-screen .affiliates-card .home-card-content .home-card-quantity,.home-screen .registers-card .home-card-content .home-card-quantity,.home-screen .leaves-card .home-card-content .home-card-quantity{font-size:24px}.home-screen .affiliates-card .home-card-content .home-card-descrpition,.home-screen .registers-card .home-card-content .home-card-descrpition,.home-screen .leaves-card .home-card-content .home-card-descrpition{color:#aaa;font-size:14px;font-weight:400}.home-screen .affiliates-card .home-card-content .home-card-icon,.home-screen .registers-card .home-card-content .home-card-icon,.home-screen .leaves-card .home-card-content .home-card-icon{font-size:32px;color:#72bb53}.home-screen .affiliates-card .home-card-icon,.home-screen .registers-card .home-card-icon,.home-screen .leaves-card .home-card-icon{font-size:32px;color:#444}.home-screen .affiliates-card .home-card-footer,.home-screen .registers-card .home-card-footer,.home-screen .leaves-card .home-card-footer{font-size:14px;color:#aaa}.home-screen .affiliates-card{grid-column:1/2;grid-row:1/2;background-color:#3764f6;border:1px solid #E5E5E5}.home-screen .affiliates-card .title,.home-screen .affiliates-card .description,.home-screen .affiliates-card .home-card-quantity,.home-screen .affiliates-card .home-card-icon{color:#fafafa}.home-screen .affiliates-card .home-card-footer{color:#8db1fa}.home-screen .registers-card{grid-column:2/3;grid-row:1/2;background-color:#fafafa}.home-screen .registers-card .home-card-icon{color:#72bb53}.home-screen .leaves-card{grid-column:3/4;grid-row:1/2;background-color:#f6f6f6;border:none}.home-screen .leaves-card .home-card-icon{color:#e74546}.home-screen .genders-card{grid-column:1/2;grid-row:2/3}.home-screen .zones-card{grid-column:2/3;grid-row:2/3}.home-screen .movments-card{grid-column:3/4;grid-row:2/3}.home-screen .movments-card,.home-screen .zones-card,.home-screen .genders-card{max-height:400px;display:flex;flex-direction:column;gap:1rem}.home-screen .since-until-input{display:flex;justify-content:end;gap:1rem}.home-screen .table-card{height:fit-content;max-height:500px;overflow:hidden}.home-screen .table-card .home-card-icon{padding:.3125rem;border:1px solid #E5E5E5;border-radius:10px;font-size:32px;cursor:pointer}.home-screen .table-card .home-card-icon:hover{background-color:#e5e5e5}.app-wide-container{display:grid;grid-template-columns:250px 1fr;grid-template-rows:70px 1fr;transition:.3s}.app-header{grid-area:1/1/2/3}.app-sidebar{grid-area:2/1/3/2}.app-main{grid-area:2/2/3/3}.register-screen{width:100%;height:fit-content;min-height:calc(100vh - 70px);display:flex;flex-direction:column;gap:1rem}.register-screen .home-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.register-screen .home-card-header .since-until-input{width:fit-content;display:flex;justify-content:end;gap:1rem}.register-screen .table-card{height:fit-content!important;max-height:400px;overflow-y:hidden!important}.register-screen .table-card .home-card-icon{padding:.3125rem;border:1px solid #E5E5E5;border-radius:10px;font-size:32px;cursor:pointer}.register-screen .table-card .home-card-icon:hover{background-color:#e5e5e5}.register-screen .register-stats{display:flex;gap:1rem}.register-screen .register-stats .home-card-header{width:100%}.register-screen .register-stats .register-statcards{height:300px;display:flex;flex-direction:column;gap:1rem;width:35%}.register-screen .register-stats .register-chart{width:65%;height:300px;padding-bottom:4rem;display:flex;flex-direction:column}.new-affiliate-dialog{width:100%;background-color:transparent}.new-affiliate-dialog .new-affiliate-card{padding:3rem;display:flex;gap:3rem;box-sizing:border-box}.new-affiliate-dialog .new-affiliate-card .form{width:100%}.new-affiliate-dialog .new-affiliate-card .user{width:fit-content}.new-affiliate-dialog .new-affiliate-title{font-size:18px;color:#444}.new-affiliate-dialog .new-affiliate-form{width:100%;display:flex;flex-direction:column;align-items:start;gap:1rem}.new-affiliate-dialog .new-affiliate-form .new-affiliate-row{width:100%;display:flex;flex-direction:row;gap:1rem}.new-affiliate-dialog .new-affiliate-form .new-affiliate-buttons{display:flex;gap:1rem;align-self:flex-end}.new-affiliate-dialog .select-item{width:100%;display:flex;flex-direction:column}.user-info{width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.user-info .user-avatar-container{display:flex;width:200px;justify-content:center;align-items:center}.user-info .user-avatar-container .user-avatar{display:flex;justify-content:center;align-items:center;width:200px;height:200px;border-radius:50%}.user-info .user-avatar-container .user-avatar-icon{color:#fff;font-size:72px}.user-info .user{height:fit-content;width:fit-content;display:flex;flex-direction:column;align-items:center}.user-info .last-deregister{height:fit-content;width:fit-content;padding:1rem;border:1px solid #E5E5E5;border-radius:5px;text-align:center;font-size:14px}.registers-table-screen{box-sizing:border-box}.registers-table-screen .registers-table{display:flex;flex-direction:column}.registers-table-screen .registers-table-header{width:100%;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.registers-table-screen .registers-table-header .top-header,.registers-table-screen .registers-table-header .bottom-header{width:100%;display:flex;gap:1rem}.registers-table-screen .registers-table-header .bottom-header .input{flex:1}.registers-table-screen .registers-table-divider{margin:1rem 0}.registers-table-card{padding:1rem;display:flex;flex-direction:column;box-sizing:border-box;border-radius:10px;background-color:#fff;border:1px solid #E5E5E5;color:#444}.registers-table-card .table-delete-cell{padding:0rem 1rem}.registers-table-card .table-delete-cell .table-delete-icon:hover{color:#a33232}.login-screen{height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center}.login-screen .login-form-container{width:fit-content;padding:2rem;background-color:#fff;border:1px solid #E5E5E5;border-radius:10px}.login-screen .login-form-container .login-form{display:flex;flex-direction:column;gap:2rem}.login-screen .login-form-container .login-form-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.login-screen .login-form-container .login-form-header .login-form-logo{height:80px}.login-screen .login-form-container .login-form-header .login-form-title{color:#444;font-size:32px}.affiliates-screen{width:calc(100vw - 250px - 1.1rem);height:fit-content;min-height:calc(100vh - 70px);display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.affiliates-screen .home-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.affiliates-screen .home-card-header .since-until-input{width:fit-content;display:flex;justify-content:end;gap:1rem}.affiliates-screen .table-card{height:fit-content!important;max-height:400px;overflow-y:hidden!important}.affiliates-screen .table-card .home-card-icon{padding:.3125rem;border:1px solid #E5E5E5;border-radius:10px;font-size:32px;cursor:pointer}.affiliates-screen .table-card .home-card-icon:hover{background-color:#e5e5e5}.affiliates-screen .zones-chart{padding-bottom:4rem}.affiliates-grid-layout{display:flex;gap:1rem;width:100%}.affiliates-grid-layout .affiliates-left-side{display:flex;flex-direction:column;gap:1rem;width:40%}.affiliates-grid-layout .affiliates-left-side .affiliates-total-stat,.affiliates-grid-layout .affiliates-left-side .affiliates-ages-chart{flex:1}.affiliates-grid-layout .affiliates-right-side{width:60%}.affiliates-grid-layout .affiliates-right-side .affiliates-total-chart{height:300px;padding-bottom:5rem}.affiliate-screen{width:100%;height:fit-content;min-height:calc(100vh - 70px);display:flex}.affiliate-screen .affiliate-card{flex:1;display:flex;flex-direction:column;gap:1rem}.affiliate-screen .affiliate-card .affiliate-avatar .avatar{width:200px;height:200px}.affiliate-screen .affiliate-card .card-header{display:flex;justify-content:start;align-items:center;gap:2rem}.affiliate-screen .affiliate-card .card-header .affiliate-fullname{font-size:32px;font-weight:700}.affiliate-screen .affiliate-card .card-header .affiliate-dni{display:flex;gap:1rem}.affiliate-screen .affiliate-card .card-header .affiliate-dni span{font-size:20px;font-weight:500}.affiliate-screen .affiliate-card .card-header .affiliate-dni p{font-size:20px;color:#aaa;font-weight:500}.affiliate-screen .affiliate-card .affiliate-form{width:100%;display:flex;flex-direction:column;align-items:start;gap:1rem}.affiliate-screen .affiliate-card .affiliate-form .form-header{width:100%;align-items:center;display:flex;justify-content:start;gap:1rem}.affiliate-screen .affiliate-card .affiliate-form .form-header .form-title{font-size:20px;color:#444}.affiliate-screen .affiliate-card .affiliate-form .affiliate-row{width:100%;display:flex;flex-direction:row;gap:1rem}.affiliate-screen .affiliate-card .affiliate-form .affiliate-buttons{display:flex;gap:1rem;align-self:flex-end}.affiliate-screen .affiliate-card .home-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.affiliate-screen .affiliate-card .table-card{height:fit-content!important;max-height:400px;overflow-y:hidden!important}.affiliate-screen .affiliate-card .table-card .home-card-icon{padding:.3125rem;border:1px solid #E5E5E5;border-radius:10px;font-size:32px;cursor:pointer}.affiliate-screen .affiliate-card .table-card .home-card-icon:hover{background-color:#e5e5e5}.affiliates-table-screen{width:calc(100vw - 250px - 1.1rem);box-sizing:border-box}.affiliates-table-screen .affiliates-table{display:flex;flex-direction:column}.affiliates-table-screen .affiliates-table-header{width:100%;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.affiliates-table-screen .affiliates-table-header .top-header,.affiliates-table-screen .affiliates-table-header .bottom-header{width:100%;display:flex;gap:1rem}.affiliates-table-screen .affiliates-table-header .bottom-header .input{flex:1}.affiliates-table-screen .affiliates-table-divider{margin:1rem 0}.affiliates-table-card{padding:1rem;display:flex;flex-direction:column;box-sizing:border-box;border-radius:10px;background-color:#fff;border:1px solid #E5E5E5;color:#444}.affiliates-table-card .table-delete-cell{padding:0rem 1rem}.affiliates-table-card .table-delete-cell .table-delete-icon:hover{color:#a33232}.deregister-screen{width:100%;height:fit-content;min-height:calc(100vh - 70px);display:flex;flex-direction:column;gap:1rem}.deregister-screen .home-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.deregister-screen .home-card-header .since-until-input{width:fit-content;display:flex;justify-content:end;gap:1rem}.deregister-screen .deregisters-tables{display:flex;flex-direction:column;gap:1rem}.deregister-screen .home-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.deregister-screen .table-card{height:fit-content!important;max-height:400px;overflow-y:hidden!important}.deregister-screen .table-card .home-card-icon{padding:.3125rem;border:1px solid #E5E5E5;border-radius:10px;font-size:32px;cursor:pointer}.deregister-screen .table-card .home-card-icon:hover{background-color:#e5e5e5}.deregister-screen .deregister-stats{display:flex;gap:1rem}.deregister-screen .deregister-stats .home-card-header{width:100%}.deregister-screen .deregister-stats .deregisters-statcards{height:300px;display:flex;flex-direction:column;gap:1rem;width:35%}.deregister-screen .deregister-stats .deregisters-chart{width:65%;height:300px;padding-bottom:5rem;display:flex;flex-direction:column}.deregisters-table-screen{box-sizing:border-box}.deregisters-table-screen .deregisters-table{display:flex;flex-direction:column}.deregisters-table-screen .deregisters-table-header{width:100%;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.deregisters-table-screen .deregisters-table-header .top-header,.deregisters-table-screen .deregisters-table-header .bottom-header{width:100%;display:flex;gap:1rem}.deregisters-table-screen .deregisters-table-header .bottom-header .input{flex:1}.deregisters-table-screen .deregisters-table-divider{margin:1rem 0}.deregisters-table-card{padding:1rem;display:flex;flex-direction:column;box-sizing:border-box;border-radius:10px;background-color:#fff;border:1px solid #E5E5E5;color:#444}.deregisters-table-card .table-delete-cell{padding:0rem 1rem}.deregisters-table-card .table-delete-cell .table-delete-icon:hover{color:#a33232}.transfers-screen{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem}.transfers-screen .home-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.transfers-screen .table-card{height:fit-content;max-height:400px;overflow-y:hidden!important}.transfers-screen .table-card .home-card-icon{padding:.3125rem;border:1px solid #E5E5E5;border-radius:10px;font-size:32px;cursor:pointer}.transfers-screen .table-card .home-card-icon:hover{background-color:#e5e5e5}.transfers-screen .transfers-stats{height:fit-content;display:grid;grid-template-columns:.6fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:1rem}.transfers-screen .transfers-stats .transfers-per-month{grid-column:1/2;grid-row:1/2}.transfers-screen .transfers-stats .transfers-difference{width:100%;grid-column:1/2;grid-row:2/3}.transfers-screen .transfers-stats .transfers-new{width:100%;grid-column:1/2;grid-row:3/4}.transfers-screen .transfers-stats .transfers-chart{width:100%;grid-column:2/3;grid-row:1/4;justify-content:center}.familiars-screen{height:fit-content;min-height:calc(100vh - 70px);width:calc(100vw - 250px - 1.1rem);display:flex;flex-direction:column;gap:1rem}.familiars-screen .home-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.familiars-screen .chart-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.familiars-screen .table-card{height:fit-content!important;max-height:400px;overflow-y:hidden!important}.familiars-screen .table-card .home-card-icon{padding:.3125rem;border:1px solid #E5E5E5;border-radius:10px;font-size:32px;cursor:pointer}.familiars-screen .table-card .home-card-icon:hover{background-color:#e5e5e5}.familiars-screen .familiars-stats{height:fit-content;display:flex;flex-direction:column;gap:1rem;width:100%}.familiars-screen .familiars-stats .familiars-statcards{display:flex;gap:1rem}.familiars-screen .familiars-stats .familiars-statcards .familiars-per-month,.familiars-screen .familiars-stats .familiars-statcards .familiars-difference,.familiars-screen .familiars-stats .familiars-statcards .familiars-new{flex:1}.familiars-screen .charts{display:flex;gap:1rem}.familiars-screen .charts .familiars-chart{width:fit-content}.familiars-screen .charts .childs-chart{flex:1}.familiars-table-screen{box-sizing:border-box}.familiars-table-screen .familiars-table{display:flex;flex-direction:column}.familiars-table-screen .familiars-table-header{width:100%;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.familiars-table-screen .familiars-table-header .top-header,.familiars-table-screen .familiars-table-header .bottom-header{width:100%;display:flex;gap:1rem}.familiars-table-screen .familiars-table-header .bottom-header .input{flex:1}.familiars-table-screen .familiars-table-divider{margin:1rem 0}.table-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.table-header .header-buttons{display:flex;gap:1rem}.familiars-table-card{padding:1rem;display:flex;flex-direction:column;box-sizing:border-box;border-radius:10px;background-color:#fff;border:1px solid #E5E5E5;color:#444}.familiars-table-card .table-delete-cell{padding:0rem 1rem}.familiars-table-card .table-delete-cell .table-delete-icon:hover{color:#a33232}.hotel-section{min-height:calc(100vh - 70px);max-height:calc(100vh - 70px);width:100vw;overflow-y:hidden!important;position:absolute;top:70px;left:0;z-index:80;background-color:#fff}.hotel-section .hotel-section{padding:0;margin:0}.hotel-section img{width:auto;height:auto;max-width:100vw;max-height:calc(100vh - 70px)}@media (min-width: 500px){.hotel-section{display:flex;justify-content:center;align-items:start;background-color:#fff;max-height:calc(100vh - 70px);overflow-y:hidden!important}.hotel-section img{width:100%;height:100%;max-height:400vh}.phone-image{display:none}.desktop-image{display:block}}@media (max-width: 500px){.phone-image{display:block}.desktop-image{display:none}}