@charset "UTF-8";.loginForm{display:flex;align-items:center;justify-content:center;background:#053a68;width:450px;height:250px;border-radius:10px}.loginForm .loginFormFieldsContainer,.loginForm .loginInput,.loginForm .passwordInput{width:400px}.loginForm .loginInput,.loginForm .passwordInput,.loginForm .loginButton{width:400px;height:45px;border:1px solid cadetblue;border-radius:5px;color:#eeece8ce;background-color:#053a68}.loginForm .loginInput,.loginForm .passwordInput{width:390px}.loginForm ::placeholder{color:#eeece8ce;opacity:1}.loginForm ::-ms-input-placeholder{color:#eeece8ce}.loginForm .loginInput:focus,.loginForm .passwordInput:focus{outline:none;background-color:transparent}.loginForm .loginInput,.loginForm .passwordInput{margin-bottom:20px;padding-left:7px}.loginForm .loginButton{text-align:center;cursor:pointer}.loginContainer{background:#242f3d;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.addChannelPopupContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.addChannelPopup{background:#fff;padding:20px;border-radius:8px;box-shadow:0 8px 16px #0003;max-width:400px;width:100%;position:relative;animation:slideIn .3s ease-out}.addChannelPopupClose{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.addChannelPopupForm{margin-top:15px}.addChannelPopupForm .addChannelFormGroup{margin-bottom:15px}.addChannelPopupForm label{display:block;font-weight:500;margin-bottom:5px;color:#555}.addChannelPopupForm input,.addChannelPopupForm select{width:95%;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:1rem;color:#333}.addChannelPopupForm select{width:100%}.addChannelPopupForm input:focus,.addChannelPopupForm select:focus{outline:none;border-color:#007bff}.channelTable{border-collapse:collapse;font-size:.9em;border-radius:5px 5px 0 0;overflow:hidden;box-shadow:0 0 20px #00000026;align-self:flex-start}.channelTable thead tr{background-color:#053a68;color:#fff;text-align:left;font-weight:700}.channelTable th,.channelTable td{padding:15px 18px}.channelTable th{width:200px}.channelTable tbody tr{border-bottom:1px solid #dddddd}.channelTable tbody{background-color:#f3f3f3}.channelTable tbody tr:last-of-type{border-bottom:2px solid #053a68}.editChannelPopupContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.editChannelPopup{background:#fff;padding:20px;border-radius:8px;box-shadow:0 8px 16px #0003;max-width:400px;width:100%;position:relative;animation:slideIn .3s ease-out}.editChannelPopupClose{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.editChannelPopupForm{margin-top:15px}.editChannelPopupForm .editChannelFormGroup{margin-bottom:15px}.editChannelPopupForm label{display:block;font-weight:500;margin-bottom:5px;color:#555}.editChannelPopupForm input,.editChannelPopupForm select{width:95%;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:1rem;color:#333}.editChannelPopupForm select{width:100%}.editChannelPopupForm input:focus,.editChannelPopupForm select:focus{outline:none;border-color:#007bff}.submitButton{width:100%;background:#007bff;color:#fff;padding:10px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s;outline:none}.submitButton:hover{background:#0056b3}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.editChannelPopupForm .checkboxWrapper{display:flex;align-items:center;margin-bottom:15px}.editChannelPopupForm .checkboxWrapper label{margin-left:10px;font-weight:500;color:#555}.editChannelPopupForm input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:4px;border:2px solid #007bff;position:relative;cursor:pointer;transition:background-color .2s,border-color .2s}.editChannelPopupForm input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.editChannelPopupForm input[type=checkbox]:checked:after{content:"";position:absolute;top:4px;left:4px;width:10px;height:10px;background-color:#fff;border-radius:2px}.editChannelPopupForm input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #007bff40}.channelsContainer{display:flex;flex-direction:column;width:100%;margin-top:30px;margin-left:25px}.addChannelButton{width:150px;margin-bottom:20px;padding:10px;background-color:#053a68;color:#fffaf0;border:1px solid floralwhite;font-family:bold;border-radius:3px;text-transform:uppercase;cursor:pointer}.programTable{border-collapse:collapse;font-size:.9em;border-radius:5px 5px 0 0;overflow:hidden;box-shadow:0 0 20px #00000026;align-self:flex-start}.programTable thead tr{background-color:#053a68;color:#fff;text-align:left;font-weight:700}.programTable th,.programTable td{padding:15px 18px}.programTable th{width:200px}.programTable tbody tr{border-bottom:1px solid #dddddd}.programTable tbody{background-color:#f3f3f3}.programTable tbody tr:last-of-type{border-bottom:2px solid #053a68}.editButton,.deleteButton{padding:8px 12px;margin-right:5px;border:none;cursor:pointer;border-radius:5px;color:#fff;font-size:.85em}.editButton{background-color:#28a745;margin-bottom:10px}.deleteButton{background-color:#dc3545}.editButton:hover{background-color:#218838}.deleteButton:hover{background-color:#c82333}.progressBarContainer{height:20px;width:90%;background-color:#e0e0de;border-radius:50px}.progressBarFiller{height:100%;border-radius:inherit;text-align:right;transition:width .3s ease-in-out}.progressBarLabel{padding:5px;color:#fff;font-weight:700}.header{background-color:#02172a;height:60px}.headerContainer{height:100%;display:flex;align-items:center;justify-content:space-between;margin-left:8px;margin-right:8px}.headerContainer .headerMenuIcon{font-size:40px;color:azure;cursor:pointer}.headerContainer .headerAccountIcon{font-size:40px;color:azure;font-weight:300;cursor:pointer}.headerAccountMenu{position:absolute;border-radius:5px;display:flex;align-items:center;justify-content:center;width:100px;height:55px;background-color:#fffaf0;top:50px;right:50px}.headerAccountMenu ul{padding:0;display:flex;justify-content:center;align-items:center}.headerAccountMenu ul li{list-style-type:none;display:flex;align-items:center;justify-content:flex-start}.headerAccountMenu .headerLogoutButton{cursor:pointer}.sidebarMenu{background-color:#053a68;display:flex;flex-direction:column;align-items:center;height:100vh;width:300px;transition:width .3s ease;overflow:hidden}.sidebarMenu.open{width:300px;max-width:300px}.sidebarMenu.closed{width:60px}.sidebarMenu h3{text-transform:uppercase;color:#fffaf0;font-weight:700;text-align:center;font-size:1.2em;transition:opacity .3s ease;opacity:1}.sidebarMenu h3.closed{opacity:0}.sidebarMenu ul{list-style:none;padding:0;margin-top:20px;overflow-y:auto;width:100%;max-height:calc(100vh - 100px)}.sidebarMenu ul li{display:flex;align-items:center;justify-content:flex-start;padding:10px;margin-bottom:15px;color:#fffaf0;cursor:pointer;transition:background .3s ease,border-radius .3s ease;width:100%;box-sizing:border-box;position:relative}.sidebarMenu ul li:hover{background-color:#075599}.sidebarMenu ul li .menu-icon{font-size:24px;margin-right:15px;transition:transform .3s ease}.sidebarMenu ul li .menu-label{text-transform:uppercase;font-size:14px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.closed .sidebarMenu ul li{justify-content:center}.closed .sidebarMenu ul li .menu-label{display:none}.closed .sidebarMenu ul li .menu-icon{margin:0;transform:scale(1.2)}.sidebarMenu ul li.active{background-color:#0a70c9}.main{background-color:#1e3c57;height:calc(100vh - 40px);display:flex;flex-direction:row;justify-content:space-between;overflow:scroll}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#02172a;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#02172a}body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;overflow:hidden;height:100vh}#root{display:flex;flex-direction:column}