.animated-button.button-pressed .arrow-icon{transform:rotate(180deg);transition:transform .3s ease-in-out}.animated-button.button-pressed{background-color:#e6e8f8!important}.progress-bars{width:100%;margin:auto}.progress{height:15px;position:relative}.progress-bar-background{height:100%;position:absolute;left:0;right:0;background-color:#fff;border:1px solid #ccc;border-radius:5px}.progress-bar-fill{height:100%;background-color:#4caf50}.progress-bar-fill.negative{background-color:#f44336}.mbti-result-item{background-color:#f8f8f8;border-radius:8px;padding:12px;transition:all .3s ease;cursor:pointer}.mbti-result-item:hover{background-color:#e8e8e8}.result-title{color:#27272e;font-weight:600;font-size:1em}.result-subtitle{color:#8e8e93;font-size:.85em;margin-top:8px}.result-subtitle.incomplete{color:#ff6b6b;font-style:italic}.expanded-content{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.mdi{font-size:1.2em;color:#8e8e93}.expanded{box-shadow:0 2px 4px rgba(0,0,0,.1)}.view-results-btn{font-size:.85em;padding:.25rem .5rem}.student-description{padding:20px}.subtitle{font-size:14px;color:#8e8e93;margin-bottom:24px}.generate-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;border:none!important;border-radius:8px!important;background:linear-gradient(90deg,#8257ff,#cf5fff)!important;color:#fff!important;font-size:16px!important;font-weight:600!important;margin-top:20px}.generate-btn:disabled{opacity:.7!important;cursor:not-allowed}.button-icon{margin-right:8px;width:20px;height:20px}.generate-btn:active,.generate-btn:focus,.generate-btn:hover{background:linear-gradient(90deg,#7247ef,#bf4fef)!important;box-shadow:none!important}.passport-modal{background-color:#fff}.passport-header{text-align:center;padding:20px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;margin-bottom:20px}.passport-student-name{font-size:20px;font-weight:600;color:#212529;margin-bottom:8px}.passport-student-class{font-size:14px;color:#6c757d}.passport-status-indicator{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;margin-top:8px}.passport-status-indicator.complete{background-color:#e8f5e9;color:#1b5e20}.passport-status-indicator.none{background-color:#fff3e0;color:#e65100}.passport-content{padding:0 20px}.passport-section{margin-bottom:24px}.passport-section-header{font-size:16px;font-weight:600;color:#212529;padding-bottom:12px;border-bottom:2px solid #e9ecef;margin-bottom:16px}.passport-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.passport-info-item{background-color:#f8f9fa;padding:10px 12px;border-radius:4px;font-size:13px;color:#495057;border:1px solid #e9ecef}.passport-loading{text-align:center;padding:40px}.passport-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:passport-spin 1s linear infinite;margin:0 auto 16px}@keyframes passport-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.parent-agreement-radio-group .custom-control{margin-bottom:1rem!important}.parent-agreement-radio-group .custom-control:last-child{margin-bottom:.5rem!important}