@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Ubuntu,sans-serif}body{background-color:#fff}.container{display:grid;grid-template-columns:1fr}.navbar{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;padding:10px 20px;border-bottom:3px solid #c81212;box-shadow:3px 3px 10px #0000001a}.nav-logo .logo{width:350px}.nav-text{font-size:40px;font-weight:700;color:#c81212}.main{display:grid;grid-template-columns:1fr 3fr;height:80vh;padding:20px;gap:30px}.sidebar{display:flex;flex-direction:column;gap:15px;text-align:center;margin-top:20px}.sidebar-element{background-color:#c81212;padding:10px 0;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;transition:.2s ease-in-out;font-size:18px}.sidebar-element:hover{background-color:#0000001a;color:#c81212;box-shadow:inset 2px 2px 4px #0003}.side-frame{width:90%;margin-left:5%}.points-layout{display:grid;grid-template-columns:1fr;gap:20px;text-align:center;margin-top:20px}.criterion-count{color:#c81212}.layout-btns{display:flex;gap:20px;justify-content:center}.layout-btn{padding:10px 20px;font-size:18px;font-weight:600;background-color:#c81212;color:#fff;border-radius:5px;border:none;cursor:pointer;transition:.2s ease-in-out}.active,.layout-btn:hover{background-color:#0000001a;color:#c81212;box-shadow:inset 2px 2px 4px #0003}.key-indicator{cursor:pointer;transition:.2s ease-in-out}.key-indicator:hover{color:#c81212}.data-table{text-align:left;border:none;font-size:17px}.data-table thead{font-weight:700;background-color:#c81212;color:#fff}.data-table thead tr td{padding:10px;border-radius:5px}.data-table tbody tr{border:1px solid rgba(0,0,0,.6);transition:.2s ease-in-out;cursor:pointer}.data-table tbody tr:hover{background-color:#0000000d}.data-table tbody tr td:nth-child(1){text-align:center;font-weight:600}.data-table tbody tr td{padding:15px;border-radius:5px;line-height:155%}@media (width<=768px){.navbar{grid-template-columns:1fr;place-items:center;gap:15px}.nav-logo .logo{width:250px;cursor:pointer}.nav-text{font-size:25px;margin-bottom:10px}.main{display:flex;flex-direction:column}.sidebar{display:grid;grid-template-columns:repeat(3,1fr)}.side-frame{border-top:3px solid #c81212;padding-bottom:50px;width:100%;margin-left:0%}}@media (width<540px){.sidebar{grid-template-columns:1fr 1fr}}