body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#333;font-family:Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.6}.App{margin:0 auto;max-width:1000px;padding:20px}.progress-container{margin-bottom:25px}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden}.progress{background-color:#4c6ef5;border-radius:4px;height:100%;transition:width .3s ease}.page-indicator{color:#6c757d;font-size:14px;text-align:right}.survey-container{animation:fadeIn .5s;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:30px;padding:30px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-container{width:100%}.contact-form{margin:0 auto;max-width:500px}.contact-form .form-group input{max-width:400px}.registration-form-container{align-items:center;display:flex;flex-direction:column;margin:30px 0}.registration-form-container h4{margin-bottom:20px;text-align:center}.registration-form-box{background-color:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:700px;padding:30px;width:100%}.registration-success-box{background-color:#fff;border:2px solid #20c997;padding:30px;width:100%}.registration-form-box .form-group{margin-bottom:20px}.registration-form-box label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.registration-form-box input{border:1px solid #ced4da;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s,box-shadow .3s;width:100%}.registration-form-box input:focus{border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef526;outline:none}.form-section{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.form-section:last-child{border-bottom:none}.form-section h5{border-left:4px solid #4c6ef5;color:#495057;font-size:16px;font-weight:600;margin-bottom:15px;padding-left:12px}.consent-section h5{border-left:4px solid #20c997}.submit-section{margin-top:20px;padding-top:20px;text-align:center}.submit-section .register-btn{font-size:16px;font-weight:600;max-width:300px;padding:14px 20px;width:100%}h1{color:#343a40;font-size:28px;margin-bottom:20px;text-align:center}h2{font-size:22px}h2,h3{color:#495057;margin-bottom:15px}h3{font-size:20px}p{color:#495057}.form-group,p{margin-bottom:20px}label{color:#495057;display:block;font-weight:600;margin-bottom:5px}input[type=email],input[type=tel],input[type=text]{border:1px solid #ced4da;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}input[type=email]:focus,input[type=tel]:focus,input[type=text]:focus{border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef540;outline:none}.input-error{border-color:#fa5252!important}.input-error:focus{box-shadow:0 0 0 3px #fa525240!important}.error-message{margin-bottom:0;margin-top:5px}.helper-text{font-size:14px;margin-bottom:0}.btn{background-color:#4c6ef5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.btn:hover{background-color:#3b5bdb}.btn-disabled,.btn:disabled{background-color:#adb5bd!important;cursor:not-allowed;opacity:.7}.prev-btn{background-color:#868e96}.prev-btn:hover{background-color:#495057}.restart-btn{background-color:#15aabf;display:block;margin:30px auto 0}.restart-btn:hover{background-color:#1098ad}.button-group{display:flex;justify-content:space-between;margin-top:30px}.survey-table{border-collapse:collapse;margin-bottom:20px;width:100%}.survey-table td,.survey-table th{border:1px solid #dee2e6;padding:15px;text-align:center}.survey-table th{background-color:#f8f9fa;color:#495057;font-size:14px;font-weight:600}.survey-table td:first-child{text-align:left}.survey-table input[type=radio]{cursor:pointer;height:18px;width:18px}.results-container{text-align:center}.score-container{display:flex;justify-content:space-around;margin:30px 0}.score-box{background-color:#f8f9fa;border-radius:8px;padding:20px;width:45%}.score{color:#4c6ef5;font-size:48px;font-weight:700;margin:10px 0}.severity{color:#495057;font-size:18px;font-weight:700}.contact-container,.normal-container{background-color:#f8f9fa;border-radius:8px;margin:30px auto;max-width:80%;padding:20px}.contact-container{border-left:5px solid #fa5252}.normal-container{border-left:5px solid #40c057}.contact-person{color:#495057;font-size:18px;font-weight:700;margin:15px 0 5px}.contact-number{color:#fa5252;font-size:24px;font-weight:700;margin:5px 0 15px}.expert-advice{background-color:#f8f9fa;border-left:5px solid #4c6ef5;border-radius:8px;margin:30px auto;max-width:90%;padding:20px}.trial-btn{background-color:#4c6ef5;margin-top:15px}.save-btn{background-color:#40c057;margin-top:20px}.save-btn:hover{background-color:#2b9348}.consent-group{margin:20px 0}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400}.checkbox-label input[type=checkbox]{height:18px;margin-right:10px;margin-top:4px;width:18px}.privacy-notice{background-color:#e9ecef;border-radius:5px;margin-top:20px;padding:15px}.privacy-notice h4{color:#495057;font-size:16px;margin-bottom:10px}.privacy-notice p{color:#6c757d;font-size:14px;margin-bottom:0}.registration-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:30px;padding:20px}.consent-section{margin:20px 0}.consent-item{border-bottom:1px solid #e9ecef;margin-bottom:15px;padding-bottom:15px}.consent-item:last-child{border-bottom:none}.consent-item label{align-items:center;cursor:pointer;display:inline-flex;margin-left:10px}.consent-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.consent-details{background-color:#e9ecef;border-radius:4px;font-size:14px;margin-left:28px;margin-top:10px;padding:10px}.consent-details p{color:#495057;margin-bottom:5px}.consent-details ul{margin:0;padding-left:20px}.consent-details li{color:#495057;font-size:14px;margin-bottom:5px}.register-btn{margin-top:10px}.register-btn.active{background-color:#20c997}.register-btn.active:hover{background-color:#12b886}.register-btn.disabled{background-color:#adb5bd}.error-message{border-left:3px solid #fa5252;font-size:14px;margin:10px 0;padding:10px}.registration-success{background-color:#ebfbee;border:1px solid #8ce99a;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.registration-success h3{color:#2b8a3e;margin-bottom:10px}.registration-success p{color:#2b8a3e}.intro-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:40px 20px;text-align:center}.intro-content{color:#495057;font-size:18px;line-height:1.6;margin:30px 0}.start-btn{background-color:#4c6ef5;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:12px 30px;transition:background-color .3s}.start-btn:hover{background-color:#364fc7}@media (max-width:768px){.survey-container{padding:20px}.score-container{align-items:center;flex-direction:column}.score-box{margin-bottom:20px;width:100%}.survey-table td,.survey-table th{font-size:14px;padding:10px 5px}.survey-table th{font-size:12px}}.group-filter-dropdown{font-size:14px;margin-right:15px;min-width:150px}.group-filter-dropdown:focus{box-shadow:0 0 0 3px #4c6ef540}.group-depression{background-color:#ffebee!important}.group-stress{background-color:#fff3e0!important}.group-normal{background-color:#e8f5e8!important}.group-unknown{background-color:#f5f5f5!important}@media (max-width:768px){.group-filter-dropdown{font-size:13px;margin-bottom:10px;margin-right:10px;min-width:120px}}.home-container{margin:0 auto;max-width:1000px;padding:60px 20px;text-align:center}.home-header h1{color:#343a40;font-size:28px;font-weight:700;line-height:1.4;margin-bottom:10px;margin-top:0}.home-content{align-items:center;border-radius:15px;display:flex;flex-direction:column;justify-content:center;margin:40px 0;min-height:400px;padding:60px 40px}.description{margin-bottom:40px;max-width:820px;width:100%}.description-box{background-color:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin:20px 0;padding:40px;width:100%}.description-text{color:#333;font-size:16px;font-weight:400;line-height:1.8;margin-bottom:15px;text-align:left}.description-text:last-child{margin-bottom:0}.highlight-teal{color:#20c997;font-weight:600}.highlight-pink{color:#e83e8c;font-weight:600}.description p{color:#6c757d;font-size:14px;margin:5px 0}.simple-description{color:#74c0fc!important;font-weight:500}.action-buttons{flex-wrap:wrap;gap:40px;max-width:820px;width:100%}.action-buttons,.action-card{display:flex;justify-content:center}.action-card{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex:1 1;max-width:246px;min-height:120px;min-width:220px;padding:40px 30px;transition:all .3s ease}.action-card:focus,.action-card:hover{background-color:#4c6ef5;border-color:#4c6ef5;box-shadow:0 8px 25px #4c6ef54d;outline:none;transform:translateY(-3px)}.action-card:focus .card-subtitle,.action-card:hover .card-subtitle{color:#ffffffe6}.action-card:focus .card-title,.action-card:hover .card-title{color:#fff}.card-content{text-align:center}.card-subtitle{color:#6c757d;font-size:14px;font-weight:400;margin:0 0 8px;transition:color .3s ease}.card-title{color:#495057;font-size:24px;font-weight:700;line-height:1.2;margin:0;transition:color .3s ease}.card-content h3{color:#495057;font-size:18px;font-weight:600;line-height:1.3;margin:0}.home-footer-note{margin-top:56px;max-width:820px;text-align:center;width:100%}.home-footer-note p{color:#111;font-size:16px;font-weight:500;line-height:1.6;margin:0 0 8px}.home-footer-note p:last-child{margin-bottom:0}@media (max-width:768px){.home-container{padding:30px 15px}.home-header h1{font-size:22px}.home-content{margin:20px 0;padding:40px 20px}.description-box{border-radius:15px;margin:15px 0;padding:25px}.description-text{font-size:14px;line-height:1.6;margin-bottom:12px}.action-buttons{flex-direction:column;gap:20px}.action-card{max-width:none;min-width:200px;padding:30px 20px;width:100%}.card-title{font-size:20px}.card-subtitle{font-size:13px}.home-footer-note p{font-size:14px}.home-footer-note{margin-top:40px}}.consent-container{background-color:initial;line-height:1.8;margin:0 auto;max-width:900px;padding:30px}.consent-header{margin-bottom:40px;text-align:center}.consent-header h1{color:#495057;font-size:20px;font-weight:600;margin-bottom:15px}.consent-header h2{color:#343a40;font-size:26px;font-weight:700;margin-bottom:0}.consent-content{max-height:70vh;overflow-y:auto;padding-right:10px}.consent-text{margin-bottom:40px;text-align:left}.consent-text p{color:#495057;font-size:16px;margin-bottom:20px;text-align:justify}.test-details{background-color:#f8f9fa;border-left:4px solid #4c6ef5;border-radius:8px;margin:30px 0;padding:20px}.test-details h3{color:#343a40;font-size:18px;font-weight:600;margin-bottom:15px}.test-details ul{margin:15px 0;padding-left:20px}.test-details li{color:#495057;font-size:15px;margin-bottom:8px}.additional-info{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:30px 0;padding:20px}.additional-info h3{color:#856404;font-size:16px;font-weight:600;margin:0}.footer-info{background-color:#e7f3ff;border-left:4px solid #007bff;border-radius:8px;margin:30px 0;padding:20px}.footer-info p{color:#004085;font-size:15px;font-weight:500;margin:0}.consent-question{border-top:2px solid #e9ecef;margin-top:40px;padding-top:30px;text-align:center}.consent-question h3{color:#343a40;font-size:20px;font-weight:600;margin-bottom:30px}.consent-buttons{gap:20px}.consent-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:15px 30px;transition:all .3s ease}.yes-btn{background-color:#4c6ef5}.yes-btn:hover{background-color:#3b5bdb;box-shadow:0 4px 12px #4c6ef54d;transform:translateY(-2px)}.no-btn{background-color:#868e96}.no-btn:hover{background-color:#495057;box-shadow:0 4px 12px #868e964d;transform:translateY(-2px)}.consent-content::-webkit-scrollbar{width:8px}.consent-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.consent-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.consent-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.consent-container{margin:10px;padding:20px}.consent-header h1{font-size:18px}.consent-header h2{font-size:22px}.consent-content{max-height:60vh}.consent-text p{font-size:15px}.test-details{padding:15px}.consent-buttons{align-items:center;flex-direction:column}.consent-btn{max-width:300px;width:100%}}.score-interpretation{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:40px 0;padding:30px}.score-interpretation h2{border-bottom:2px solid #4c6ef5;color:#343a40;font-size:22px;margin-bottom:20px;margin-top:30px;padding-bottom:10px}.score-interpretation h2:first-of-type{margin-top:0}.interpretation-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow:hidden;width:100%}.interpretation-table th{background-color:#4c6ef5;color:#fff;font-size:16px;font-weight:600;padding:15px 12px;text-align:center}.interpretation-table td{border-bottom:1px solid #e9ecef;line-height:1.6;padding:15px 12px;text-align:left;vertical-align:top}.interpretation-table td:first-child{background-color:#f8f9fa;font-weight:600;text-align:center;width:80px}.interpretation-table td:nth-child(2){font-weight:600;text-align:center;width:120px}.interpretation-table tbody tr:hover{background-color:#f8f9ff}.interpretation-table tbody tr:last-child td{border-bottom:none}.test-info{background-color:#e7f3ff;border-left:4px solid #007bff;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.test-info p{color:#004085;font-size:18px;font-weight:600;margin:0}.experiment-eligible{color:#007bff;font-size:22px;font-weight:700}@media (max-width:768px){.score-interpretation{margin:20px 0;padding:20px}.interpretation-table{font-size:14px}.interpretation-table td,.interpretation-table th{padding:10px 8px}.interpretation-table td:first-child{width:60px}.interpretation-table td:nth-child(2){width:100px}.test-info p{font-size:16px}}.data-collection-info{margin:30px 0;text-align:center}.data-collection-btn{align-items:center;background-color:#28a745;border-radius:12px;color:#fff;display:inline-flex;font-size:24px;font-weight:700;justify-content:center;max-width:500px;min-height:80px;padding:25px 40px;transition:all .3s ease;width:100%;word-break:keep-all}.data-collection-btn:hover{background-color:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.data-collection-guide{background-color:initial;line-height:1.8;margin:0 auto;max-width:900px;padding:30px}.guide-header{margin-bottom:40px;text-align:center}.guide-header h1{color:#343a40;font-size:28px;font-weight:700;margin-bottom:20px}.guide-content{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:40px;text-align:left}.guide-intro{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.guide-intro p{color:#495057;font-size:16px;line-height:1.8;margin:0}.guide-section{margin-bottom:35px}.guide-section h2{border-bottom:2px solid #4c6ef5;color:#343a40;font-size:18px;font-weight:700;margin-bottom:15px;padding:10px 0}.guide-section ol,.guide-section ul{margin:15px 0;padding-left:25px}.guide-section li{margin-bottom:8px}.guide-section li,.guide-section p{color:#495057;font-size:15px;line-height:1.7}.guide-section p{margin:0}.guide-section a{color:#4c6ef5;text-decoration:none}.guide-section a:hover{text-decoration:underline}.guide-actions{display:flex;gap:20px;justify-content:center;margin-top:20px;text-align:center}.back-btn{background-color:#6c757d;border-radius:6px;color:#fff;font-size:16px;padding:12px 24px}.back-btn:hover{background-color:#5a6268}.yes-btn{background-color:#28a745;border-color:#28a745;color:#fff;font-weight:600;margin:0;padding:12px 24px}.yes-btn:hover{background-color:#218838;border-color:#1e7e34}.no-btn{background-color:#6c757d;border-color:#6c757d;color:#fff;font-weight:600;margin:0;padding:12px 24px}.no-btn:hover{background-color:#5a6268;border-color:#545b62}@media (max-width:768px){.guide-actions{align-items:center;flex-direction:column;gap:15px}.no-btn,.yes-btn{max-width:200px;width:100%}.data-collection-btn{font-size:18px;max-width:100%;min-height:60px;padding:18px 30px;width:100%}.data-collection-guide{margin:5px;padding:15px}.guide-header h1{font-size:24px}.guide-content{padding:20px 15px}.guide-intro p{font-size:15px}.guide-section h2{font-size:16px}.guide-section li,.guide-section p{font-size:14px}.registration-form-container{margin:20px 0}.registration-form-box,.registration-success-box{margin:0 10px;max-width:none;padding:20px}.registration-form-box input{font-size:16px}.form-section{margin-bottom:20px;padding-bottom:15px}.form-section h5{font-size:14px}.submit-section .register-btn{font-size:14px;padding:12px 16px}}.multi-step-registration{margin:0 auto;max-width:800px}.step-indicator{display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px}.step{background-color:#f8f9fa;border-radius:5px;color:#6c757d;flex:1 1;font-weight:700;margin:0 5px;padding:10px;text-align:center;transition:all .3s ease}.step.active{background-color:#007bff;color:#fff}.registration-step{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:30px}.registration-step h5{border-bottom:2px solid #e0e0e0;color:#2c3e50;font-size:20px;margin-bottom:20px;padding-bottom:10px}.consent-document{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.consent-document h6{color:#2c3e50;font-size:18px;margin-bottom:15px}.consent-content{line-height:1.6;margin-bottom:20px}.consent-details-box{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:15px}.consent-details-box h6{color:#007bff;font-size:16px;margin-bottom:10px}.consent-details-box label{cursor:pointer;display:block;margin-bottom:10px}.consent-details-box input[type=checkbox]{margin-right:8px;width:auto}.document-upload-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.document-upload-section h6{color:#2c3e50;font-size:18px;margin-bottom:15px}.document-upload-section ol{margin-bottom:20px;padding-left:20px}.document-upload-section ol li{line-height:1.6;margin-bottom:8px}.file-upload-group{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:20px}.file-upload-group h6{color:#007bff;font-size:16px;margin-bottom:15px}.file-upload-item{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px}.file-upload-item:last-child{border-bottom:none}.file-upload-item label{color:#2c3e50;display:block;font-weight:700;margin-bottom:8px}.file-upload-item input[type=file]{background-color:#f8f9fa;border:2px dashed #ddd;border-radius:5px;cursor:pointer;padding:10px;width:100%}.file-upload-item input[type=file]:hover{background-color:#e3f2fd;border-color:#007bff}.file-info{color:#28a745;font-size:14px;font-weight:700;margin-top:5px}.file-upload-note{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.file-upload-note p{color:#6c757d;font-style:italic}.step-actions{display:flex;gap:15px;justify-content:space-between;margin-top:30px}.step-actions .btn{flex:1 1;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.registration-success-box .step-actions{justify-content:center}.registration-success-box .step-actions .btn{flex:none;max-width:none}.next-btn{background-color:#007bff;color:#fff}.next-btn:hover{background-color:#0056b3}.register-btn.active{background-color:#28a745;color:#fff}.register-btn.active:hover{background-color:#218838}.register-btn.disabled{background-color:#6c757d;color:#fff;cursor:not-allowed}.registration-success-box{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#155724;margin:40px auto;max-width:500px;padding:40px;text-align:center}.registration-success-box h3{color:#155724;font-size:24px;font-weight:700;margin-bottom:20px}.registration-success-box p{color:#155724;font-size:16px;line-height:1.8;margin-bottom:15px}.readonly-input{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important}.registration-button-container{background-color:#f8f9ff;border:1px solid #e6ecff;border-radius:8px;padding:20px;text-align:center}.registration-button-container p{color:#495057;font-size:16px;line-height:1.6;margin-bottom:15px}.registration-button-container .register-btn{background-color:#4c6ef5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px 30px;transition:all .3s ease}.registration-button-container .register-btn:hover{background-color:#3b5bdb;box-shadow:0 4px 12px #4c6ef54d;transform:translateY(-2px)}.registration-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:0 auto;max-width:1200px;padding:30px;width:95%}.registration-form .form-group{margin-bottom:25px;max-width:800px}.registration-form label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.registration-form .form-input{background-color:#fff;border:1px solid #ced4da;border-radius:6px;font-size:16px;max-width:800px;min-height:55px;padding:18px 25px;transition:border-color .3s,box-shadow .3s;width:100%}.registration-form .form-input:focus{border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef526;outline:none}.registration-form .form-input::placeholder{color:#6c757d;font-style:italic}.registration-form .checkbox-group{background-color:initial;border:0;display:flex;flex-direction:column;gap:12px;max-width:800px;padding:0}.registration-form label.checkbox-option{grid-column-gap:16px;align-items:center;background-color:#fff;border:1px solid #d9dee3;border-radius:10px;column-gap:16px;cursor:pointer;display:grid;font-size:15px;font-weight:500;grid-template-columns:18px minmax(0,1fr);margin-bottom:0;padding:16px 18px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.registration-form label.checkbox-option input{display:block;height:18px;margin:0;width:18px}.registration-form label.checkbox-option span{color:#495057;display:block;line-height:1.3;word-break:keep-all}.registration-form label.checkbox-option:hover{background-color:#fbfcff;border-color:#b8c4d3}.registration-form label.checkbox-option.selected{background-color:#f3f6ff;border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef51a}.personal-info-section h5{border-left:4px solid #4c6ef5;color:#495057;font-size:18px;font-weight:600;margin-bottom:25px;padding-left:15px}.consent-section{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px}.consent-checkbox{align-items:flex-start;display:flex;gap:12px;margin-bottom:15px}.consent-checkbox-input{flex-shrink:0;margin-top:2px;transform:scale(1.3)}.consent-checkbox-label{color:#495057;cursor:pointer;flex:1 1;font-weight:600;line-height:1.4}.privacy-notice-box{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:20px}.privacy-notice-box ul{list-style-type:disc;margin:0;padding-left:20px}.privacy-notice-box li{color:#495057;font-size:14px;line-height:1.5;margin-bottom:8px}.privacy-notice-box li:last-child{margin-bottom:0}.helper-text{color:#6c757d;display:block;font-size:12px;font-style:italic;margin-top:5px}@media (max-width:768px){.registration-form{border-left:none;border-radius:0;border-right:none;margin:0;max-width:100%;padding:25px;width:100%}.registration-form .form-input{font-size:16px;min-height:48px;padding:12px 16px}.personal-info-section h5{font-size:15px;margin-bottom:15px}.consent-checkbox{align-items:flex-start;gap:10px}.consent-checkbox-input{margin-top:3px;transform:scale(1.2)}.consent-checkbox-label{font-size:14px;line-height:1.5}.privacy-notice-box{margin-bottom:15px;padding:15px}.privacy-notice-box li{font-size:13px;margin-bottom:6px}.registration-button-container .register-btn{font-size:16px;min-height:56px;padding:16px 20px;width:100%}}@media (max-width:480px){.registration-form{padding:20px}.registration-form .form-input{min-height:50px;padding:14px}.personal-info-section h5{font-size:14px;padding-left:10px}.consent-checkbox-label{font-size:13px}.privacy-notice-box{padding:12px}.privacy-notice-box li{font-size:12px}.helper-text{font-size:11px}}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group.half-width{flex:1 1}.gender-options{display:flex;gap:20px;margin-top:8px}.signature-method-options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.radio-option{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:16px;font-weight:500;transition:color .3s ease}.radio-option:hover{color:#4c6ef5}.radio-option input[type=radio]{display:none}.radio-custom{background-color:#fff;border:2px solid #dee2e6;border-radius:50%;height:20px;margin-right:8px;position:relative;transition:all .3s ease;width:20px}.radio-option input[type=radio]:checked+.radio-custom{background-color:#4c6ef5;border-color:#4c6ef5}.radio-option input[type=radio]:checked+.radio-custom:after{background-color:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.date-input{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.date-input:focus{border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef51a;outline:none}.date-input::-webkit-calendar-picker-indicator{background-color:#4c6ef5;border-radius:4px;cursor:pointer;padding:2px}.download-section{margin:20px 0;text-align:center}.download-btn{align-items:center;background-color:#28a745;border-radius:8px;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.download-btn:hover{background-color:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}@media (max-width:768px){.form-row{flex-direction:column;gap:15px}.form-group.half-width{flex:none}.gender-options{justify-content:space-around;margin-top:12px}.download-btn{font-size:14px;padding:10px 20px}.consent-buttons{flex-direction:column;gap:10px}.step-actions{flex-direction:column;gap:12px}.step-actions .btn{flex:none;font-size:15px;line-height:1.4;max-width:none;min-height:48px;padding:16px 20px;text-align:center;white-space:normal;width:100%;word-break:keep-all}}@media (max-width:480px){.step-actions .btn{font-size:14px;min-height:52px;padding:18px 15px}.data-collection-btn{border-radius:8px;font-size:16px;min-height:56px;padding:16px 20px}.data-collection-guide{margin:0;padding:10px}.guide-content{padding:15px 10px}.guide-header h1{font-size:20px}.guide-header h2{font-size:18px}}.consent-buttons{flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.consent-buttons,.view-btn{align-items:center;display:flex}.view-btn{background:linear-gradient(135deg,#20c997,#17a2b8);border:none;border-radius:8px;box-shadow:0 2px 8px #20c9974d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.view-btn:hover{background:linear-gradient(135deg,#1fa183,#138496);box-shadow:0 4px 12px #20c99766;transform:translateY(-2px)}.direct-submission-info{background-color:#f8f9ff;border:1px solid #e6ecff;border-radius:8px;margin-top:15px;padding:15px}.inline-pdf-viewer{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;overflow:hidden}.pdf-viewer-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:12px 16px}.pdf-viewer-header h6{color:#495057;font-size:16px;font-weight:600;margin:0}.pdf-iframe-container{background:#f8f9fa;padding:16px}.pdf-iframe-container iframe{box-shadow:0 2px 8px #0000001a;display:block;margin:0 auto}@media (max-width:768px){.pdf-iframe-container{padding:10px}.pdf-iframe-container iframe{height:400px!important}}.success-message{background-color:#d1edff;border:2px solid #0d6efd;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.success-message p{color:#0d6efd;font-weight:500;margin:8px 0}.success-message p:first-child{font-size:18px;font-weight:600}.success-notification{background-color:#d1edff;border:2px solid #0d6efd;border-radius:8px;box-shadow:0 4px 12px #0d6efd1a;margin:0 auto 30px;max-width:600px;padding:15px 20px;text-align:center}.success-text{color:#0d6efd;font-size:16px;font-weight:600;margin:0}.register-btn.registering{background-color:#6c757d!important;cursor:not-allowed;opacity:.7}.register-btn.success{background-color:#198754!important;border-color:#198754!important}.register-btn:disabled{cursor:not-allowed;opacity:.6}.register-btn.registering:after{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:16px;margin-left:10px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.success-notification{margin:0 10px 20px;padding:12px 15px}.success-text{font-size:14px}.success-message{margin:15px 0;padding:15px}.success-message p:first-child{font-size:16px}}.admin-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;max-width:100%;padding:20px}.admin-container h1{color:#343a40;margin-bottom:30px;text-align:center}.summary-header{margin-bottom:20px}.summary-controls{align-items:center;display:flex;gap:15px}.edit-goals-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.edit-goals-btn:hover{background-color:#5a6268}.goals-modal{max-width:500px}.goals-edit-content{display:flex;flex-direction:column;gap:20px}.goal-item{align-items:center;display:flex;gap:10px}.goal-item label{color:#495057;flex:1 1;font-weight:500}.goal-item input{border:1px solid #ced4da;border-radius:4px;padding:8px 12px;text-align:center;width:80px}.goal-item span{color:#6c757d;font-size:14px}.total-goal{background-color:#f8f9fa;border-radius:4px;color:#495057;padding:15px;text-align:center}.modal-save-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.modal-save-btn:hover{background-color:#218838}.no-participants-message{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:16px;padding:40px 20px;text-align:center}.summary-item.total-goal{background-color:#e3f2fd;border:2px solid #2196f3}.summary-item.total-goal .summary-label{color:#1976d2;font-weight:600}.summary-item.total-goal .summary-value{color:#1565c0;font-weight:700}.admin-controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}.refresh-btn{background-color:#4c6ef5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.refresh-btn:hover{background-color:#3b5bdb}.download-btn{background-color:#40c057;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.download-btn:hover{background-color:#2f9e44}.confirmation-cell{padding:8px!important;text-align:center;vertical-align:middle;width:50px}.confirmation-radio{accent-color:#4c6ef5;cursor:pointer;margin:0;transform:scale(1.5)}.confirmation-radio:focus{outline:2px solid #4c6ef5;outline-offset:2px}.confirmation-radio:hover{transform:scale(1.7);transition:transform .2s ease}.logout-btn{background-color:#fa5252;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.logout-btn:hover{background-color:#e03131}.table-container{border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.admin-table,.table-container{background:#fff;margin-bottom:20px;width:100%}.admin-table{border-collapse:collapse;font-size:14px;min-width:1300px}.admin-table td,.admin-table th{border:1px solid #dee2e6;padding:12px 15px;text-align:center}.admin-table th{background-color:#f8f9fa;color:#495057;cursor:pointer;font-weight:600;position:relative;-webkit-user-select:none;user-select:none}.admin-table th:hover{background-color:#e9ecef}.admin-table tbody tr:nth-child(2n){background-color:#f8f9fa}.admin-table tbody tr:hover{background-color:#e9ecef}.highlight{color:#fa5252;font-weight:700}.no-data{color:#868e96;padding:30px;text-align:center}.admin-footer{color:#495057;font-size:14px;margin-top:20px;text-align:right}.loading{color:#495057;font-size:16px;padding:30px;text-align:center}.error-message{background-color:#fff5f5;border-radius:4px;color:#fa5252;margin-bottom:20px;padding:15px;text-align:center}.auth-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 3px 10px #0000001a;margin:40px auto;max-width:400px;padding:30px}.auth-container h2{color:#343a40;margin-bottom:20px;text-align:center}.pin-form .form-group{margin-bottom:20px}.pin-form label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.pin-form input{border:1px solid #ced4da;border-radius:4px;font-size:16px;letter-spacing:2px;padding:12px;text-align:center;width:100%}.pin-form input:focus{border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef533;outline:none}.pin-submit-btn{background-color:#4c6ef5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background-color .3s;width:100%}.pin-submit-btn:hover{background-color:#3b5bdb}@media (max-width:768px){.admin-container{padding:15px}.admin-table td,.admin-table th{font-size:12px;padding:8px}}.file-view-btn{background-color:#495057;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease;white-space:nowrap}.file-view-btn:hover{background-color:#343a40}.details-view-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease;white-space:nowrap}.details-view-btn:hover{background-color:#218838}.file-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.file-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.file-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.file-modal-header h3{color:#343a40;font-size:18px;margin:0}.modal-close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:18px;padding:5px;transition:background-color .3s}.modal-close-btn:hover{background-color:#e9ecef;color:#495057}.file-modal-content{flex:1 1;overflow-y:auto;padding:20px}.file-list{display:flex;flex-direction:column;gap:15px}.file-item{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:15px;transition:background-color .3s}.file-item:hover{background-color:#e9ecef}.file-info{align-items:center;display:flex;flex:1 1;gap:12px}.file-icon{font-size:24px;text-align:center;width:32px}.file-details{flex:1 1}.file-name{color:#343a40;font-weight:600;margin-bottom:4px;word-break:break-word}.file-meta{color:#6c757d;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.file-type{background-color:#e9ecef;border-radius:3px;font-weight:500;padding:2px 6px}.file-size{color:#495057}.file-date{color:#6c757d}.file-download-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:background-color .2s ease;white-space:nowrap}.file-download-btn:hover{background-color:#218838}.file-modal-footer{align-items:center;background-color:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-close-btn.secondary{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.modal-close-btn.secondary:hover{background-color:#5a6268}.details-modal{max-height:90vh;max-width:600px;overflow-y:auto}.details-content{padding:20px}.detail-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#495057;font-weight:500;min-width:120px;text-align:left}.detail-value{color:#212529;text-align:right;word-break:break-word}.highlight-score{color:#dc3545;font-weight:700}.consent-yes{color:#28a745;font-weight:600}.consent-no{color:#dc3545;font-weight:600}.confirmation-approved{color:#28a745;font-weight:600}.confirmation-rejected{color:#dc3545;font-weight:600}.confirmation-pending{color:#ffc107;font-weight:600}.confirmation-filter-dropdown{background-color:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;margin-right:10px;padding:8px 12px}.confirmation-filter-dropdown:focus{border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef533;outline:none}.group-filter-dropdown{background-color:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;margin-right:10px;padding:8px 12px}.group-filter-dropdown:focus{border-color:#4c6ef5;box-shadow:0 0 0 3px #4c6ef533;outline:none}.sort-indicator{color:#4a5568;display:inline-block;font-size:12px;margin-left:5px;min-width:16px;text-align:center}.sort-indicator.muted{color:#a0aec0}.group-depression{color:#dc3545;font-weight:600}.group-stress{color:#fd7e14;font-weight:600}.group-normal{color:#28a745;font-weight:600}.group-unknown{color:#6c757d;font-style:italic}@media (max-width:1400px){.admin-container{margin:0;max-width:100%;padding:15px}.admin-table{min-width:1200px}}@media (max-width:1200px){.admin-table{min-width:1000px}.upload-status{font-size:10px}.status-item{padding:1px 3px}}@media (max-width:768px){.admin-container{padding:10px}.admin-table{min-width:800px}.file-modal{max-height:90vh;width:95%}.upload-status{font-size:9px}.file-view-btn{font-size:11px;padding:4px 8px}}.upload-status{display:flex;flex-direction:column;font-size:11px;gap:2px;min-width:100px}.status-item{border-radius:3px;font-weight:500;padding:2px 4px;text-align:center}.status-item.uploaded{background-color:#e8f5e8;border:1px solid #90ee90;color:#2d7d2d}.status-item.pending{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.status-item.direct{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.no-files{color:#6c757d;font-size:12px;font-style:italic}.loading-container{color:#495057;padding:40px;text-align:center}.loading-container p{margin:10px 0}.loading-detail{color:#6c757d;font-size:14px;font-style:italic}.download-all-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:10px;padding:10px 20px;transition:background-color .2s ease}.download-all-btn:hover{background-color:#0056b3}.summary-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:20px}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.summary-container h3{color:#343a40;font-size:18px;margin:0}.recruitment-status-display{align-items:center;display:flex}.status-badge{border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.recruiting{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.closed{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.summary-item{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 4px #0000000d;padding:15px}.summary-label{color:#6c757d;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.summary-value{display:block;font-size:22px;font-weight:700}.summary-item.total .summary-value{color:#495057}.summary-item:nth-child(2) .summary-value{color:#dc3545}.summary-item:nth-child(3) .summary-value{color:#fd7e14}.summary-item:nth-child(4) .summary-value{color:#28a745}.recruitment-controls{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:20px}.recruitment-toggle-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:12px 24px;transition:all .3s ease}.recruitment-toggle-btn.start{background-color:#28a745;color:#fff}.recruitment-toggle-btn.start:hover{background-color:#218838;transform:translateY(-1px)}.recruitment-toggle-btn.stop{background-color:#dc3545;color:#fff}.recruitment-toggle-btn.stop:hover{background-color:#c82333;transform:translateY(-1px)}.last-updated{color:#6c757d;font-size:12px;font-style:italic}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#4c6ef5}input:checked+.slider:before{transform:translateX(26px)}.registration-step-1{color:#17a2b8;font-weight:600}.registration-step-2{color:#ffc107;font-weight:600}.registration-step-3{color:#28a745;font-weight:600}.registration-step-4{color:#dc3545;font-weight:600}.registration-step-0,.registration-step-null{color:#6c757d;font-weight:600}.registration-step-rejected{color:#dc3545;font-style:italic;font-weight:600}
/*# sourceMappingURL=main.a384f466.css.map*/