@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#home-page{background-color:#f3f4f6;width:100vw;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif}#home-page .home__header{width:100%;height:80px;background-color:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:50}#home-page .home__header--container{width:100%;height:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center}#home-page .home__header--logo{width:50px;height:50px;border-radius:8px;object-fit:cover}#home-page .home__header--button{padding:10px 24px;background-color:#111827;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}#home-page .home__header--button:hover{background-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}#home-page .home__main{width:100%;height:auto;margin-top:32px;padding:0 24px;display:flex;flex-direction:row;align-items:flex-start;gap:32px}@media screen and (max-width:992px){#home-page .home__main{flex-direction:column}}#home-page .home__sidebar{width:25%;height:100%;position:sticky;top:112px}@media screen and (max-width:992px){#home-page .home__sidebar{width:100%;position:static}}#home-page .home__sidebar--card{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000a;border:1px solid rgba(0,0,0,.05)}#home-page .home__sidebar--title{font-size:18px;font-weight:700;color:#111827;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}#home-page .home__sidebar--info{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}#home-page .home__sidebar--info li{display:flex;flex-direction:column;gap:4px}#home-page .home__sidebar--info li span{font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}#home-page .home__sidebar--info li strong{font-size:15px;color:#1f2937;font-weight:600}#home-page .home__sidebar--info li .status-badge--active{display:inline-block;width:fit-content;background-color:#dcfce7;color:#166534;padding:4px 10px;border-radius:20px;font-size:13px}#home-page .home__sidebar--info li .status-badge--deactive{display:inline-block;width:fit-content;background-color:#fee2e2;color:#b91c1c;padding:4px 10px;border-radius:20px;font-size:13px}#home-page .home__sidebar--loading{font-size:14px;color:#9ca3af;text-align:center;padding:20px 0}#home-page .home__content{width:75%;display:flex;flex-direction:column}@media screen and (max-width:992px){#home-page .home__content{width:100%}}#home-page .home__content--header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:24px;gap:16px}#home-page .home__content--title{font-size:24px;font-weight:700;color:#111827}#home-page .home__content--message{font-size:15px;color:#6b7280}#home-page .home__content--error{color:#ef4444;background-color:#fee2e2;padding:16px;border-radius:8px;font-weight:500}#home-page .home__content--empty{background-color:#fff;padding:40px;border-radius:16px;text-align:center;color:#6b7280;border:1px dashed #d1d5db}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}#home-page .home__tab-content{animation:fadeSlideUp .4s cubic-bezier(.4,0,.2,1) forwards;width:100%;display:flex;flex-direction:column}#home-page .home__tabs{display:flex;gap:8px;background:#e5e7eb;padding:4px;border-radius:12px}#home-page .home__tab{padding:10px 20px;border-radius:8px;border:none;background:transparent;font-weight:600;color:#4b5563;cursor:pointer;transition:all .3s ease;font-size:14px}#home-page .home__tab--active{background:#fff;color:#111827;box-shadow:0 2px 8px #0000000d}#home-page .home__tab:hover:not(.home__tab--active){color:#111827}#home-page .home__exams{display:flex;flex-direction:column;gap:16px}#home-page .home__exam--card{background-color:#fff;border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000008;border:1px solid rgba(0,0,0,.04);transition:all .2s ease}#home-page .home__exam--card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f;border-color:#3b82f6}@media screen and (max-width:600px){#home-page .home__exam--card{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}}#home-page .home__exam--info{display:flex;flex-direction:column;gap:6px}#home-page .home__exam--name{font-size:18px;font-weight:700;color:#1f2937}#home-page .home__exam--score{font-size:14px;color:#6b7280}#home-page .home__exam--score span{font-weight:700;color:#10b981;font-size:16px;margin-left:4px}#home-page .home__exam--button{padding:10px 20px;background-color:#f3f4f6;color:#374151;font-size:14px;font-weight:600;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media screen and (max-width:600px){#home-page .home__exam--button{width:100%;text-align:center}}#home-page .home__exam--button:hover{background-color:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}#home-page .home__videos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media screen and (max-width:1200px){#home-page .home__videos{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){#home-page .home__videos{grid-template-columns:1fr}}#home-page .home__video--card{background-color:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}#home-page .home__video--card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}#home-page .home__video--card--cover{width:100%;height:180px;object-fit:cover;background-color:#f3f4f6}#home-page .home__video--card--bottom{display:flex;justify-content:space-between;align-items:center;padding:16px;gap:16px;flex-grow:1}#home-page .home__video--card--info{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}#home-page .home__video--card--title{font-size:16px;font-weight:700;color:#111827;line-height:1.3}#home-page .home__video--card--desc{font-size:13px;color:#6b7280;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#home-page .home__video--card--action{flex-shrink:0}#home-page .home__video--card--play{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#eef2ff;color:#3b82f6;border:1px solid #bfdbfe;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}#home-page .home__video--card--play img{width:18px;height:18px;transition:all .3s ease}#home-page .home__video--card--play:hover{background-color:#3b82f6;color:#fff;border-color:#3b82f6}#home-page .home__video--card--play:hover img{filter:brightness(0) invert(1)}#home-page .home__modal--overlay{position:fixed;inset:0;background:#111827b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}#home-page .home__modal{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a;text-align:center}#home-page .home__modal--title{font-size:20px;font-weight:700;color:#111827;margin-bottom:12px}#home-page .home__modal--body{font-size:15px;color:#6b7280;margin-bottom:24px;line-height:1.5}#home-page .home__modal--actions{display:flex;gap:12px}#home-page .home__modal--btn{flex:1;padding:12px 0;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}#home-page .home__modal--btn--cancel{background-color:#f3f4f6;color:#374151}#home-page .home__modal--btn--cancel:hover{background-color:#e5e7eb}#home-page .home__modal--btn--confirm{background-color:#ef4444;color:#fff}#home-page .home__modal--btn--confirm:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}body{margin:0;padding:0;overflow-x:hidden;transition:background-color .3s ease}body.dark-mode{background-color:#1f1f1f}.body{width:100vw;min-height:100vh;display:flex;background-color:#fff;transition:background-color .3s ease}body.dark-mode .body{background-color:#1f1f1f}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}body.dark-mode .modal{background-color:#00000080}.modal__content{background-color:#fff;color:#000;padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:16px;width:300px;transition:background-color .3s ease,color .3s ease}body.dark-mode .modal__content{background-color:#000;color:#fff}.modal__content--edit{width:420px}.modal__content--edit form{display:flex;flex-direction:column;gap:12px}.modal__content--edit form label{font-size:14px;color:#a2a2a2}.modal__content--edit form input,.modal__content--edit form select,.modal__content--edit form textarea{background-color:#f0ecf5;border:1px solid transparent;border-radius:8px;padding:10px 14px;color:#000;outline:none;font-family:inherit}.modal__content--edit form input:focus,.modal__content--edit form select:focus,.modal__content--edit form textarea:focus{border-color:#451f9c}body.dark-mode .modal__content--edit form input,body.dark-mode .modal__content--edit form select,body.dark-mode .modal__content--edit form textarea{background-color:#383838;color:#fff;border-color:transparent}body.dark-mode .modal__content--edit form input:focus,body.dark-mode .modal__content--edit form select:focus,body.dark-mode .modal__content--edit form textarea:focus{border-color:#84ff3d}.modal__content--edit form textarea{resize:vertical;min-height:80px}.modal__buttons{width:100%;height:auto;display:flex;gap:16px}.modal__main{width:100%;height:30px;display:flex;align-items:center;justify-content:center;background-color:#451f9c;padding:8px 16px;color:#fff;font-weight:700;border:none;border-radius:8px;cursor:pointer;transform:scale(1);transition:transform .3s ease-in-out,background-color .3s ease}body.dark-mode .modal__main{background-color:red}.modal__main:hover{transform:scale(1.1)}body.dark-mode .modal__main:hover{background-color:#c00}.modal__cancel{width:100%;height:30px;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:8px 16px;color:red;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,color .3s ease}body.dark-mode .modal__cancel{background-color:#383838;color:#fff}.modal__cancel:hover{background-color:#c00;color:#fff;font-weight:700}body.dark-mode .modal__cancel:hover{background-color:#84ff3d;color:#000}.menu{width:20%;min-width:210px;height:100vh;display:flex;flex-direction:column;background-color:#dfd5f7;padding:8px;margin:8px;border:none;border-radius:16px;box-shadow:4px 4px #292929 .5;position:fixed;overflow-x:hidden;z-index:10;transition:background-color .3s ease}body.dark-mode .menu{background-color:#000;margin:0;border-radius:0;box-shadow:none}.menu__logo{width:300px;height:60px;display:flex;align-items:center;gap:8px}.menu__logo--img{width:30px;height:30px;border:none;border-radius:8px;filter:invert(100%)}body.dark-mode .menu__logo--img{filter:none}.menu__logo--text{font-size:24px;color:#09026f}body.dark-mode .menu__logo--text{color:#fff}.menu__devider{width:100%;height:1px;border:none;border-radius:8px;background-color:#09026f;filter:opacity(30%)}body.dark-mode .menu__devider{background-color:#84ff3d}.menu__navigate{width:100%;height:auto;display:flex;flex-direction:column;gap:16px;margin-top:16px}.menu__navigate--info,.menu__navigate--end{width:100%;height:auto;display:flex;flex-direction:column;gap:4px}.menu__navigate--end{justify-content:flex-end}.menu__navigate--title{font-size:14px;color:#8172a8}body.dark-mode .menu__navigate--title{color:#747474}.menu__navigate--item{width:100%;height:30px;display:flex;padding:4px;gap:8px;border:none;border-radius:8px;transition:background-color .3s ease}.menu__navigate--item:hover,.menu__navigate--item.active{background-color:#451f9c}body.dark-mode .menu__navigate--item:hover,body.dark-mode .menu__navigate--item.active{background-color:#84ff3d}.menu__navigate--item:hover .menu__navigate--text,.menu__navigate--item.active .menu__navigate--text{color:#fff;font-weight:700}body.dark-mode .menu__navigate--item:hover .menu__navigate--text,body.dark-mode .menu__navigate--item.active .menu__navigate--text{color:#000}.menu__navigate--item:hover .menu__navigate--img,.menu__navigate--item.active .menu__navigate--img{filter:invert(100%)}body.dark-mode .menu__navigate--item:hover .menu__navigate--img,body.dark-mode .menu__navigate--item.active .menu__navigate--img{filter:invert(0)!important}.menu__navigate--img{width:20px;height:20px;transition:filter .3s ease}body.dark-mode .menu__navigate--img{filter:invert(100%)}.menu__navigate--text{width:100%;height:100%;font-size:14px;color:#000}body.dark-mode .menu__navigate--text{color:#fff}.menu__navigate--logout{width:100%;height:30px;display:flex;align-items:center;padding:4px;gap:8px;border:none;background:transparent;border-radius:8px;cursor:pointer}.menu__navigate--logout:hover{background-color:red;transition:.5s}.menu__navigate--logout:hover .menu__navigate--logout--text{color:#fff;font-weight:700}.menu__navigate--logout:hover .menu__navigate--logout--img{filter:invert(100%)}.menu__navigate--logout--img{width:20px;height:20px}body.dark-mode .menu__navigate--logout--img{filter:invert(100%)}.menu__navigate--logout--text{font-size:14px;color:#000}body.dark-mode .menu__navigate--logout--text{color:#fff}.menu .dropdown-menu{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease,padding .4s ease;padding-left:45px;display:flex;flex-direction:column;gap:12px}.menu .dropdown-menu.open{max-height:150px;opacity:1;padding-top:5px;padding-bottom:10px}.menu .dropdown-menu span{cursor:pointer;color:#000;opacity:.8;font-size:14px;transition:.2s}body.dark-mode .menu .dropdown-menu span{color:#fff}.menu .dropdown-menu span:hover{opacity:1;font-weight:700}.screen{width:80%;height:auto;margin-left:20%;padding:16px}.dashboard__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.dashboard h2{color:#09026f}body.dark-mode .dashboard h2{color:#fff}.dashboard__card{background-color:#fff;border:.5px solid #DFD5F7;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}body.dark-mode .dashboard__card{background-color:#282828;border-color:#84ff3d4d}.dashboard__card--title{font-size:18px;color:#7e7d7d}body.dark-mode .dashboard__card--title{color:#a2a2a2}.dashboard__card--value{font-size:42px;color:#451f9c;font-weight:700}body.dark-mode .dashboard__card--value{color:#84ff3d}.dashboard__list{list-style:none;display:flex;flex-direction:column;gap:8px}.dashboard__list--item{font-size:15px;color:#000;background:#f0ecf5;padding:8px 12px;border-radius:8px}body.dark-mode .dashboard__list--item{color:#fff;background:#383838}.dashboard__top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dashboard__top-select{background:#f0ecf5;color:#000;border:none;border-radius:8px;padding:6px 12px;cursor:pointer;outline:none}body.dark-mode .dashboard__top-select{background:#383838;color:#fff}.header{width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#fff;box-shadow:0 1px #4446434d;position:relative;z-index:100}body.dark-mode .header{background-color:#1f1f1f;box-shadow:0 1px #84ff3d4d}.header__title{font-size:32px;color:#09026f}body.dark-mode .header__title{color:#fff}.header__right{width:auto;height:60px;display:flex;align-items:center;gap:8px;position:relative}.header__right--form{width:auto;height:48px;display:flex;align-items:center;background-color:#fff;border:none;border-radius:16px}body.dark-mode .header__right--form{background-color:#383838}.header__right--form--input{width:250px;height:48px;background-color:#fff;border:.5px solid #451F9C;border-right:none;border-radius:16px 0 0 16px;padding:0 16px;color:#000;cursor:text}body.dark-mode .header__right--form--input{background-color:#383838;border:none;color:#fff}.header__right--form--input::-moz-placeholder{color:#a2a2a2}.header__right--form--input::placeholder{color:#a2a2a2}.header__right--form--input:focus{outline:none}.header__right--form--search{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #451F9C;border-left:none;border-radius:0 16px 16px 0;cursor:pointer}body.dark-mode .header__right--form--search{background-color:#383838;border:none}.header__right--form--search--img{width:24px;height:24px;filter:invert(0)}body.dark-mode .header__right--form--search--img{filter:invert(1)}.header__right--filter{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:none;border-radius:16px;cursor:pointer;transition:background-color .3s ease}body.dark-mode .header__right--filter{background-color:#383838}.header__right--filter--img{width:24px;height:24px;filter:invert(0);transition:filter .3s ease}body.dark-mode .header__right--filter--img{filter:invert(1)}.header__right--filter:hover{background-color:#451f9c}body.dark-mode .header__right--filter:hover{background-color:#84ff3d}.header__right--filter:hover .header__right--filter--img{filter:invert(1)}body.dark-mode .header__right--filter:hover .header__right--filter--img{filter:invert(0)}.header__right--dropdown,.header__right--filter--dropdown{position:absolute;top:58px;right:0;background-color:#dfd5f7;border-radius:12px;box-shadow:0 4px 12px #0006;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:1000;width:160px}body.dark-mode .header__right--dropdown,body.dark-mode .header__right--filter--dropdown{background-color:#282828}.header__right--dropdown button,.header__right--filter--dropdown button{background:none;border:none;color:#000;padding:10px 16px;text-align:left;border-radius:8px;cursor:pointer;transition:.3s}body.dark-mode .header__right--dropdown button,body.dark-mode .header__right--filter--dropdown button{color:#fff}.header__right--dropdown button:hover,.header__right--filter--dropdown button:hover{background-color:#451f9c;color:#fff}body.dark-mode .header__right--dropdown button:hover,body.dark-mode .header__right--filter--dropdown button:hover{background-color:#84ff3d;color:#000}.panel{width:calc(100% - 32px);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin:16px;border:1px solid #DFD5F7;border-radius:16px}body.dark-mode .panel{border-color:#383838}.panel__title{font-size:18px;color:#8172a8}body.dark-mode .panel__title{color:#a2a2a2}.panel__classes{padding:10px 15px;border-radius:8px;border:1px solid #DFD5F7;background-color:#fff;color:#000;outline:none;cursor:pointer;font-weight:700}body.dark-mode .panel__classes{border-color:#383838;background-color:#383838;color:#fff}.panel__button{width:150px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#ffb6b6;border:none;border-radius:8px;cursor:pointer;transition:.3s}body.dark-mode .panel__button{background-color:transparent;border:1px solid #ff0000}.panel__button:hover{background-color:#c00}.panel__button:hover .panel__button--text{color:#fff;font-weight:700;opacity:100%}.panel__button--text{font-size:16px;color:#eb1010;transition:.3s}body.dark-mode .panel__button--text{color:#fff;opacity:60%}.classes{position:relative;width:calc(100% - 32px);height:56px;display:flex;align-items:center;background-color:#fff;border:1px solid #DFD5F7;border-radius:12px;padding:4px;margin:0 16px 16px}body.dark-mode .classes{background-color:#1f1f1f;border-color:#383838}.classes__slider--container{position:absolute;inset:4px;pointer-events:none}.classes__slider{position:absolute;top:0;left:0;height:100%;width:25%;background-color:#451f9c;border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:0}body.dark-mode .classes__slider{background-color:#84ff3d}.classes__button{flex:1;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:8px;color:#000;font-size:15px;cursor:pointer;position:relative;z-index:1;transition:color .3s ease}body.dark-mode .classes__button{color:#fff}.classes__button.active{color:#fff;font-weight:700}body.dark-mode .classes__button.active{color:#000}.classes__button:hover:not(.active){color:#451f9c}body.dark-mode .classes__button:hover:not(.active){color:#84ff3d}.main{width:100%;height:auto;display:flex;flex-wrap:wrap;padding:0 16px;gap:16px}.main__card{width:calc(25% - 12px);height:auto;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#fff;border:.5px solid #DFD5F7;border-radius:16px;padding:16px;gap:8px}body.dark-mode .main__card{background-color:#282828;border-color:#84ff3d4d}.main__card--info{width:100%;height:auto;display:flex;flex-direction:column;gap:4px}.main__card--info--title{font-size:16px;color:#000}body.dark-mode .main__card--info--title{color:#fff}.main__card--info--text{font-size:16px;color:#7e7d7d}body.dark-mode .main__card--info--text{color:#a2a2a2}.main__card--buttons{width:100%;height:auto;display:flex;gap:8px}.main__card--buttons button{width:-moz-fit-content;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #DFD5F7;border-radius:8px;cursor:pointer;padding:0 10px;transition:.3s}body.dark-mode .main__card--buttons button{border-color:#383838}.main__card--buttons button img{width:20px;height:20px;opacity:.4;transition:.3s;filter:invert(0)}body.dark-mode .main__card--buttons button img{opacity:.6;filter:invert(1)}.main__card--buttons--edit:hover{background-color:#451f9c;border-color:#451f9c}body.dark-mode .main__card--buttons--edit:hover{background-color:#2c0ec1;border-color:#2c0ec1}.main__card--buttons--edit:hover img{filter:invert(1);opacity:1}body.dark-mode .main__card--buttons--edit:hover img{filter:invert(1)}.main__card--buttons--results:hover{background-color:#451f9c;border-color:#451f9c}body.dark-mode .main__card--buttons--results:hover{background-color:#84ff3d;border-color:#84ff3d}.main__card--buttons--results:hover img{filter:invert(1);opacity:1}body.dark-mode .main__card--buttons--results:hover img{filter:invert(0)}.main__card--buttons--delete:hover,body.dark-mode .main__card--buttons--delete:hover{background-color:#c00;border-color:#c00}.main__card--buttons--delete:hover img{filter:invert(1);opacity:1}body.dark-mode .main__card--buttons--delete:hover img{filter:invert(1)}.main__exam--card{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;flex-direction:row;background-color:#fff;border:.5px solid #DFD5F7;border-radius:16px;padding:16px;margin-bottom:4px}body.dark-mode .main__exam--card{background-color:#282828;border-color:#84ff3d4d}.main__exam--card--info{width:auto;height:auto;display:flex;flex-direction:column;gap:4px}.main__exam--card--info--title{font-size:16px;color:#000}body.dark-mode .main__exam--card--info--title{color:#fff}.main__exam--card--info--text{font-size:16px;color:#7e7d7d}body.dark-mode .main__exam--card--info--text{color:#a2a2a2}.main__exam--card--buttons{width:auto;height:auto;display:flex;gap:8px}.main__exam--card--buttons--delete{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #DFD5F7;border-radius:8px;cursor:pointer;transition:.3s}body.dark-mode .main__exam--card--buttons--delete{border-color:#383838}.main__exam--card--buttons--delete img{width:20px;height:20px;opacity:.4;transition:.3s;filter:invert(0)}body.dark-mode .main__exam--card--buttons--delete img{opacity:.6;filter:invert(1)}.main__exam--card--buttons--delete:hover,body.dark-mode .main__exam--card--buttons--delete:hover{background-color:#c00;border-color:#c00}.main__exam--card--buttons--delete:hover img{filter:invert(1);opacity:1}body.dark-mode .main__exam--card--buttons--delete:hover img{filter:invert(1)}.main__video--card{width:calc(25% - 12px);height:auto;min-height:260px;display:flex;flex-direction:column;background-color:#fff;border:.5px solid #DFD5F7;border-radius:16px;padding:12px;gap:12px;transition:transform .3s ease,box-shadow .3s ease}body.dark-mode .main__video--card{background-color:#282828;border-color:#84ff3d4d}.main__video--card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #451f9c1a}body.dark-mode .main__video--card:hover{box-shadow:0 8px 24px #84ff3d26}.main__video--card--cover-wrapper{position:relative;width:100%;height:150px;border-radius:12px;overflow:hidden;background-color:#f0ecf5}body.dark-mode .main__video--card--cover-wrapper{background-color:#383838}.main__video--card--cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.main__video--card:hover .main__video--card--cover{transform:scale(1.05)}.main__video--card--category{position:absolute;top:8px;left:8px;background:#451f9ce6;color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2;box-shadow:0 2px 4px #0003}body.dark-mode .main__video--card--category{background:#84ff3de6;color:#000}.main__video--card--info{width:100%;display:flex;flex-direction:column;gap:6px;flex-grow:1}.main__video--card--info--title{font-size:16px;color:#000;font-weight:700}body.dark-mode .main__video--card--info--title{color:#fff}.main__video--card--info--desc{font-size:13px;color:#7e7d7d;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.dark-mode .main__video--card--info--desc{color:#a2a2a2}.main__video--card--buttons{width:100%;display:flex;gap:8px;margin-top:auto;justify-content:flex-end}.main__video--card--buttons button{width:-moz-fit-content;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #DFD5F7;border-radius:8px;cursor:pointer;padding:0 10px;transition:.3s}body.dark-mode .main__video--card--buttons button{border-color:#383838}.main__video--card--buttons button img{width:20px;height:20px;opacity:.6;transition:.3s;filter:invert(0)}body.dark-mode .main__video--card--buttons button img{opacity:.8;filter:invert(1)}.main__video--card--buttons--play:hover{background-color:#451f9c;border-color:#451f9c}body.dark-mode .main__video--card--buttons--play:hover{background-color:#84ff3d;border-color:#84ff3d}.main__video--card--buttons--play:hover img{filter:invert(1);opacity:1}body.dark-mode .main__video--card--buttons--play:hover img{filter:invert(0)}.main__video--card--buttons--edit:hover{background-color:#451f9c;border-color:#451f9c}body.dark-mode .main__video--card--buttons--edit:hover{background-color:#2c0ec1;border-color:#2c0ec1}.main__video--card--buttons--edit:hover img{filter:invert(1);opacity:1}body.dark-mode .main__video--card--buttons--edit:hover img{filter:invert(1)}.main__video--card--buttons--delete:hover,body.dark-mode .main__video--card--buttons--delete:hover{background-color:#c00;border-color:#c00}.main__video--card--buttons--delete:hover img{filter:invert(1);opacity:1}body.dark-mode .main__video--card--buttons--delete:hover img{filter:invert(1)}.main__pagination{width:100%;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;color:#000}body.dark-mode .main__pagination{color:#fff}.main__pagination button{background:#dfd5f7;border:none;color:#000;padding:8px 20px;border-radius:8px;cursor:pointer;transition:.3s}body.dark-mode .main__pagination button{background:#383838;color:#fff}.main__pagination button:disabled{opacity:.4;cursor:not-allowed}.main__pagination button:hover:not(:disabled){background:#451f9c;color:#fff}body.dark-mode .main__pagination button:hover:not(:disabled){background:#84ff3d;color:#000}.user,.exam,.user__abituriyent,.user__magistr,.user__miq,.user__tekmillesdirme,.user__guest,.user__buraxilis,.user__blok,.user__magistratura,.user__video,.exam__abituriyent,.exam__magistr,.exam__miq,.exam__tekmillesdirme,.exam__guest,.exam__buraxilis,.exam__blok,.exam__magistratura,.exam__video{width:100%;display:flex;flex-direction:column}.add-form{width:100%;padding:24px;background-color:#fff;border:.5px solid #DFD5F7;border-radius:16px;margin:20px auto}body.dark-mode .add-form{background-color:#282828;border-color:transparent}.add-form__title{color:#09026f;margin-bottom:20px}body.dark-mode .add-form__title{color:#fff}.add-form__select{width:100%;padding:12px;background:#f0ecf5;color:#000;border:none;border-radius:12px;margin-bottom:24px;font-size:16px;cursor:pointer;outline:none}body.dark-mode .add-form__select{background:#383838;color:#fff}.add-form__select:focus{border:1px solid #451F9C}body.dark-mode .add-form__select:focus{border-color:#84ff3d}.add-form__form{width:100%;display:flex;flex-direction:column;gap:16px}.add-form__form input,.add-form__form select,.add-form__form textarea{width:100%;background:#f0ecf5;border:1px solid transparent;border-radius:12px;padding:14px;color:#000;font-size:16px;outline:none;font-family:inherit}body.dark-mode .add-form__form input,body.dark-mode .add-form__form select,body.dark-mode .add-form__form textarea{background:#383838;color:#fff}.add-form__form input:focus,.add-form__form select:focus,.add-form__form textarea:focus{border:1px solid #451F9C}body.dark-mode .add-form__form input:focus,body.dark-mode .add-form__form select:focus,body.dark-mode .add-form__form textarea:focus{border-color:#84ff3d}.add-form__form textarea{resize:vertical;min-height:100px}.add-form__methods{display:flex;position:relative;background-color:#fff;border-radius:12px;padding:4px;border:1px solid #DFD5F7;margin-bottom:8px}body.dark-mode .add-form__methods{background-color:#1f1f1f;border-color:#383838}.add-form__methods--slider--container{position:absolute;inset:4px;pointer-events:none}.add-form__methods--slider{position:absolute;top:0;left:0;height:100%;width:33.3333333333%;background-color:#fff;border:1px solid #DFD5F7;border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .add-form__methods--slider{background-color:#383838;border-color:#84ff3d}.add-form__method{flex:1;padding:12px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;border-radius:8px;transition:.3s}.add-form__method span{font-weight:500;color:#7e7d7d}body.dark-mode .add-form__method span{color:#a2a2a2}.add-form__method--active span{color:#000}body.dark-mode .add-form__method--active span{color:#fff}.add-form__method--active .add-form__method--circle{background-color:#451f9c;border-color:#451f9c}body.dark-mode .add-form__method--active .add-form__method--circle{background-color:#84ff3d;border-color:#84ff3d}.add-form__method--circle{width:12px;height:12px;border-radius:50%;background-color:transparent;border:2px solid #7e7d7d;transition:.3s}body.dark-mode .add-form__method--circle{border-color:#a2a2a2}.add-form__file{margin-top:0}.add-form__file label{display:block;margin-bottom:8px;color:#7e7d7d}body.dark-mode .add-form__file label{color:#a2a2a2}.add-form__file input[type=file]{background:transparent;border:1px dashed #451F9C;padding:12px;width:100%;cursor:pointer}body.dark-mode .add-form__file input[type=file]{border-color:#84ff3d}.add-form__file p{margin-top:8px;color:#451f9c;font-size:13px}body.dark-mode .add-form__file p{color:#84ff3d}.add-form__file--scanner{padding:20px;text-align:center;border:1px dashed #7e7d7d;border-radius:8px}body.dark-mode .add-form__file--scanner{border-color:#a2a2a2}.add-form__file--scanner p{color:#7e7d7d;font-size:15px}body.dark-mode .add-form__file--scanner p{color:#a2a2a2}.add-form__submit{background:#451f9c;color:#fff;border:none;padding:14px;font-weight:700;border-radius:12px;cursor:pointer;font-size:16px;transition:.3s}body.dark-mode .add-form__submit{background:#84ff3d;color:#000}.add-form__submit:hover{background:#09026f}body.dark-mode .add-form__submit:hover{background:#a2ff6b}.add-form__submit:disabled{opacity:.5;cursor:not-allowed}.upload-progress{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:80%;max-width:500px;height:36px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:20px;z-index:9999;overflow:hidden;box-shadow:0 8px 32px #00000026}body.dark-mode .upload-progress{background:#00000080;border-color:#84ff3d4d}.upload-progress__bar{height:100%;background:#451f9cd9;transition:width .3s ease}body.dark-mode .upload-progress__bar{background:#84ff3dd9}.upload-progress__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;text-shadow:0px 1px 3px rgba(0,0,0,.8);white-space:nowrap}body.dark-mode .upload-progress__text{color:#000;text-shadow:0px 1px 2px rgba(255,255,255,.5)}.result{width:100vw;min-height:100vh;background-color:#f4f6f8;padding:0 16px;font-family:Inter,system-ui,sans-serif}@media(min-width:768px){.result{padding:0 24px}}.result__header{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 16px;box-shadow:0 2px 10px #0000000d;z-index:1000;box-sizing:border-box}@media(min-width:768px){.result__header{height:90px;padding:0 32px}}.result__back-button{width:48px;height:48px;border-radius:12px;background-color:#1a1a1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.result__back-button img{width:24px;height:24px}.result__back-button:hover{background-color:#333;transform:translateY(-2px)}.result__title{font-size:18px;font-weight:700;color:#1a1a1a;text-align:center;flex:1}@media(min-width:768px){.result__title{font-size:22px}}.result__logo img{border-radius:8px;height:40px;-o-object-fit:contain;object-fit:contain}@media(min-width:768px){.result__logo img{height:48px}}.result__main{margin-top:100px;padding:20px 0 60px;max-width:1200px;margin-left:auto;margin-right:auto}.result__student-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;background-color:#fff;padding:24px;border-radius:16px;margin-bottom:30px;box-shadow:0 4px 20px #00000008;border:1px solid #edf2f7}.result__student-info .info-item{display:flex;flex-direction:column;gap:4px}.result__student-info .info-item span:first-child{font-size:13px;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.result__student-info .info-item span:last-child{font-size:16px;font-weight:600;color:#2d3748}.result__subject-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000008;border:1px solid #edf2f7}.result__subject-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px dashed #edf2f7;gap:16px}.result__subject-title{margin:0;font-size:20px;color:#1a202c;font-weight:700}.result__subject-stats{display:flex;gap:16px;font-size:14px;font-weight:600}.result__subject-stats .stat-correct{color:#38a169;background:#f0fff4;padding:6px 12px;border-radius:8px}.result__subject-stats .stat-wrong{color:#e53e3e;background:#fff5f5;padding:6px 12px;border-radius:8px}.result__subject-stats .stat-blank{color:#dd6b20;background:ivory;padding:6px 12px;border-radius:8px}.result__table-wrapper{overflow-x:auto;border-radius:12px;box-shadow:inset 0 0 0 1px #edf2f7;margin-bottom:24px}.result__table-wrapper::-webkit-scrollbar{height:8px}.result__table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:8px}.result__table{width:100%;min-width:800px;border-collapse:collapse;background-color:#fff}.result__row--numbers td{background-color:#ebf8ff;color:#3182ce;font-weight:700;font-size:13px;padding:12px 6px;text-align:center;border-right:1px solid #bee3f8}.result__row--numbers td:last-child{border-right:none}.result__row--correct td{background-color:#f7fafc;text-align:center;font-weight:700;color:#4a5568;font-size:15px;padding:14px 6px;border-right:1px solid #edf2f7;border-bottom:1px solid #edf2f7}.result__row--correct td:last-child{border-right:none}.result__row--student td{text-align:center;font-weight:700;font-size:16px;padding:14px 6px;border-right:1px solid #edf2f7}.result__row--student td:last-child{border-right:none}.result__cell--green{background-color:#f0fff4;color:#2f855a}.result__cell--red{background-color:#fff5f5;color:#c53030}.result__cell--blank{background-color:ivory}.result__summary{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;background-color:#fff;padding:24px;border-radius:16px;font-size:18px;font-weight:700;box-shadow:0 4px 20px #0000000d;color:#2d3748;margin-top:20px;border:1px solid #edf2f7}@media(min-width:768px){.result__summary{font-size:20px;gap:32px}}.result__summary .result__final-score{color:#3182ce;font-size:26px;background:#ebf8ff;padding:8px 20px;border-radius:12px}@media(min-width:768px){.result__summary .result__final-score{font-size:30px}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:Arial,sans-serif}.login{width:100vw;height:100vh;display:flex}.login__left{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}@media screen and (max-width:575px){.login__left{display:none}}@media screen and (max-width:767px){.login__left{display:none}}.login__left--logo{width:calc(100% - 100px);height:width}.login__right{width:50%;height:100%;gap:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000}@media screen and (max-width:575px){.login__right{width:100%;height:100%;gap:50px}}@media screen and (max-width:767px){.login__right{width:100%;height:100%;gap:50px}}.login__right--container{width:calc(100% - 100px);height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.login__right--container--header{font-size:32px;font-weight:700;color:#fff}@media screen and (max-width:575px){.login__right--container--header{font-size:24px}}.login__right--container--subheader{font-size:24px;color:#fff}@media screen and (max-width:575px){.login__right--container--subheader{font-size:16px}}.login__right--form{width:calc(100% - 100px);height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}@media screen and (max-width:575px){.login__right--form{width:100%;padding:20px}}@media screen and (max-width:767px){.login__right--form{width:100%;padding:20px}}@media screen and (max-width:991px){.login__right--form{width:100%;padding:20px}}.login__right--form--input{width:404px;height:48px;padding-left:10px;font-size:16px;border:none;border-radius:16px;color:#fff;background-color:#2d2d2d}@media screen and (max-width:575px){.login__right--form--input{width:100%;height:48px}}@media screen and (max-width:767px){.login__right--form--input{width:100%;height:48px}}@media screen and (max-width:991px){.login__right--form--input{width:100%;height:48px}}.login__right--form--button{width:404px;height:48px;font-size:16px;border:none;border-radius:16px;background-color:#2c0ec1;color:#fff;cursor:pointer}@media screen and (max-width:575px){.login__right--form--button{width:100%;height:48px}}@media screen and (max-width:767px){.login__right--form--button{width:100%;height:48px}}@media screen and (max-width:991px){.login__right--form--button{width:100%;height:48px}}.login__right--form--button:hover{background-color:#17008a;transition:.5s}