body{background-color:#caf0f8;font-family:Roboto,sans-serif}.mainContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.mainContainer p{margin:0}.mainLogo{width:100%;max-width:400px;height:auto;margin-bottom:64px}.mainButton{width:100%;max-width:400px;font-size:20px;color:#fff;background-color:#03045e;border-radius:8px;font-weight:700;padding-top:16px;padding-bottom:16px;margin-top:120px}.mainTitle{color:#03045e;font-weight:700;font-size:28px;text-align:center}.mainSubtitle{color:#000;font-weight:400;font-size:16px;text-align:center}.mainHelp{width:36px;height:auto;align-self:flex-end;margin-bottom:28px;margin-right:40px}.mainFormContainer{display:flex;flex-direction:column;align-items:center;height:100vh}.formContainer{background-color:#90e0ef;border-radius:8px;width:100%;max-width:400px;margin-bottom:16px}.question{width:calc(100% - 16px);font-size:14px;font-weight:400;margin:8px;text-align:justify;text-justify:inter-word}.separator{width:100%;height:1px;background-color:#43bdd380}.textInput{margin:8px;padding:16px;width:calc(100% - 48px);color:#0b0c44;background-color:#caf0f8;border:none;border-radius:8px}.textInput::placeholder{color:#03045e66}.navigationContainer{background-color:#90e0ef;width:100%;max-width:400px;border-radius:8px;display:flex;flex-direction:row;align-items:center;padding:16px}.buttonContainer{flex-grow:1;width:100%;height:auto}.buttonSeparator{width:16px;height:100%}.previousButton{padding-top:16px;padding-bottom:16px;color:#03045e;background-color:#caf0f8;font-size:14px;font-weight:700;line-height:20px;width:100%;border:none;border-radius:8px;height:48px}.nextButton{padding-top:16px;padding-bottom:16px;background-color:#03045e;color:#caf0f8;font-size:14px;font-weight:700;line-height:20px;width:100%;border:none;border-radius:8px;height:48px}.dropdownContainer{background-color:#90e0ef;border-radius:8px;width:100%;max-width:400px;margin-bottom:16px}.customDropdown{margin:8px;padding:16px;width:calc(100% - 16px);color:#0b0c44;background-color:#caf0f8;border:none;border-radius:8px;cursor:pointer}.customDropdown option{background-color:#caf0f8;color:#0b0c44;margin:8px;width:100%}.hintDropdown{color:gray}.chooseContainer{background-color:#90e0ef;border-radius:8px;width:100%;max-width:400px;margin-bottom:16px}.chooseOptionContainer{margin:8px;width:calc(100% - 16px)}.chooseSelected{display:flex;flex-direction:row;background-color:#0b0c44;border-radius:8px;width:100%;align-items:center;height:36px}.chooseUnselect{display:flex;flex-direction:row;background-color:#caf0f8;border-radius:8px;width:100%;align-items:center;height:36px}.chooseLetterUnselectContainer{display:flex;width:24px;height:24px;border:2px solid #90E0EF;border-radius:6px;margin:4px;align-items:center;justify-content:center}.chooseLetterUnselect{font-weight:700;color:#0b0c44}.chooseLetterContainer{display:flex;width:24px;height:24px;border:2px solid #FFFFFF;border-radius:6px;margin:4px;align-items:center;justify-content:center}.chooseLetter{font-weight:700;color:#fff}.additionalText{color:#fff;margin:4px}.additionalTextUnselect{color:#0b0c44;margin:4px}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#333;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.resultSubtitle{color:#03045e;font-size:14px;padding-left:16px;padding-right:16px}.resultText{color:#03045e;font-weight:700;font-size:16px;padding-left:16px;padding-right:16px}.finishButton{width:100%;max-width:400px;font-size:20px;color:#fff;background-color:#03045e;border-radius:8px;font-weight:700;padding-top:16px;padding-bottom:16px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal{background-color:#caf0f8;border-radius:8px;margin:32px;box-shadow:0 2px 6px #0003}.modal-close{background:#03045e;border:none;border-radius:8px;cursor:pointer;font-size:14px;color:#fff;align-self:center;padding-top:8px;padding-bottom:8px;width:100%;max-width:400px;margin-top:8px}.modal-content{padding:16px;display:flex;flex-direction:column}.mainTitleModal{color:#03045e;font-weight:700;font-size:16px;text-align:center;margin:0dp}.explainModal{font-size:14px;padding-left:16px;padding-right:16px;margin:0}.data-table{width:100%;border-collapse:collapse;border-spacing:0}.data-table th,.data-table td{padding:8px;border:1px solid #ddd;text-align:left}.data-table th,.data-table tr:hover{background-color:#f2f2f2}.pagination{display:flex;justify-content:center;list-style:none}.pagination li{margin:0 5px;cursor:pointer}.pagination .active{font-weight:700}.table-container{position:relative;margin-bottom:20px}.export-button{position:absolute;top:10px;right:10px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.mainContainer{padding:20px}.mainHelp{margin-right:0}.formContainer{margin:16px;width:(100% - 32px)}}