@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%}body{line-height:1.6;font-family:Roboto,sans-serif;background-color:#f067b9;color:#0a0a0a}img,video{max-width:100%;height:auto}a{text-decoration:none;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:700;line-height:1.2}h1{font-size:2rem}@media (min-width: 768px){h1{font-size:2.5rem}}h2{font-size:1.75rem}@media (min-width: 768px){h2{font-size:2rem}}p{margin-bottom:16px}a{color:var(--primary-color);transition:color .3s}input,select,textarea{border:1px solid #ccc;padding:8px;border-radius:4px}.errorMessage{color:#b00020;font-size:16px;margin-top:4px}.theme-toggle{position:absolute;top:16px;right:16px}.theme-toggle .theme-icon{width:32px;height:32px;transition:all .3s}.primary-button{background-color:#fca2bc;color:#fff;border:none;border-radius:4px;cursor:pointer;padding:0 8px;height:30px;font-size:16px;font-weight:500;transition:background-color .3s}.primary-button:hover{background-color:#e44296b4}.primary-label{display:block;margin-bottom:4px;color:#0a0a0a;font-size:14px}.login-page{background-color:#f6e5ea;position:relative;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:100px;height:100vh}.login-page .video-container{position:relative;height:99vh}@media (max-width: 1000px){.login-page .video-container{display:none}}.login-page .video-container video{position:relative;top:0;left:0;width:100%;height:100%;object-fit:cover}.login-page .video-container .grid-overlay:after{content:"";position:absolute;top:-3px;left:-10px;width:98%;height:97%;border:10px solid var(--background-color);z-index:2;transition:all .3s;border-radius:15px}.login-page .grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;margin-left:5px;grid-template-columns:repeat(4,calc(25% - 2px));grid-template-rows:repeat(4,1fr)}.login-page .grid-overlay .cell{position:relative}.login-page .grid-overlay .cell:before{content:"";position:absolute;top:0;right:0;width:calc(100% - 14px);height:calc(100% - 14px);border:8px solid var(--background-color);background-color:transparent;z-index:9999;transition:all .3s}.login-page .grid-overlay .cell:after{content:"";position:absolute;border-radius:15px;top:3px;left:3px;border:10px solid var(--background-color);border-top:8px solid var(--background-color);width:calc(100% - 4px);height:calc(100% - 3px);background-color:transparent;box-sizing:border-box;overflow:hidden;z-index:99999;transition:all .3s}.login-page .container-form{max-width:400px;padding:16px;border-radius:8px;background-color:#f5f5f5;transition:background-color .3s,color .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.login-page img{width:100%;margin:auto auto 16px}.login-page h1{text-align:center;margin-bottom:16px;font-size:20px;color:var(--text-color)}.login-page form{display:flex;flex-direction:column;width:80%}.login-page form fieldset{border:none;margin-bottom:16px}.login-page form fieldset legend{font-weight:500;margin-bottom:8px;color:var(--text-color)}.login-page form fieldset .form-group{margin-bottom:8px}.login-page form .login-button{border-radius:20px;width:100%}.login-page form .password-container{position:relative}.login-page form .password-container input{width:100%}.login-page form .toggle-password{position:absolute;top:50%;right:10px;width:20px;transform:translateY(-50%);cursor:pointer}.login-page footer{margin-top:16px;text-align:center}.login-page footer a{display:block;color:var(--on--primary-color);margin-bottom:4px;font-size:14px}.login-page footer a:hover{color:#e44296b4}body{font-family:Roboto,sans-serif;background-color:#f0f4f8;color:#0a0a0a;transition:background-color .3s ease-in-out,color .3s ease-in-out}.loader-container{display:flex;height:min-content;gap:2px;justify-content:center}.loader-text{font-size:20px}.dots-loader{display:flex;justify-content:center}.dots-loader span{display:flex;opacity:0;animation:dots 1.5s infinite;font-size:22px;height:min-content;margin:0 2px}.dots-loader span:nth-child(1){animation-delay:0s}.dots-loader span:nth-child(2){animation-delay:.3s}.dots-loader span:nth-child(3){animation-delay:.6s}@keyframes dots{0%{opacity:0}50%{opacity:1}to{opacity:0}}.sidebar{border-radius:20px;margin:20px 0 20px 20px;padding:20px 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:250px;background-color:#fca2bc;color:#fff;min-height:calc(100% - 40px);position:fixed;top:0;left:0;box-shadow:0 1px 3px #0000001a;transition:width .3s,background-color .3s,color .3s}.sidebar .logotipo{width:120px;padding:0 5px}.sidebar.collapsed{width:80px;align-items:center}.sidebar.collapsed .title,.sidebar.collapsed .logo,.sidebar.collapsed .arrow{width:0;overflow:hidden}.sidebar.collapsed .menu ul li{justify-content:center}.sidebar.collapsed .icon{margin-right:0}.sidebar .sidebar-header .toggle-button{position:absolute;right:0;bottom:0;border-bottom-right-radius:20px;border-top-left-radius:10px;padding:2px;background:none;background-color:#e44296b4;border:none;font-size:20px;cursor:pointer;color:inherit}.sidebar .sidebar-header .toggle-button img{width:25px}.sidebar .sidebar-header .logo{font-size:20px;font-weight:700}.sidebar .menu{padding-top:0;width:100%}.sidebar .menu ul{list-style:none;margin:0;padding:0}.sidebar .menu ul li{position:relative;display:flex;flex-direction:column}.sidebar .menu ul li>a,.sidebar .menu ul li>button{display:flex;align-items:center;width:100%;padding:8px 16px;color:inherit;text-decoration:none;border:none;cursor:pointer;font-size:16px;justify-content:center;transition:all .3s ease-in-out}.sidebar .menu ul li>a:hover,.sidebar .menu ul li>button:hover{background:#e44296b4;color:#fff}.sidebar .menu ul li>a.active,.sidebar .menu ul li>button.active{background-color:#e44296b4;color:#fff}.sidebar .menu ul li>a .icon,.sidebar .menu ul li>button .icon{margin-right:8px;font-size:20px}.sidebar .menu ul li>a .icon img,.sidebar .menu ul li>button .icon img{width:21px;filter:var(--filter-color);transition:all .3s ease-in-out ease}.sidebar .menu ul li>a .title,.sidebar .menu ul li>button .title{flex-grow:1;text-align:start}.sidebar .menu ul li>a .arrow,.sidebar .menu ul li>button .arrow{margin-left:8px}.sidebar .menu ul li .dropdown-menu{overflow:hidden;max-height:0;transition:all .3s ease-in-out;list-style:none;padding:0;box-sizing:border-box;background-color:#f067b9}.sidebar .menu ul li .dropdown-menu li a{display:block;color:#fff;text-decoration:none;font-size:14px;padding:10px 16px 10px 24px;transition:all .3s ease-in-out}.sidebar .menu ul li .dropdown-menu li a:hover,.sidebar .menu ul li .dropdown-menu li a.active{background-color:var(--primary-hover-color);color:#fff!important}.sidebar .menu ul li.open{background:#e44296b4}.sidebar .menu ul li.open .dropdown-menu{max-height:500px;padding:10px 0}.open .dropdown-toggle{background:#e44296b4}.open .dropdown-toggle .title{color:#fff}.collapsed .menu ul li>button .icon{margin-right:0}.collapsed .menu ul li>a .icon{margin-right:0}.dropdown-toggle{background-color:#e44296b4}.top-menu{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#fca2bc;color:#fff;box-shadow:0 1px 3px #0000001a;position:fixed;top:0;left:300px;right:0;z-index:1050;border-radius:20px 0 0 20px;height:60px;transition:all .3s ease}.top-menu .left-section{display:flex;align-items:center;flex:1;margin-right:16px}.top-menu .left-section .search-container{position:relative;width:100%;padding:3px}.top-menu .left-section .search-container .search-input{display:flex;align-items:center;padding:4px 8px;border:1px solid white;border-radius:20px;background-color:transparent;cursor:pointer;color:#fff;width:100%}.top-menu .left-section .search-container .search-input .search-placeholder{flex:1;font-size:16px}.top-menu .left-section .search-container .search-input .search-icon{font-size:16px;display:flex;align-items:center}.top-menu .left-section .search-container .search-input .search-icon img{width:20px;height:20px}.top-menu .left-section .search-container .search-form{position:absolute;top:113%;left:0;width:100%;background-color:#fff;box-shadow:0 1px 3px #0000001a;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:16px;margin-top:4px;z-index:1070;display:flex;flex-direction:column}.top-menu .left-section .search-container .search-form .search-field{display:flex;flex-direction:column;margin-bottom:8px}.top-menu .left-section .search-container .search-form .search-field label{font-size:12px;margin-bottom:4px;color:#fff}.top-menu .left-section .search-container .search-form .search-field input{padding:4px 8px;border:1px solid #080808;border-radius:2px}.top-menu .left-section .search-container .search-form .containerButtons{display:flex;gap:10px;justify-content:end;margin-top:10px}.top-menu .left-section .search-container .search-form .search-submit-button{background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s;padding:4px 8px;font-size:14px;align-self:flex-end}.top-menu .left-section .search-container .search-form .search-submit-button:hover{background-color:#e44296b4}.top-menu .right-section{display:flex;align-items:center;gap:10px}.top-menu .right-section img{width:24px;height:24px;cursor:pointer}.top-menu .right-section .theme-toggle-button{background:none;border:none;cursor:pointer;margin-right:16px}.top-menu .right-section .user-menu-container{position:relative}.top-menu .right-section .user-menu-container .user-button{background:none;border:none;cursor:pointer}.top-menu .right-section .user-menu-container .user-button img{width:32px;height:32px;border-radius:50%}.top-menu .right-section .user-menu-container .user-menu{position:absolute;top:100%;right:0;background-color:#e44296b4;box-shadow:0 1px 3px #0000001a;border-radius:4px;list-style:none;padding:8px 0;margin-top:4px;z-index:1070}.top-menu .right-section .user-menu-container .user-menu li button{width:100%;background:none;border:none;text-align:left;padding:4px 16px;color:#fff;font-size:16px;cursor:pointer}.top-menu .right-section .user-menu-container .user-menu li button:hover{background-color:#fca2bc;color:#fff}.sidebar-collapsed .top-menu{left:130px}.primary-input{width:100%;padding:8px;border:1px solid transparent;border-radius:4px;background-color:#fca2bc;color:#fff;font-size:16px}.main-template{display:flex}.main-template .main-title{margin-bottom:20px;font-size:20px}.main-template .main-header{display:flex;justify-content:space-between}.main-template .main-content{flex-grow:1;min-height:calc(100vh - 101px);margin-left:auto;padding-left:250px;margin-right:29px;margin-top:80px;transition:margin-left .3s;color:#0a0a0a;transition:all .3s ease}.main-template .main-content .page-content{padding:16px;background-color:transparent;margin-left:50px;border-radius:20px;height:100%}.main-template.sidebar-collapsed .main-content{padding-left:80px}form{display:flex;flex-direction:column}form .form-block{display:flex;gap:20px;margin-top:4px}form .form-block .form-group{display:flex;flex-direction:column;width:48%}form .form-block .primary-input{width:100%;background:#fff;color:#0a0a0a}form .form-footer{display:flex;justify-content:end;gap:20px;margin-top:20px}.crop-button{margin-left:0!important;margin-right:auto;margin-top:0}.data-table table{border-collapse:collapse;border-collapse:separate;border-spacing:0px 5px;width:100%}.data-table table th,.data-table table td{padding:4px 8px;text-align:left;border-bottom:1px solid transparent;max-width:100px;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap}.data-table table tr{background-color:#fff}.data-table table td{font-size:16px;color:#0a0a0a}.data-table table td img{width:16px;cursor:pointer}.data-table table td button:nth-child(1) img{filter:invert(51%) sepia(77%) saturate(4198%) hue-rotate(200deg) brightness(85%) contrast(95%)}.data-table table td button:nth-child(3) img{filter:invert(28%) sepia(84%) saturate(6667%) hue-rotate(355deg) brightness(97%) contrast(104%)}.data-table table .actions{display:flex;gap:20px}.data-table table .actions button{padding:4px 8px;border:none;background-color:var(--primary-color);color:var(--on-primary-color);cursor:pointer;border-radius:2px;font-size:14px}.data-table table .actions button:hover{background:var(--primary-color);color:#fff}.data-table table .actions button.edit{background-color:var(--secondary-color)}.data-table table .actions button.edit:hover{background:var(--primary-color);color:#fff}.data-table table .actions button.delete{background-color:var(--error-color)}.data-table table .actions button.delete:hover{background:var(--primary-color);color:#fff}.data-table .loading{text-align:center;padding:16px;font-size:16px;color:var(--text-color)}.data-table .pagination{display:flex;justify-content:center;align-items:center;margin-top:auto}.data-table .pagination button{margin:0 4px;padding:4px 8px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);cursor:pointer;border-radius:2px;font-size:14px}.data-table .pagination button:hover{background-color:var(--primary-color-light)}.data-table .pagination button:disabled{opacity:.5;cursor:not-allowed}.data-table .pagination button.active{background-color:var(--primary-color);color:var(--on-primary-color);border-color:var(--primary-color)}.skeleton-wrapper{display:grid;gap:10px}.skeleton-wrapper .skeleton-row{display:flex;justify-content:space-between;padding:10px 0;background-color:#e0e0e0;animation:skeleton-loading 2s infinite linear;border-radius:8px}.skeleton-wrapper .skeleton-row .skeleton-cell{height:10px;width:120px}.selected-row{background-color:var(--primary-color)!important}.selected-row td{color:#fff!important}.selected-row td img{filter:invert(0)!important;filter:invert(0) brightness(65)!important}.switch-group{display:flex;align-items:center;margin:15px 0}.switch-group label{margin-right:15px;font-weight:700}.switch{width:40px;height:20px;border-radius:50px;background-color:#e11d48;position:relative;cursor:pointer;transition:background-color .3s ease}.switch.active{background-color:#0d996d}.switch-handle{width:16px;height:16px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s ease}.switch.active .switch-handle{left:20px}td{position:relative}td:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:5px 10px;border-radius:4px;white-space:nowrap;opacity:1;transition:opacity .3s ease;pointer-events:none}td:hover:before{content:"";position:absolute;bottom:calc(100% - 5px);left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent}td:after,td:before{opacity:0;transition:opacity .3s ease}td:hover:after,td:hover:before{opacity:1}.crop-container{display:flex;flex-direction:column;width:min-content;margin-bottom:20px}.crop-container .crop-button{margin-left:0;margin-right:auto;margin-top:0}.reactEasyCrop_Container{width:200px;height:200px;position:relative!important}.data-table{scrollbar-width:thin;scrollbar-color:#888 transparent;width:100%;overflow:auto;margin-bottom:16px;height:100%;display:flex;flex-direction:column;max-height:calc(100vh - 147px);align-items:start}.data-table table{border-collapse:collapse;border-spacing:0px 5px;width:100%}.data-table table th,.data-table table td{padding:4px 8px;text-align:left;border-bottom:1px solid transparent;max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.data-table table th .image-cell,.data-table table td .image-cell{width:30px;height:30px;border-radius:50%;object-fit:cover;filter:invert(0)!important}.data-table table th{background-color:transparent;color:#0a0a0a;font-weight:600;font-size:14px}.data-table table tr{background-color:#fff;border-bottom:7px solid transparent}.data-table table tr:hover{background:#fca2bc;color:#fff}.data-table table tr:hover td{color:inherit}.data-table table thead>tr{background-color:transparent}.data-table table thead>tr:hover{background-color:transparent;color:#0a0a0a}.data-table table td:nth-child(1){border-top-left-radius:8px;border-bottom-left-radius:8px}.data-table table td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.data-table table td:last-child .buttons{display:flex;gap:10px}.data-table table td:last-child .buttons button{border:none;background-color:transparent}.data-table table td:last-child .buttons button img{width:16px;cursor:pointer}.data-table table td:last-child .buttons button:nth-child(1) img{filter:invert(51%) sepia(77%) saturate(4198%) hue-rotate(200deg) brightness(85%) contrast(95%)}.data-table table td:last-child .buttons button:nth-child(3) img{filter:invert(28%) sepia(84%) saturate(6667%) hue-rotate(355deg) brightness(97%) contrast(104%)}.data-table table tr:hover td img{filter:invert(0) brightness(65)}.data-table .skeleton-wrapper{display:grid;gap:10px}.data-table .skeleton-wrapper .skeleton-row{display:flex;justify-content:space-between;padding:10px 0;background-color:#e0e0e0;animation:skeleton-loading 2s infinite linear;border-radius:8px}.data-table .skeleton-wrapper .skeleton-row .skeleton-cell{height:10px;width:120px}@keyframes skeleton-loading{0%{background-color:#7e7b7b}50%{background-color:#f0f0f0}to{background-color:#7e7b7b}}.data-table .selected-row{background-color:var(--primary-color)!important}.data-table .selected-row td{color:#fff!important}.data-table .selected-row td img{filter:invert(0)!important;filter:invert(0) brightness(65)!important}.data-table .switch-group{display:flex;align-items:center;margin:15px 0}.data-table .switch{width:40px;height:20px;border-radius:50px;background-color:#e11d48;position:relative;cursor:pointer;transition:background-color .3s ease}.data-table .switch.active{background-color:#0d996d}.data-table .switch .switch-handle{width:16px;height:16px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s ease}.data-table .switch .switch-handle.active{left:20px}.data-table td{position:relative}.data-table td:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:5px 10px;border-radius:4px;white-space:nowrap;opacity:1;transition:opacity .3s ease;pointer-events:none}.data-table td:hover:before{content:"";position:absolute;bottom:calc(100% - 5px);left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent}.data-table td:after,.data-table td:before{opacity:0;transition:opacity .3s ease}.data-table td:hover:after,.data-table td:hover:before{opacity:1}.infinite-select-container{font-family:Arial,sans-serif;position:relative}.infinite-select-box{width:100%;min-width:200px;padding:6px 10px;font-size:14px;border:1px solid #ccc;border-radius:5px;background-color:#fff;color:#0a0a0a;cursor:pointer}.infinite-select-dropdown{position:absolute;top:100%;width:100%;max-height:200px;overflow-y:auto;border:1px solid #ccc;border-radius:5px;background-color:#fff;z-index:1000}.infinite-select-search{width:100%;padding:10px;font-size:14px;border:none;border-bottom:1px solid #eaeaea;border-radius:5px 5px 0 0;margin:0;box-sizing:border-box}.infinite-select-search:focus{outline:none}.infinite-select-list{list-style:none;margin:0;padding:0}.infinite-select-item{padding:10px;border-bottom:1px solid #eaeaea;cursor:pointer;transition:background-color .2s ease}.infinite-select-item:hover{background-color:#f0f0f0}.infinite-select-loading{text-align:center;color:#888;padding:10px 0;font-size:14px}.infinite-select-list::-webkit-scrollbar{width:8px}.infinite-select-list::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.infinite-select-list::-webkit-scrollbar-track{background-color:#f1f1f1}.infinite-select-no-more{text-align:start;padding:10px 0 0 10px;font-size:14px;color:#888}.exercise-list-horizontal{display:flex;flex-direction:row;align-items:center;padding:8px;background-color:#f4f4f4;overflow-x:auto}.exercise-list-horizontal div{border-radius:4px;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease}.exercise-list-horizontal div:hover{transform:translateY(-5px)}.exercise-list-horizontal h4{margin:0;padding:0;font-size:14px!important}.exercise-list-horizontal p{margin:0;padding:0}.exercise-list-horizontal{display:flex;flex-direction:row;align-items:flex-start;padding:8px;background-color:#f4f4f4;overflow-x:auto}.exercise-list-horizontal div{border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;background-color:#fff;padding:16px;width:150px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-right:16px}.exercise-list-horizontal div:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.exercise-list-horizontal h4{margin:8px 0 0;padding:0;font-size:1.1rem;text-align:center}.exercise-list-horizontal img{width:100%;height:118px;object-fit:cover;border-radius:8px}.delete-button{position:absolute;top:8px;right:8px;background:#fff;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer}.delete-button img{width:20px;height:20px}
