@media (max-width: 375px){.allocation-page .navbar{flex-direction:row !important;align-items:center !important;justify-content:space-between !important;padding:10px 12px !important}.allocation-page .navbar .nav-left,.allocation-page .navbar .nav-right{display:flex;gap:8px;align-items:center}.allocation-page .navbar .btn{font-size:12px !important;padding:6px 10px !important;margin:0}.allocation-page .navbar img[alt="Vector Icon"]{position:relative !important;top:0 !important;right:0 !important;margin:0}.allocation-page .sidebar{height:auto !important;border-right:none !important;border-bottom:1px solid #ddd !important;padding:10px !important}.allocation-page .sidebar h5,.allocation-page .sidebar .input-group,.allocation-page .sidebar .list-group-item{font-size:14px !important}.allocation-page .sidebar .list-group-item{flex-direction:column !important;align-items:flex-start !important}.allocation-page .col-md-9{padding:15px !important}#statusBars{flex-direction:column !important;width:100% !important}.status-bar{width:100% !important;height:auto !important}.d-flex.gap-3 button{font-size:10px !important;padding:8px 10px !important;flex:1}.d-flex.align-items-center.pb-2{flex-direction:column !important;align-items:flex-start !important;gap:10px !important}.d-flex.justify-content-end{position:relative !important;right:0 !important;flex-direction:column !important;align-items:flex-start !important;gap:5px !important;width:100% !important}.form-select{width:100% !important}.allocation-btn-container{position:static !important;margin:1rem 0;text-align:center;top:auto !important;right:auto !important}.allocation-btn{width:100%;max-width:300px;display:inline-block}.student-row{flex-direction:column !important;align-items:flex-start !important;gap:0.5rem !important;margin-bottom:2rem !important}.student-info{width:100%}.student-status{position:static !important;right:auto !important;width:100% !important;margin-top:0.3rem !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:10px !important}.student-badge{margin-bottom:0 !important;min-width:80px !important;text-align:center !important}.form-select{width:60% !important;font-size:13px !important;padding:8px 10px !important}.student-row img{margin-bottom:0.5rem}}@media (min-width: 376px) and (max-width: 425px){.allocation-page .navbar{flex-direction:column;align-items:flex-start !important;padding:15px !important}.allocation-page .navbar .btn{font-size:15px !important;padding:10px 14px !important;margin-bottom:6px}.allocation-page .navbar img[alt="Vector Icon"]{top:3rem !important;right:1.5rem !important}.allocation-page .navbar .position-absolute{position:relative !important;top:0 !important;right:0 !important;margin-top:10px}.allocation-page .sidebar{height:auto !important;border-right:none !important;border-bottom:1px solid #ddd !important;padding:15px !important}.allocation-page .sidebar .list-group-item{font-size:15px !important;flex-direction:column !important;align-items:flex-start !important}#statusBars{flex-direction:column !important;width:100% !important}.status-bar{width:100% !important;height:auto !important}.d-flex.gap-3 button{font-size:11px !important;padding:10px 12px !important;flex:1}.d-flex.align-items-center.pb-2{flex-direction:column !important;align-items:flex-start !important;gap:10px !important}.d-flex.justify-content-end{position:relative !important;right:0 !important;flex-direction:column !important;align-items:flex-start !important;gap:5px !important;width:100% !important}.form-select{width:100% !important}.student-row{flex-direction:column !important;align-items:flex-start !important;gap:0.5rem !important;margin-bottom:2rem !important}.student-info{width:100%}.student-status{position:static !important;right:auto !important;width:100% !important;margin-top:0.3rem !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:10px !important}.student-badge{margin-bottom:0 !important;min-width:80px !important;text-align:center !important}.form-select{width:60% !important;font-size:13px !important;padding:8px 10px !important}.student-row img{margin-bottom:0.5rem}}@media (min-width: 426px) and (max-width: 768px){.allocation-page .navbar{padding:10px 15px !important}.allocation-page .navbar .btn{font-size:16px !important;padding:10px 14px !important}.allocation-page .navbar img[alt="Vector Icon"]{top:2.5rem !important;right:2rem !important}.allocation-page .navbar .position-absolute{right:4rem !important;position:absolute !important;top:1.5rem !important}.allocation-page .sidebar{height:auto !important;border-right:none !important;border-bottom:1px solid #ddd !important;padding:15px !important}.allocation-page .sidebar h5{font-size:17px !important}.allocation-page .sidebar .list-group-item{font-size:15px !important}#statusBars{gap:10px !important}.status-bar{width:100% !important;max-width:200px;height:auto !important}.d-flex.gap-3 button{font-size:12px !important;padding:10px 14px !important}.d-flex.align-items-center.pb-2{flex-wrap:wrap !important}.d-flex.justify-content-end{right:0 !important;flex-direction:row !important;gap:8px !important}.form-select{width:auto !important}.allocation-btn-container{position:relative !important;margin:1rem auto;text-align:right;top:auto !important;right:auto !important;max-width:400px}.allocation-btn{width:auto}.student-row{flex-direction:column !important;align-items:flex-start !important;gap:0.5rem !important;margin-bottom:2rem !important}.student-info{width:100%}.student-status{position:static !important;right:auto !important;width:100% !important;margin-top:0.3rem !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:10px !important}.student-badge{margin-bottom:0 !important;min-width:80px !important;text-align:center !important}.form-select{width:60% !important;font-size:13px !important;padding:8px 10px !important}.student-row img{margin-bottom:0.5rem}}.vector-icon{position:absolute;top:1.7rem;right:4rem;height:20px;z-index:990}.allocation-btn-container{right:7rem;z-index:1000}.allocation-btn{background-color:#0343B8;color:white;border:none;border-radius:6px;padding:10px 20px;font-weight:bold;font-size:16px}.allocation-page .sidebar{height:100vh;overflow-y:auto;padding-top:20px;border-right:1px solid #dee2e6}.allocation-page .sidebar h5{font-weight:700;margin-bottom:3rem;font-size:18px}.allocation-page .input-group{height:50px;font-size:16px;margin-bottom:3rem}.allocation-page .input-group-text{padding:0 15px;font-size:16px;background-color:#fff;border-right:0;border-radius:50rem 0 0 50rem}.allocation-page .form-control{font-size:12px;height:50px;border-left:0;border-radius:0 50rem 50rem 0}.allocation-page .list-group-item{border:none;border-radius:8px;font-size:15px;border-left:4px solid transparent;cursor:pointer;margin-bottom:1.5rem;display:flex;justify-content:space-between}.student-count{font-size:16px;font-weight:bold}.allocation-page .list-group-item:hover,.allocation-page .list-group-item.active{background-color:#f9f5ff}#statusBars{display:flex;gap:1rem;flex-wrap:wrap}.status-bar{background-color:#f0fdf4;color:#15803d;border:2px solid transparent;cursor:pointer;border-radius:20px;width:140px;height:90px;display:flex;flex-direction:column;justify-content:center;font-size:13px;font-weight:700;text-align:left;align-items:flex-start;padding:10px;transition:box-shadow 0.2s}.status-bar.unassigned{background-color:#fff7ed;color:#c2410c}.status-bar.total{background-color:#eff6ff;color:#1d4ed8}.status-bar span{font-size:20px}.allocation-page .btn-group{display:flex;gap:1rem}.allocation-page .btn-group .btn{font-weight:600;font-size:12px;padding:12px 20px;color:#fff}.allocation-page .btn-auto-allocate{background-color:#a855f7}.allocation-page .btn-save-changes{background-color:#1d4ed8}h5.mb-4.fw-bold{font-size:18px}.allocation-page .student-row{display:flex;align-items:center;gap:1rem;padding-bottom:0.5rem;margin-bottom:3rem}.allocation-page .student-row img{border-radius:50%;width:40px;height:40px}.allocation-page .student-info{flex-grow:1}.allocation-page .student-name{font-weight:600;font-size:16px;font-weight:normal}.allocation-page .student-email{font-size:12px;color:#6c757d}.allocation-page .student-status{display:flex;align-items:center;gap:0.5rem;position:relative;right:5rem}.allocation-page .student-badge{padding:5px 8px;border-radius:10px;font-size:12px;font-weight:600;display:flex;align-items:center}.student-badge.assigned{background-color:#f0fdf4;color:#15803d}.student-badge.unassigned{background-color:#fff7ed;color:#c2410c}.allocation-page .form-select{width:150px;font-size:14px;padding:10px 20px}.allocation-btn:hover,.allocation-btn:focus,.allocation-btn:active{background-color:#0343B8 !important;color:white !important;text-decoration:none}.allocate{background-color:white;width:100%}.allocate-btn{padding:10px 20px !important;font-family:'Inter', sans-serif !important}.profile-avatar{width:48px;height:48px;background-color:#6c757d}.student-avatar{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;background-color:#FAFBFF}.no-courses-message{color:#888;padding:10px;font-style:italic}.status-bar{border:2px solid transparent;box-shadow:none;transition:all 0.2s ease}.status-bar.assigned.active{border-color:#15803d}.status-bar.unassigned.active{border-color:#c2410c}.status-bar.total.active{border-color:#1d4ed8}.list-group-item.active-course{border-left:4px solid #1D4ED8 !important;background-color:#F0F7FF}