.pop-up-select-class[data-v-6c2f5414]{padding:30px;max-width:500px;width:100%}.close[data-v-6c2f5414]{position:absolute;top:20px;right:20px;width:20px;height:20px;cursor:pointer}.title[data-v-6c2f5414]{font-size:24px;font-weight:700;margin-bottom:10px;color:#333}.paragraph[data-v-6c2f5414]{color:#666;margin-bottom:25px;line-height:1.5}.classes-list[data-v-6c2f5414]{max-height:400px;overflow-y:auto}.class-item[data-v-6c2f5414]{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .3s ease}.class-item[data-v-6c2f5414]:hover{background-color:#f5f5f5;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.class-info[data-v-6c2f5414]{flex:1}.class-name[data-v-6c2f5414]{font-size:18px;font-weight:600;margin:0 0 5px 0;color:#333}.class-details[data-v-6c2f5414]{font-size:14px;color:#666;margin:2px 0}.arrow-icon[data-v-6c2f5414]{width:20px;height:20px;opacity:.6;transition:opacity .3s ease}.class-item:hover .arrow-icon[data-v-6c2f5414]{opacity:1}.no-classes[data-v-6c2f5414]{text-align:center;padding:30px 0}.no-classes p[data-v-6c2f5414]{color:#666;margin-bottom:20px}.submit[data-v-6c2f5414]{display:inline-block;padding:12px 24px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background-color .3s ease}.submit[data-v-6c2f5414]:hover{background-color:#0056b3}.submit.dark[data-v-6c2f5414]{background-color:#333}.submit.dark[data-v-6c2f5414]:hover{background-color:#555}