.registration-container{width:100%;display:flex;flex-direction:column;gap:24px;padding:16px}.registration-container .advisor-info-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid #e5e7eb}.registration-container .advisor-row,.registration-container .hours-row{display:flex;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:16px}.registration-container .hours-row{border-top:1px solid #e5e7eb;padding-top:16px}.registration-container .advisor-column h3,.registration-container .hours-column h3{font-size:16px;font-weight:500;color:#6b7280}.registration-container .advisor-column h3 span,.registration-container .hours-column h3 span{font-weight:600;color:#1e293b}.registration-container .courses-selection-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.registration-container .section-title{grid-column:1/span 2;margin-top:2rem;text-align:center}.registration-container .semester-footer{grid-column:1/span 2}.registration-container .courses-column{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid #e5e7eb}.registration-container .courses-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:6px;text-align:center}.registration-container .courses-subtitle{font-size:14px;color:#6b7280;margin-bottom:24px;text-align:center}.registration-container .courses-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:5px}.registration-container .courses-list::-webkit-scrollbar{width:6px}.registration-container .courses-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.registration-container .courses-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.registration-container .courses-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.registration-container .course-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#e8eaed;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.registration-container .course-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.05)}.registration-container .course-item.selected{background-color:#fff7ed;border:1px solid #fed7aa}.registration-container .course-info h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.registration-container .selected .course-info h3{color:#1e293b}.registration-container .course-details{display:flex;gap:12px}.registration-container .course-code{font-size:14px;color:#4b5563;background-color:#e5e7eb;padding:2px 8px;border-radius:4px}.registration-container .selected .course-info span.course-code{color:#4b5563;background-color:rgba(0,0,0,.07);padding:2px 8px;border-radius:4px;white-space:nowrap}.registration-container .course-hours{font-size:14px;color:#4b5563}.registration-container .selected .course-info span.course-hours{color:#4b5563}.registration-container .add-course-btn,.registration-container .remove-course-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:none}.registration-container .add-course-btn{background-color:#5d80b9;color:#fff}.registration-container .add-course-btn:hover{background-color:#2563eb}.registration-container .remove-course-btn{background-color:#ef4444;color:#fff}.registration-container .remove-course-btn:hover{background-color:#dc2626}.registration-container .add-course-btn svg,.registration-container .remove-course-btn svg{width:16px;height:16px}.registration-container .semester-footer{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid #e5e7eb;flex-wrap:wrap;gap:12px}.registration-container .semester-info{display:flex;gap:24px}.registration-container .semester-detail p{font-size:14px;color:#6b7280;margin:0}.registration-container .semester-detail p span{font-weight:600;color:#1e293b}.registration-container .register-button{background-color:#1e293b;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.registration-container .register-button:hover{background-color:#111827}.registration-container .register-button.disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width:991px){.registration-container .courses-selection-container{grid-template-columns:1fr}.registration-container .semester-footer{flex-direction:column;gap:16px}.registration-container .register-button{width:100%}}@media (max-width:640px){.registration-container .advisor-row,.registration-container .hours-row,.registration-container .semester-info{flex-direction:column;gap:12px}}.registration-container .registration-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;opacity:1;visibility:visible}.registration-container .dialog-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;transform:translateY(-20px);transition:transform .3s;overflow:hidden}.registration-container .registration-dialog .dialog-content{transform:translateY(0)}.registration-container .dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.registration-container .dialog-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.registration-container .close-dialog{background:none;border:none;cursor:pointer;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;color:#64748b}.registration-container .close-dialog svg{width:16px;height:16px}.registration-container .dialog-body{padding:20px;overflow-y:auto;max-height:400px}.registration-container .dialog-message{font-size:15px;color:#1e293b;margin-bottom:16px;text-align:center}.registration-container .selected-courses-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.registration-container .course-row{display:flex;justify-content:space-between;padding:10px 14px;background-color:#f8fafc;border-radius:6px;border-left:3px solid #3b82f6}.registration-container .course-info-dialog{flex:1 1}.registration-container .course-title{font-weight:500;font-size:15px;color:#1e293b;margin-bottom:4px}.registration-container .course-details-small{display:flex;gap:8px;font-size:13px;color:#64748b}.registration-container .hours-summary{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.registration-container .hours-summary p{text-align:right;font-size:15px;color:#1e293b}.registration-container .total-hours{font-weight:600;color:#3b82f6}.registration-container .dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb}.registration-container .cancel-btn{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px}.registration-container .cancel-btn,.registration-container .confirm-btn{padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.registration-container .confirm-btn{background-color:#1e293b;color:#fff;border:none;border-radius:6px}.registration-container .cancel-btn:hover{background-color:#e2e8f0}.registration-container .confirm-btn:hover{background-color:#0f172a}.registration-container .success-icon{display:flex;justify-content:center;margin:20px 0}.registration-container .success-icon svg{width:48px;height:48px;color:#22c55e}.registration-container .error-icon{display:flex;justify-content:center;margin-bottom:1rem}.registration-container .error-icon svg{width:48px;height:48px;color:#ef4444}#max-hours-error-dialog .dialog-content{max-width:400px}#max-hours-error-dialog .dialog-message{text-align:center;color:#374151;margin:1rem 0}#max-hours-error-dialog .max-hours{font-weight:600;color:#ef4444}#max-hours-error-dialog .dialog-footer{justify-content:center}#max-hours-error-dialog .confirm-btn{background-color:#ef4444}#max-hours-error-dialog .confirm-btn:hover{background-color:#dc2626}@media (max-width:640px){.registration-container .dialog-content{max-width:90%}}.registration-blocked-message{background-color:#fee2e2;border:1px solid #ef4444;border-radius:8px;padding:12px 16px;margin-top:12px}.registration-blocked-message p{color:#b91c1c;font-size:16px;font-weight:500;margin:0;text-align:center}.registration-settings-info{margin-top:20px;border-top:1px solid #e5e7eb;padding-top:16px}.registration-settings-info h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:12px}.settings-details{display:flex;gap:24px;flex-wrap:wrap}.settings-details p{font-size:14px;color:#6b7280;margin:0}.settings-details p span{font-weight:600;color:#1e293b;margin-left:4px}.registration-disabled{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid #e5e7eb;text-align:center;margin-top:16px}.registration-disabled h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:12px}.registration-disabled p{font-size:16px;color:#6b7280;max-width:500px;margin:0 auto}.registration-error-message{background-color:#fee2e2;color:#b91c1c;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;margin-right:16px}.view-toggle-container{display:flex;justify-content:center;margin-bottom:24px;gap:12px}.view-toggle-btn{background-color:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-toggle-btn.active{background-color:#1e293b;color:#fff;border-color:#1e293b}.view-toggle-btn:hover:not(.active){background-color:#e2e8f0}.courses-column.full-width{width:100%}.registered-courses-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.registered-course-item{padding:16px;transition:all .2s ease;width:100%}.registered-course-item .course-info{width:100%}.registered-course-item .course-info h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px;white-space:normal;word-break:break-word}.registered-course-item .course-details{gap:8px;align-items:center}.registered-course-item .course-code{background-color:rgba(0,0,0,.07);padding:2px 8px;border-radius:4px}.registered-course-item .course-code,.registered-course-item .course-hours{font-size:14px;color:#4b5563;white-space:nowrap}.registered-course-item.confirmed{background-color:#ecfdf5;border:1px solid #a7f3d0}.registered-course-item.pending{background-color:#fff7ed;border:1px solid #fed7aa}.course-status{font-size:13px;padding:2px 8px;border-radius:4px;margin-left:10px}.course-status.confirmed{background-color:#a7f3d0;color:#065f46}.course-status.pending{background-color:#fed7aa;color:#9a3412}.registered-summary{margin-top:16px;padding:16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.total-registered{display:flex;justify-content:space-between}.total-registered span{font-size:15px;font-weight:500;color:#1e293b}.unregister-course-btn{background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;margin-left:10px}.unregister-course-btn:hover{background-color:#f5222d}.unregister-course-btn svg{width:20px;height:20px}.registered-course-item{display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:10px;border-radius:8px;background-color:#f9f9f9;border:1px solid #eee}.registered-course-item .course-info{flex:1 1}.registered-course-item h3{margin:0 0 5px;font-size:1.1rem}.registered-course-item .course-details{display:flex;flex-wrap:wrap;gap:10px}.registered-course-item .course-code,.registered-course-item .course-hours{background-color:#e6f7ff;color:#1890ff;padding:2px 8px;border-radius:4px;font-size:.85rem}.registered-course-item .course-status{padding:2px 8px;border-radius:4px;font-size:.85rem}.registered-course-item .course-status.confirmed{background-color:#f6ffed;color:#52c41a}.registered-course-item .course-status.pending{background-color:#fffbe6;color:#faad14}.warning-icon{display:flex;justify-content:center;margin:1rem 0}.warning-icon svg{width:60px;height:60px;color:#faad14}.dialog-error{color:#f5222d;margin-top:1rem;padding:.75rem;background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px}.confirm-btn.danger{background-color:#ff4d4f}.confirm-btn.danger:hover{background-color:#f5222d}.cancel-btn:disabled,.confirm-btn.danger:disabled{opacity:.5;cursor:not-allowed}