.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.settings-modal{animation:slideIn .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);max-width:500px;overflow:hidden;width:90%}.settings-header{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border-bottom:1px solid #e9ecef;color:#fff;display:flex;justify-content:space-between;padding:20px}.settings-header h3{font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-button:hover{background-color:hsla(0,0%,100%,.2)}.settings-body{padding:20px}.settings-group{margin-bottom:20px}.settings-group label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.settings-group .form-control{border:1px solid #ced4da;border-radius:6px;padding:10px 12px;transition:border-color .2s;width:100%}.settings-group .form-control:focus{border-color:#6a11cb;box-shadow:0 0 0 .2rem rgba(106,17,203,.25);outline:none}.radio-group{margin-top:8px}.form-check{margin-bottom:10px}.form-check-input{margin-right:8px}.form-check-label{font-weight:400}.settings-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.settings-footer .btn{border-radius:6px;padding:8px 16px}.settings-footer .btn-primary{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none}.settings-footer .btn-secondary{background-color:#f8f9fa;border:1px solid #ced4da;color:#495057}.settings-footer .btn-primary:hover{box-shadow:0 4px 10px rgba(106,17,203,.3)}.settings-footer .btn-secondary:hover{background-color:#e9ecef}.settings-icon{align-items:center;background-color:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:10px;transition:background-color .2s;width:40px}.settings-icon:hover{background-color:hsla(0,0%,100%,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}