@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}}.body{width:100vw;height:100%;display:flex;flex-direction:column;padding-left:24px;padding-right:24px;padding-bottom:24px;background-color:#fff}.header{width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;background-color:#fff}@media screen and (max-width:767px){.header{width:100%;height:60px}}.header__logo{width:80px;height:80px;border-radius:8px}@media screen and (max-width:575px){.header__logo{width:50px;height:50px}}.header__title{font-size:32px;font-weight:700;color:#000}.header__button{width:150px;height:48px;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;font-size:20px;font-weight:700;border:none;border-radius:8px;cursor:pointer}@media screen and (max-width:575px){.header__button{width:120px;height:40px;font-size:16px}}.header__button:hover{background-color:red;transition:.5s}.main{width:100%;height:auto;display:flex;flex-direction:column}.main__header{font-size:24px;font-weight:700;margin-top:20px;color:#000}@media screen and (max-width:575px){.main__header{margin-top:10px}}.main__exams{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:20px}.main__exam{width:100%;height:auto}.main__exam--card{width:100%;height:100px;padding:16px;background-color:#e0e0e0;border-radius:8px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:575px){.main__exam--card{height:auto;padding:12px;gap:8px}}.main__exam--card--text{display:flex;flex-direction:column}.main__exam--card--text--title{font-size:18px;font-weight:700;color:#000}.main__exam--card--text--point{font-size:16px;color:#333}.main__exam--card--button{width:auto;height:48px;background-color:#007bff;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer}@media screen and (max-width:575px){.main__exam--card--button{width:auto;height:36px;font-size:12px}}.main__exam--card--button:hover{background-color:#003b79;transition:.5s}.confirm,.confirm__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm__modal{width:320px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 30px #0003;text-align:center}.confirm__title{margin-bottom:8px;font-size:18px;color:#000}.confirm__body{margin-bottom:16px;font-size:14px;color:#333}.confirm__buttons{display:flex;gap:12px;justify-content:center}.confirm__buttons--no{background:#e0e0e0;color:#000}.confirm__buttons--yes{background:#d32f2f;color:#fff}body{width:100vw;height:auto;display:flex;padding-left:24px;padding-right:24px;flex-direction:column;background-color:#fff}.admin{width:100vw;height:auto;padding:0 24px 24px}.admin__header{width:100%;height:100px;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;background-color:#ececec;z-index:1000;padding:0 24px;box-sizing:border-box;border-bottom:1px solid #000000}.admin__header-logo img{height:80px;border-radius:16px}@media screen and (max-width:575px){.admin__header-logo{display:none}}@media screen and (max-width:767px){.admin__header-logo{display:none}}.admin__header-actions{display:flex;gap:16px}@media screen and (max-width:767px){.admin__header-actions--desktop{display:none!important}}.admin__header--burger{display:none;background:#dadada;border:none;width:50px;height:50px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.admin__header--burger img{width:24px;height:24px}@media screen and (max-width:767px){.admin__header--burger{display:flex}}@media screen and (min-width:768px){.admin__header--burger{display:none!important}}.admin__burger-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.admin__burger-overlay.active{display:flex;align-items:flex-start;justify-content:flex-end}.admin__burger-panel{background:#fff;width:70%;max-width:350px;height:100vh;padding:24px;box-shadow:-4px 0 20px #0003;transform:translate(100%);transition:transform .3s ease-in-out;position:relative}.admin__burger-overlay.active .admin__burger-panel{transform:translate(0)}.admin__burger-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:#333;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.admin__burger-close:hover{background:#f0f0f0}.admin__burger-links{display:flex;flex-direction:column;gap:20px;margin-top:60px}.admin__burger-link{background:none;border:none;font-size:18px;color:#000;text-align:left;padding:12px 0;cursor:pointer;border-bottom:1px solid #eee}.admin__burger-link:hover{color:#007bff}.admin__burger-link--logout{color:#c00;margin-top:40px;border-bottom:none}.admin__burger-link--logout:hover{color:red}.admin__navbar{display:flex;gap:24px}@media screen and (max-width:767px){.admin__navbar{justify-content:flex-start;gap:16px}}.admin__navbar-item{background:none;border:none;font-size:18px;cursor:pointer;color:#000;padding-bottom:4px}@media screen and (max-width:767px){.admin__navbar-item{font-size:16px}}.admin__navbar-item.active{font-weight:700;border-bottom:3px solid #007bff}.admin__main{margin-top:130px}.admin__user--grid{display:grid;color:#000;gap:16px}.admin__user--card{width:100%;height:100px;display:grid;grid-template-columns:3fr 3fr 2fr .5fr .5fr;align-items:center;padding:16px;border-radius:16px;background-color:#f9f9f9;box-sizing:border-box}.admin__user--card--left,.admin__user--card--center{display:flex;flex-direction:column}@media screen and (max-width:575px){.admin__user--card--center{display:none}}.admin__user--card--score--badge{color:#000;display:flex;text-align:right;font-size:16px}.admin__exam--list{display:flex;flex-direction:column;color:#000;gap:16px}.admin__exam--card{width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:16px;background-color:#f9f9f9;box-sizing:border-box}.admin__exam--name{text-align:left}.admin__exam--date{text-align:center}@media screen and (max-width:575px){.admin__exam--date{display:none}}.admin__exam--number{text-align:center}.admin__pagination{display:flex;justify-content:center;margin-top:24px;gap:8px}.admin__pagination-button{padding:8px 16px;border-radius:16px;background-color:#eee;border:none;cursor:pointer}.admin__pagination-button.active{background-color:#007bff;color:#fff}.admin__button{border-radius:8px;padding:8px 16px;cursor:pointer;border:none}.admin__button--main{background-color:#007bff;padding:8px 16px;color:#fff}.admin__button--main:hover{background-color:#0056b3}.admin__button--cancel{background-color:#000;padding:8px 16px;color:#fff}.admin__button--cancel:hover{background-color:#c00}.admin__button--square{width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding:0;background-color:#dadada}.admin__button--square img{width:24px;height:24px}.admin__button--delete{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:red;color:#fff}.admin__button--delete:hover{background-color:#c00}.admin__button--results{width:auto;height:48px;margin-right:8px;display:flex;align-items:center;justify-content:center;background-color:#007bff;color:#fff}@media screen and (max-width:575px){.admin__button--results{width:48px;height:48px}}@media screen and (max-width:575px){.admin__button--results--text{display:none}}.admin__button--results img{display:none}@media screen and (max-width:575px){.admin__button--results img{display:flex}}.admin__button--results:hover{background-color:#0056b3}.admin__input{background-color:#dadada;color:#000;border-radius:8px;border:none;padding:8px 16px;margin-bottom:8px;width:100%;box-sizing:border-box}.admin__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}.admin__modal-content{background-color:#fff;color:#000;padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:16px;width:300px}.admin__filter-dropdown{position:relative}.admin__filter-dropdown .admin__filter-options{position:absolute;width:140px;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:16px;display:none;flex-direction:column;padding:8px;gap:8px;z-index:10}.admin__filter-dropdown .admin__filter-options button{padding:8px 12px;width:100%;text-align:left;background-color:#dadada;color:#000;border:none;border-radius:8px;cursor:pointer;font-size:14px}.admin__filter-dropdown .admin__filter-options button:hover{background-color:#007bff;color:#fff}.admin__filter-dropdown:hover .admin__filter-options{display:flex}.admin .loading-spinner{padding:12px 24px;background-color:#007bff;color:#fff;border-radius:8px}.admin .no-data{text-align:center;padding:40px;color:#666;font-size:18px}.result__student-info{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;background-color:#fff;padding:16px;border-radius:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;color:#000;font-size:14px;font-weight:500}.result{width:100vw;min-height:100vh;background-color:#f8f9fa;padding:0 16px}@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 #00000014;z-index:1000;box-sizing:border-box}@media(min-width:768px){.result__header{height:100px;padding:0 24px}}.result__back-button{width:100px;height:48px;border-radius:8px;background-color:#333;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.result__back-button:hover{background-color:#000}@media(max-width:575px){.result__back-button{width:50px;height:50px}}.result__title{font-size:20px;font-weight:600;color:#000}@media(min-width:768px){.result__title{font-size:24px}}.result__logo img{border-radius:8px;height:40px}@media(min-width:768px){.result__logo img{height:50px}}.result__main{margin-top:80px;padding:20px 0}@media(min-width:768px){.result__main{margin-top:100px;padding:30px 0}}.result__student-info{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;background-color:#fff;padding:16px;border-radius:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;color:#000;font-size:14px;font-weight:500}@media(min-width:768px){.result__student-info{font-size:16px;gap:20px}}.result__table-wrapper{overflow-x:auto;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px}.result__table{width:100%;min-width:900px;border-collapse:collapse;background-color:#fff}.result__row--numbers td{background-color:#e3f2fd;color:#1565c0;font-weight:700;font-size:12px;padding:8px 4px;text-align:center}@media(min-width:768px){.result__row--numbers td{font-size:14px;padding:10px 6px}}.result__row--correct td{background-color:#f5f5f5;text-align:center;font-weight:700;color:#000;font-size:14px;padding:10px 4px}@media(min-width:768px){.result__row--correct td{font-size:16px;padding:12px 8px}}.result__row--student td{text-align:center;font-weight:700;font-size:16px;padding:12px 4px}@media(min-width:768px){.result__row--student td{font-size:18px;padding:14px 8px}}.result__cell--green{background-color:#e8f5e8;color:#2e7d32}.result__cell--red{background-color:#ffebee;color:#c62828}.result__cell--blank{background-color:#fffbe6}.result__summary{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-radius:16px;font-size:18px;font-weight:700;box-shadow:0 2px 8px #0000000d;color:#000}@media(min-width:768px){.result__summary{font-size:20px;gap:24px}}.result__summary span:last-child{color:#1565c0;font-size:24px}@media(min-width:768px){.result__summary span:last-child{font-size:28px}}*{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}